Web前端工程师要掌握的基础知识和技能

目前 web 产品交互越来越复杂，用户使用体验和网站前端性能优化这些都得靠 web 前端工程师去做 ,web 前端工程师是设计加开发的综合体， web 前端工程师是在开发人员中最直接面向产品，面向用户的设计人员，一个开发团队的成果是要靠 web 前端工程师去展现，因为用户不会去关心后台的处理有多么强大 ; 在设计人员中 web 前端工程师是直接面向开发人员的设计人员，向开发人员以一种计算机语言的方式传递其设计理念， web 前端工程师在整个团队中是很关键的。
　　 Web 前端工程师要掌握的基础知识和技能包括：
　　 1 、网页的基本结构 (HTML + CSS)
　　 HTML 是一种标记语言，而不是编程语言，最基本是标签是和， CSS 是用来定义如何显示 HTML 元素的。对 HTML+CSS 很容易入门，但很多人不够深入，举几个例子：
　　签是作什么用的 ?margin-left 与 left 有什么区别，应该在什么情况下使用 ? 再出个 DIV+CSS 布局问题：一个宽度不确定的 DIV 里面放三个水平对齐的 DIV ，左右两个 DIV 宽度固定为 150px ，中间那个 DIV 充满剩余的宽度。如果这些问题你目前还不知道，对那个布局问题几分钟内不能解决，说明你对 HTML+CSS 还不够深入。

　　 2 、浏览器是怎么展现网页的
　　不同内核的浏览器对网页的渲染是不一样的，目前浏览器都有客户端调试工具，下图展现一个 google 首页在 IE9 下的加载细节：
　　在做 web 性能优化时，对浏览器渲染及细节要进一步了解。说个比较有用的知识点：目前浏览器并行加载的上限是 6 ，老版本的浏览器会有所不同。
　　 3 、网页的生命周期
　　不同的 web 框架下，页面的生命周期会有所不同，大体还是一样：客户端发送 GET 请求，服务器返回相应页面，客户端完成操作及数据，然后 POST 给服务器。一定要对数据的传递 ( 前台与后台 , 页面之间 ) 的细节了然于心。

　　 4 、服务器端语言开发经验， PS 切图技术
　　 Web 前端开发介于设计与开发中间，所以两端的东西都得懂点。编辑语言是相通的，之前编写过服务器语言，对学习 javascript 是十分有益的，从图片转成静态 HTML 页面，少不了 PS 切图技术。

　　 5 、浏览器的兼容性
　　由于历史原因，浏览器的兼容性一直都折磨 web 前端工程师的地方，虽然有 W3 组织，并制定了一些规范，虽然浏览器产商都正在努力改进并接近其规范，但现实网络环境中各种内核、各种版本的浏览器都有一席之地。解决浏览器兼容性靠经验积累。

　　 6 、快速学习能力和主动学习意愿
　　 web 前端的发展很快，从事这一行业一定要有快速学习能力和主动学习意愿，这样才能适应 web 产品的要求。在 web 前端领域没有绝对的是与非 , 解决一个问题的方法有很多，但我们要找到一个更合适的方法，找到一个更合适的方法需要经验作积累，总之 web 前端入门容易，想熟练很难，需要更多的主动学习意愿。
　　 7 、良好的沟通能力
　　优秀的前端工程师需要具备良好的沟通能力，因为你的工作与很多人的工作息息相关，比如项目经理、设计师、最终用户、开发工程师，前端工程师位于这几类人的交汇点上，这些角色的要求你都得照顾好，平衡这四类人的需求，拿出一个比较合适的方案。由此可见沟通能力对前端工程师要求更高。

　　Web的明天与今天必将有天壤之别，而你的工作就是要搞清楚如何通过自己的Web应用程序来体现这种翻天覆地的变化，既然踏上了web前端开发之路，那就坚强地走下去吧!

WEB前端学习交流群21 598399936