web前端工程师怎样自学.pdfVIP

在线学习好工作 http/// web前端工程师如何自学 随着互联网的发展速度迅猛 ，web前端工程师越来越火热 ，想学习Web前端开发 吗 ? 若想成为web前端工程师需要掌握哪些知识 ？今天小编总结了成为web前端工程师 需要掌握的所有知识。 一、基础 1、H5标签 1.1、H5引进的一些新的标签 ，需要注意 article、header、footer、aside、nav 以及 HTML的标题结构 1.2、理解浏览器解析 HTML的过程 ，理解 DOM的树形结构 ，及相应 API 1.3、理解 HTML标签在各个浏览器上的默认样式 （代理样式 ），理解 CSS 中的重置 样式表的概念 1.4、理解 Canvas、SVG、video等功能性标签 1.5、理解 form、iframe标签 ，理解文件提交过程 2、CSS知识 2.1、学习基础知识 ，包括大部分常用属性、选择器的用法 ，了解大多数标签基本概念 学习浏览器兼容性问题 ，知道兼容性的主要问题及解决方法 2.2、深入理解盒子模型 ，区分块级元素、行内元素 ，一些重要的属性 ：display、float、 position ，必须要会区分盒子、行内盒子的概念 还可以学一些简单的预编译语言 ：sass、less 2.3、学习常用框架 ，可以使用 bootstrap构建项目 2.4、学习框架的代码组织方式 包括 ：12格栅系统、组件化、组件的风格化等 2.5、学习 CSS 3 的新功能 ，特别是动画效果、选择器 2.6、学习一些 CSS对象化思想 ，学习编写简洁性、高复用性、高健壮性的 CSS 2.7、可以看看扁平化设计 ，还有简洁性 2.8、理解 CSSOM、render、reflow、CSS性能、CSS 阻塞概念 学习方法 ： 多看别人的代码 ，优秀的设计网站 要学会使用 grunt、gulp压缩 CSS display + position +float 可以组合出很复杂的效果 ，多练习盒子模型 尝试在不用 float ，且 position不为 absolute 的情况下实现等高、等宽等布局 3、深入学习javascript 3.1、重新学习JS语法 ，注意 ：表达式、语句、类型 主要倾向于 “原生”JS 哦 ，不要使用框架 3.2、深入理解 JS 的 “一级函数”、对象、类的概念 学会使用函数来构造类、闭包 ，学会用面向对象的方式组织代码 3.3、深入理解 JS 的作用域、作用域链、this对象 理解函数的各种调用方法 （call、apply、bind等 ） 3.4、理解对象、数组的概念 理解对象的 “[]”调用 ，理解对象是一种 “特殊数组” 理解 for语句的用法 深入理解 JS 中原始值、包装对象的概念 （重要 ） 3.5、学习一些常用框架的使用方法 ，包括 ：JQUERY、underscore、EXTJS ，更高级 的 ：backbone、angularjs、ejs、jade 比较多个框架的使用方法 ，总结常见用法 ，提高学 习速度学习模块化开发 （使用 require.js、sea.js等 ） 3.6、适当看一些著名框架的源码 ，比如jQuery 重要的是学习框架中代码的组织形式 ， 即设计模式 3.7、了解 JS解释、运行过程 ，理解JS 的单线程概念 深入理解 JS事件、异步、阻塞概念 3.8、理解浏览器组成部件 ，理解 V8 的概念 学习V8 的解释-运行过程 在 V8基础上 ，学会如何提高 JS性能 学会使用 chrome 的 profile进行内存泄露分析 学习方法 ： 提高对自己的要求 多看优秀框架的源码 ，特别是框架的架构模式、设计模式 多学设计模式 学习原生 JS、DOM、BOM、Ajax 4、跨终端 理解混合 APP的概念 理解网页在各类终端上的表现 理解网页与原生 app的区同 ，重在约束 理解单页网站 ，特别要规避页面的内存泄露问题 入门 nodejs ，对其有个基础概念 5、工具 学会使用 grunt进行 JS、CSS、HTML压缩 ，特别是模块化js开发时候的压缩 会用 PS进行切图、保存