好程序员web 前端教程分享 web 前端 入门基础知识 ， 作为 合格的Web 前端工程师必须得掌握 HTML 、 CSS 和 JavaScript 。只懂其中 一两个 还不行，必须对这三门语言都 要 熟悉。下面我们一起来看一看吧！

1 、网页的基本结构 (HTML 、 CSS)

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

2 、浏览器是怎么展现网页的

不同内核的浏览器对网页的渲染是不一样的，目前浏览器都有客户端调试工具，在做Web 性能优化时，对浏览器渲染及细节要进一步了解。说个比较有用的知识点：目前浏览器并行加载的上限是 6 ，老版本的浏览器会有所不同。

3 、网页的周期

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

4 、 DHTML DOM BOM JavaScript AJAX

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

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

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

6 、浏览器的兼容性

由于历史原因，浏览器的兼容性一直都折磨Web 前端工程师的地方，虽然有 W3 组织，并制定了一些规范，虽然浏览器产商都正在努力改进并接近其规范，但现实网络环境中各种内核、各种版本的浏览器都有一席之地。这也是优秀的 Web 前端工程师必须掌握的技术点。