以下知识点是先辈师兄总结

1、HTML/HTML5基本：

1.0、语义化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标签，明白文件提交历程

引荐书本：
A、《HTML5秘笈》

2、高健壮性CSS

2.1、进修基本知识，包含大部分经常运用属性、选择器的用法，要对大多数标签有个基本观点,在一样平常运用的基本上，尝试进修浏览器兼容性题目，要晓得兼容性的主要题目及解决要领
2.2、深切明白盒子模子，辨别块级元素、行内元素，有几个比较主要的属性：display、float、position，一定要弄清晰辨别盒子、行内盒子的观点别的能够斟酌学一些预编译言语：sass、less，都很简朴
2.3、进修经常运用框架，能够运用bootstrap构建项目
2.4、进修框架的代码组织体式格局包含：12格栅体系、组件化、组件的作风化等
2.5、进修CSS3的新功能，特别是动画结果、选择器
2.6、认真进修一些CSS对象化头脑，进修编写简洁性、高复用性、高健壮性的CSS
2.7、有空的话，能够看看所谓的扁平化设想，另有简洁性
2.8、明白CSSOM、render、reflow、CSS机能、CSS壅塞观点
进修要领：
1、多看他人的代码，一些设想的不错的网站就是很好的进修素材，比方拉勾网
2、一定要学会运用grunt、gulp紧缩CSS
3、display + position + float 能够组合出很庞杂的结果，多想一想盒子模子
4、尝试在不必float，且position不为absolute的情况下完成等高、等宽等规划

引荐书本：
1、《图灵程序设想丛书:HTML5与CSS3设想情势》
2、《Web开辟手艺丛书:深切明白Bootstrap》
3、《高流量网站CSS开辟手艺》
4、《CSS设想完全研讨》 这个一定要
5、《Web开辟手艺丛书:深切明白Bootstrap》
6、能够找一些特地讲SASS的书，然则我没找到
7、《CSS威望指南(第3版)》

3、深切进修JS

3.1、重新进修JS语法，注重：表达式（特别是函数接见表达式）、语句、范例（包含范例推断)注重，这个时刻主要倾向于“原生”JS哦，不要运用框架
3.2、深切明白JS的“一级函数”、对象、类的观点,学会运用函数来组织类、闭包，学会用面向对象的体式格局组织代码
3.3、深切明白JS的作用域、作用域链、this对象（在种种挪用情势中，this的指向）明白函数的种种挪用要领（call、apply、bind等）
3.4、明白对象、数组的观点
明白对象的“[]”挪用，明白对象是一种“特别数组”
明白for语句的用法
深切明白JS中原始值、包装对象的观点（主要）
3.5、进修一些经常运用框架的运用要领，包含：JQUERY、underscore、EXTJS，加分点有：backbone、angularjs、ejs、jade
经由过程比较多个框架的运用要领，想清晰“JS言语极为天真”这一现实
总结罕见用法，进步进修速率
进修模块化开辟（运用require.js、sea.js等）
3.6、恰当看一些有名框架的源码，比方jQuery（不发起看angularjs，太庞杂了）
主要的是进修框架中代码的组织情势，即设想情势
3.7、相识JS诠释、运转历程，明白JS的单线程观点
深切明白JS事宜、异步、壅塞观点
3.8、明白浏览器构成部件，明白V8的观点
进修V8的诠释-运转历程
在V8基本上，学会怎样进步JS机能
学会运用chrome的profile举行内存泄漏剖析
进修要领：
1、进步对本身的要求，要有代码洁癖
2、恰当的时刻看看优异框架的源码，特别是框架的架构情势、设想情势
3、多学学设想情势
4、进修原生JS、DOM、BOM、Ajax
引荐书本：
1、《O’Reilly佳构图书系列:​JavaScript威望指南(​第6版)》 必看
2、《JavaScript设想情势》
3、《WebKit手艺内情》
4、《JavaScript框架高等编​程:运用Prototype YUI Ext JS Dojo MooTools》
5、《用AngularJS开辟下一代Web运用》
6、跨终端
6.1、明白夹杂APP的观点
6.2、明白网页在各种终端上的表现
6.3、明白网页与原生app的区同，重在束缚
6.4、明白单页网站，特别要躲避页面的内存泄漏题目
6.5、入门nodejs，对其有个基本观点，晓得它能做什么，瑕玷是什么
引荐书本：
1、《单页Web运用:JavaScript从前端到后端 》
2、《Web 2.0界面设想情势》
3、《相应式Web设想:HTML5和​CSS3实战》
5、东西
学会运用grunt举行JS、CSS、HTML 紧缩，特别是模块化js开辟时刻的紧缩
会用PS举行切图、保留icon
入手sublime、webstorm
学会运用chrome调试面板，特别是：console、network、profile、element

进阶：

4、机能

1.1、明白资本加载的历程
包含：TCP握手衔接、HTTP要求报文、HTTP复兴报文
1.2、明白资本加载的机能束缚，包含：TCP衔接限定、TCP慢启动
1.3、明白CSS文件、JS文件紧缩，明白差别文件放在页面差别位置后对机能的影响
1.4、明白CDN加快
1.5、学会运用HTTP头掌握资本缓存，明白cache-control、expire、max-age、ETag对缓存的影响
1.6、深切明白浏览器的render历程
引荐书本：
1、《Web机能威望指南》
2、雅虎网站页面机能优化的34条黄金守则

5、http及TCP协定族

2.1、进修http协定，明白http要求-相应情势
2.2、明白http是运用层协定，它是构建在TCP/IP协定上的
2.3、明白http报文（要求-相应报文）
2.4、明白http代办、缓存、网关等观点，指定怎样掌握缓存
2.5、明白http协定内容，包含：状况码、http头、长衔接（http1.1）
2.6、进修http服务器的事情模子，对静态文件、CGI、DHTML的处置惩罚流程有个大抵观点

引荐书本：
1、《HTTP威望指南》
2、《TCP/IP详解》
3、《图解TCP/IP(第5版)》

6、安全性

XSS、SQL注入