前端学习总结.doc

前端学****总结基础: 1 、语义化 H5 标签 、 H5 引进了一些新的标签, 特别注意 article 、 header 、 footer 、 aside 、 nav 等,注意 HTML 的标题结构 、理解浏览器解析 HTML 的过程, 理解 DOM 的树形结构,及相应 API 、理解 HTML 标签在各个浏览器上的默认样式(代理样式),理解 CSS 中的重置样式表的概念 、理解 Canvas 、 SVG 、 video 等功能性标签 、理解 form 、 iframe 标签, 理解文件提交过程推荐书籍: 1 、《 HTML5 秘籍》 2 、高健壮性 CSS 、学****基础知识,包括大部分常用属性、选择器的用法,要对大多数标签有个基础概念在日常使用的基础上, 尝试学****浏览器兼容性问题,要知道兼容性的主要问题及解决方法 、深入理解盒子模型,区分块级元素、行内元素,有几个比较重要的属性: display 、 float 、 position , 一定要弄清楚区分盒子、行内盒子的概念另外可以考虑学一些预编译语言: sass 、 less ,都很简单 、学****常用框架,可以使用 bootstrap 构建项目 、学****框架的代码组织方式包括: 12 格栅系统、组件化、组件的风格化等 、学****CSS 3 的新功能,特别是动画效果、选择器 、认真学****一些 CSS 对象化思想,学****编写简洁性、高复用性、高健壮性的 CSS 、有空的话,可以看看所谓的扁平化设计,还有简洁性 、理解 CSSOM 、 render 、 reflow 、 CSS 性能、 CSS 阻塞概念学****方法: 1 、多看别人的代码,一些设计的不错的网站就是很好的学****素材,比如拉勾网 2、一定要学会使用 grunt 、 gulp 压缩 CSS 3、 display + position + float 可以组合出很复杂的效果,多想想盒子模型 4、尝试在不用 float ,且 position 不为 absolute 的情况下实现等高、等宽等布局推荐书籍: 1 、《图灵程序设计丛书:HTML5 与 CSS 3 设计模式》 2 、《 Web 开发技术丛书: 深入理解 Bootstrap 》3 、《高流量网站 CSS 开发技术》 4 、《 CSS 设计彻底研究》这个一定要 5 、《 Web 开发技术丛书: 深入理解 Bootstrap 》6、可以找一些专门讲 SASS 的书, 但是我没找到 7 、《 CSS 权威指南(第3版)》 3 、深入学****JS 、重新学****JS 语法, 注意: 表达式( 特别是函数访问表达式)、语句、类型(包括类型判断) 注意,这个时候主要倾向于“原生”JS 哦,不要使用框架 、深入理解 JS的“一级函数”、对象、类的概念学会使用函数来构造类、闭包, 学会用面向对象的方式组织代码 、深入理解 JS 的作用域、作用域链、 this 对象(在各种调用形式中, this 的指向) 理解函数的各种调用方法( call 、 apply 、 bind 等) 、理解对象、数组的概念理解对象的“[]”调用, 理解对象是一种“特殊数组”理解 for 语句的用法深入理解 JS 中原