各种前端框架的出现,很大程度上降低了前端开发的难度。框架统一了编码的方式、封装了浏览器兼容问题并添加大量的扩展功能。如今的Web项目中前端框架应用非常广泛,在开源社区Github上排名靠前的开源框架也是以前端框架居多。优秀的前端框架可以很大程度上减少项目开发的周期,尤其是jQuery,几乎成为了Web项目默认的前端框架。但是前端框架的接口众多,各种框架的使用方式和编码方式也不尽相同。作为前端开发工程师,需要熟悉一些常用框架的使用方法,并且要了解如何编写常用框架的扩展插件,如:jQuery、YUI、ExtJs等。
6. 调试工具对于前端代码,在调试过程中需要查看页面的HTML结构变化,CSS渲染效果,JavaScript代码的执行情况及HTTP请求和返回的数据,并且还要查看网站各个部分的性能等,甚至需要动态更改HTML,CSS代码来查看预期的效果,模拟发起HTTP请求来查看后端返回的数据。各主流浏览器都会有对应的浏览器插件来辅助完成这些工作,如:IE中的IE Dev Toolbar、Chrome中的Developer Tools、Firefox中的Firebug等,此外还有HTTP请求监控和模拟工具,如:Fiddler等。 开发工程师需要熟练使用这些工具来辅助完成前端代码的调试。
7. 沟通能力软件工程师向来是一个不善于沟通的群体,但是沟通却又是一项必备的基本技能,尤其是对于前端开发工程师来说。Web前端开发介于UI和后端逻辑开发之间,所以Web前端工程师在开发过程中必定会和UI设计师及后端工程师合作:前端工程师需要和UI设计师沟通,确定效果是否可以实现以及实现的代价,并对UI设计提出建议;还需要和后端工程师沟通,确定前后端交互的接口以及传输的数据实体的结构等,良好的沟通会让这些过程变得轻松许多。
Web前端开发现状前端开发虽然起步时间短,但是发展势头迅猛,在各种新技术、新标准的推动下,各大互联网公司也开始重视Web产品的前端重构与开发了,如淘宝、腾讯、新浪、百度、搜狐等都对自己的网站进行了重构并同时使用了HTML5中的新特性。现在开发的Web新产品的页面交互也越来越丰富,视觉效果也越来越绚丽。互联网公司除了重视前端开发之外,还在积极推动互联网技术的发展,从2001年到2012年,腾讯、百度以及360先后加入了万维网联盟(W3C),共同参与互联网技术标准的研究和制定,促进国内互联网产业的发展。
在Web前端发展的过程中,浏览器的发展起着至关重要的作用。浏览器厂商在这场Web浪潮中推波助澜,表现在浏览器的版本升级周期短、对前端标准的支持也越来越好、浏览器的性能也有大幅的提升等。一向表现差强人意的IE浏览器也开始发力,最新发布的IE11浏览器无论从标准的支持或者是性能都表现突出。浏览器的快速发展使得低端的浏览器如IE6、IE7等快速退出市场。
除各大互联网公司和浏览器厂商的积极推动外,Web前端开源社区的参与热情也极为高涨,呈现出一派欣欣向荣的景象。在著名的网络代码托管系统Github上,开源的项目仍然是以前端相关项目居多。按语言排名前三的分别为JavaScript、Ruby和Python。按项目分,排名靠前的大部分也是前端项目,如:prototype、bootstrap、jQuery及相关插件等,具体大家可参考Github官方网站。国内的前端社区则发展较为缓慢,多是以推广HTML5为主,靠一些酷炫的效果来吸引眼球,反而关注前端基础的较少。国内Web互联网公司(如:淘宝、百度、腾讯等)也有部分优秀的开源前端框架,这些公司的前端技术分享氛围不错,但受地域的限制,主要集中在北京和杭州等小范围内,虽然相关人员在积极推动但还是孤掌难鸣,发展很不平衡。整体来讲,国内前端技术发展还是挺迅速,也不乏顶级的前端技术人员,但缺乏的是开放的心态和与国外同行交流的能力,国内前端技术的发展任重道远。