开发web前端如何进行演变_web前端怎么做开发演变

　　互联网进入Web2.0时代，各种类似桌面软件的Web应用大量涌现，网站的前端由此发生了翻天覆地的变化。下面由学习啦小编为大家整理的web前端开发的演变，希望大家喜欢!

　　web前端开发的演变

　　Web前端开发工程师是一个很新的职业，在国内乃至国际上真正开始受到重视的时间不超过10年。Web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是Web 1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。

　　2005年以后，互联网进入Web 2.0时代，各种类似桌面软件的Web应用大量涌现，网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片，各种丰富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更好的使用体验，这些都是基于前端技术实现的。

　　其实中国的“web前端开发攻城狮” 这个职位好多人并不知道是怎么叫出来的，那么我偷偷告诉你：其实是淘宝团队，发明出来的本土化的名称，因为历史原因，淘宝在2005以后迅速崛起，并且爆发式的访问量，让淘宝网的用户体验受到巨大考验和急需前进。

　　然后淘宝官方第一次有了【 web前端开发】这个字眼和招聘职位，或许其他网站也想到了这样一种描述，但是毕竟知名度巨高的淘宝，受关注度自然高，口碑相传，就把前端开发 这个叫法发扬光大了。

　　在早期点Web前端不叫前端，而是被亲切的叫做“网页设计师”，没错你没看错，就是这个名字，我记得那时候 【网页三剑客】的说法满天飞，你掌握了这3贱客，真的很贱，就可以被人叫做网页设计师了。

　　网页三剑客：DW \ FW \ Falsh

　　网页三剑客(Flash、Dreamweaver、Firewoks) 并称为Macromedia的网页制作三剑客，由于是同一公司的产品，因而在功能上有着一个非常紧密的结合 。后来Firewoks被Adobe这个变态的巨头收购以后，ps就基本取代Firewoks来做设计网页的工作了，虽然我知道现在还有人用，估计是一种怀念和某些好用的切图功能吧。

　　而那时候的网页设计师 如果要入此道，必须要掌握的就是Dreamweaver，并不是说只有他能写html 和 css ，而是它在当时的自动提示实在太好用、太强大了，简直不用费脑细胞，你就可以轻轻松松的完成你所想。在当时前端工具和编辑器贫乏的时代，这个绝对是神奇级别了(当然后来 写的多了都熟悉基本不用提示的)。当年还有很多基于Dreamweaver构建网站的教程，那时候真的是个基情满满的年代，这些工具类的历史产物，有兴趣的朋友可以去了解一下就好了，我们不在多舌。

　　web前端开发基础

　　虽说这个问题很大，但是这个话题就很好回答了;因为现在前端如此眼花缭乱，技能多多，都是基于此三板斧：

　　HTML、CSS、JavaScript

　　语言基础：HTML、CSS、JavaScript

　　思想标准：W3C标准

　　W3C万维网联盟创建于1994年，是Web技术领域最具权威和影响力的国际中立性技术标准机构。到目前为止，W3C已发布了200多项影响深远的Web技术标准及实施指南，如广为业界采用的 【超文本标记语言】、【[标准通用标记语言】、【可扩展标记语言】等。

　　有效促进了Web技术的互相[兼容]，对互联网技术的发展和应用起到了基础性和根本性的支撑作用。

　　所以 我们现在运用的html 超文本标记语言，css 等所有基于web技术的范畴，基本都是w3c标准，并全世界统一执行的，所以符合w3c 也就是开启前段之门了。

　　HTML： 是构成网页展示的基础，是一种很简单可视化的标识语言，说白了就是 一是一，你写二就出二。网上所有的网页网站，不管多么牛鼻最后都会转化成html，被浏览器渲染出来，用作展示。

　　CSS： 又称作样式表，简单点说就是html的外衣，将html包装的明艳动人。

　　JavaScript：是一种直译式脚本语言，非常灵活，可以在任何浏览器上开发与调试的一种动态类型、弱类型、基于原型的语言。

　　Web前端十种优化方式

　　1.尽量减少HTTP请求 (Make Fewer HTTP Requests)

　　2.减少 DNS 查找 (Reduce DNS Lookups)

　　3.避免重定向 (Avoid Redirects)

　　4.使得 Ajax 可缓存 (Make Ajax Cacheable)

　　5.延迟载入组件 (Post-load Components)

　　6.预载入组件 (Preload Components)

　　7.减少 DOM 元素数量 (Reduce the Number of DOM Elements)

　　83切分组件到多个域 (Split Components Across Domains)

　　9.最小化 iframe 的数量 (Minimize the Number of iframes)

　　10.杜绝 http 404 错误 (No 404s)