好程序员web前端教程分享web前端入门基础知识，作为一个合格的web前端工程师必须掌握HTML，CSS和JavaScript。仅仅了解其中的一两个是不够的。您必须熟悉这三种语言。一起来看看吧！一、网页的基本结构（HTML、CSS）HTML是一种标记语言，不是编程语言。最基本的标签是and，CSS用于定义如何显示HTML元素。HTML+CSS入门容易，但很多人还不够深入。下面是几个例子：标签的用途是什么？margin-left和left有什么区别，应该在什么情况下使用？关于DIV+CSS布局的另一个问题：三个水平对齐的DIV放在一个宽度不确定的DIV中。左右两个DIV的宽度固定为150px，中间的DIV填满剩余的宽度。如果你还不知道这些问题，几分钟之内还不能解决布局问题，那说明你对HTML+CSS还不够深入。2.浏览器如何显示网页不同核心浏览器呈现网页的方式不同。目前浏览器都有客户端调试工具。在优化Web性能时，您需要了解更多有关浏览器渲染和细节的知识。说一个比较有用的知识点：目前浏览器的并行加载上限是6，老版本的浏览器会不一样。3、网页的周期在不同的web框架下，页面的生命周期会有所不同，但大体相同：客户端发送GET请求，服务器端返回相应页面，客户端完成操作，数据，然后POST到服务器。一定要了解数据传输的细节（正面和背面，页面之间）。4.DHTMLDOMBOMJavaScriptAJAX这是Web前端开发的重中之重，大部分时间我们都在和它们打交道。需要注意的几点：javascript是单线程编程，所谓javascript异步编程无非就是计划在未来某个时间执行相应的事件；了解有关DOM事件机制的更多信息；客户端存储（localStorage和sessionStorage在HTML5中被添加）；javascript不像服务端语言那样严谨，调试也不是很方便，所以一开始一定要养成严谨的javascript编辑习惯；javascript非常强大和灵活，不要幻想在短时间内精通（更不要说精通），而编写一些框架和类库，在起步阶段，使用熟悉且成熟的框架（如jquery）作为介绍；您必须熟练使用客户端调试工具。5、有服务器端语言开发经验，PS切技术Web前端开发介于设计和开发之间，所以两头的东西你都要懂。编辑语言相同。之前写过服务器语言，对学习javascript很有帮助。从图片到静态HTML页面，都离不开PS裁剪技术。6、浏览器兼容性由于历史原因，浏览器兼容性一直困扰着Web前端工程师。虽然有W3组织，也制定了一些规范，虽然浏览器厂商也在努力完善和逼近自己的规范，但是各种内核，各种版本的浏览器，在真实的网络环境中都有一席之地。这也是一个优秀的Web前端工程师必须掌握的技术点。
