web前端工程师入门须知

时间 2019-11-18

标签 web 前端工程师入门须知栏目 HTML 繁體版

原文原文链接

先说下web前端工程师的价值，目前web产品交互愈来愈复杂，用户使用体验和网站前端性能优化这些都得靠web前端工程师去作web前端工程师是设计加开发的综合体，web前端工程师是在开发人员中最直接面向产品，面向用户的设计人员，一个开发团队的成果是要靠web前端工程师去展示，由于用户不会去关心后台的处理有多么强大；在设计人员中web前端工程师是直接面向开发人员的设计人员，向开发人员以一种计算机语言的方式传递其设计理念，web前端工程师在整个团队中是很关键的。javascript

在我眼中一名合格的web前端工程师必须得掌握HTML、CSS和JavaScript。只懂其中一个或两个还不行，你必须对这三门语言都很熟悉。也不是说必须对这三门语言都很是精通，但你至少要可以运用它们完成大多数任务，而无需地频繁地寻求别人的帮助。html

下面说下我眼中web前端工程师要掌握的基础知识和技能：前端

1 网页的基本结构（HTML + CSS）java

HTML 是一种标记语言，而不是编程语言，最基本是标签是<html>和<body>，CSS是用来定义如何显示HTML元素的。对 HTML+CSS很容易入门，但不少人不够深刻，举几个例子：<meta> 标签是做什么用的？margin-left与left有什么区别，应该在什么状况下使用？再出个DIV+CSS布局问题：一个宽度不肯定的DIV里面放三个水平对齐的DIV，左右两个DIV宽度固定为150px，中间那个DIV充满剩余的宽度。若是这些问题你目前还不知道，对那个布局问题几分钟内不能解决，说明你对HTML+CSS还不够深刻。jquery

2 浏览器是怎么展示网页的web

不一样内核的浏览器对网页的渲染是不同的，目前浏览器都有客户端调试工具，下图展示一个google首页在IE9下的加载细节：编程

在作web性能优化时，对浏览器渲染及细节要进一步了解。说个比较有用的知识点：目前浏览器并行加载的上限是6，老版本的浏览器会有所不一样。浏览器

3 网页的生命周期性能优化

不一样的web框架下，页面的生命周期会有所不一样，大致仍是同样：客户端发送GET请求，服务器返回相应页面，客户端完成操做及数据，而后POST给服务器。必定要对数据的传递(前台与后台,页面之间)的细节了然于心。服务器

4 DHTML DOM BOM Javascript AJAX

这是Web前端开发的重中之中，大多数时候咱们都在和他们打交道。说几个注意点：javascript是单线程编程，所谓的javascript异步编程只不过是计划在将来的某个时间上执行相应事件而已；详细了解DOM事件机制；客户端存储（HTML5中增长了localStorage和 sessionStorage）；javascript不像服务器端语言那样严谨，调试不是很方便，因此一开始要养成严谨的javascript编辑习惯；javascript很强大很灵活，不要幻想短期内熟练（更别说精通）它，并写些框架、类库，初始阶段仍是先用熟练已成熟的框架（好比 jquery）当入门；必定要熟练使用客户端调试工具。

6 服务器端语言开发经验，PS切图技术

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

5 浏览器的兼容性

因为历史缘由，浏览器的兼容性一直都折磨web前端工程师的地方，虽然有W3组织，并制定了一些规范，虽然浏览器产商都正在努力改进并接近其规范，但现实网络环境中各类内核、各类版本的浏览器都有一席之地。解决浏览器兼容性靠经验积累，可喜的事这方面资料网上有不少。http://www.w3help.org/zh-cn/这是个很好的参考网站。

6 快速学习能力和主动学习意愿

web 前端的发展很快，从事这一行业必定要有快速学习能力和主动学习意愿，这样才能适应web产品的要求。在web前端领域没有绝对的是与非,解决一个问题的方法有不少，但咱们要找到一个更合适的方法，找到一个更合适的方法须要经验做积累，总之web前端入门容易，想熟练很难，须要更多的主动学习意愿。

7 良好的沟通能力

优秀的前端工程师须要具有良好的沟通能力，由于你的工做与不少人的工做息息相关，好比项目经理、设计师、最终用户、开发工程师，前端工程师位于这几类人的交汇点上，这些角色的要求你都得照顾好，平衡这四类人的需求，拿出一个比较合适的方案。因而可知沟通能力对前端工程师要求更高。你们能够看看下面这篇博文：http://www.cnblogs.com/trance/archive/2011/08/31/2160617.html。

最后提供一些好的学习资料：

1. W3C学习网站（http://www.w3school.com.cn/），上面的资料很全，很实用，是最好的入门资料。

2. 《javascript权威指南》

3. 《javascript+DOM编程艺术》

4. 《javascript高级程序设计》