前端开发面试知识点大纲:
*HTML&CSS：
对Web标准的理解、浏览器内核差异、兼容性、hack;
CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应;
*JavaScript：
数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块化、自定义事件、
内存泄漏、事件机制、异步装载回调、模板引擎、Nodejs、JSON、ajax等
*其他：
HTTP、安全、正则、优化、重构、响应式、移动端、团队协作、可维护、SEO、UED、架构
1、
Doctype作用？严格模式与混杂模式如何区分？它们有何意义?有多少种Doctype文档类型？
2、
文本流和文档流
3、
什么是web语义化,有什么好处?
4、
<img>的title和alt有什么区别?
5、
HTML全局属性(global attribute)有哪些?
6、
行内元素有哪些？块级元素有哪些？空(void)元素有那些？
7、
页面导入样式时，使用link和@import有什么区别？
8、
常见的浏览器内核有哪些?
9、
html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分HTML和HTML5？
10、
HTML5的离线储存怎么用，工作原理能不能解释一下？什么是应用程序缓存（Application Cache）？
11、
浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢？
12、
请描述一下cookies,sessionStorage和localStorage的区别？
13、
iframe有哪些缺点？
14、
如何实现浏览器内多个标签页之间的通信?
15、
如何使用websocket？如何兼容低浏览器？
16、
HTML5的form如何关闭自动完成功能？
17、什么叫优雅降级和渐进增强?
18、了解HTML5中的download属性
1、
介绍一下标准的CSS的盒子模型？与IE的盒子模型有什么不同的？
2、
display有哪些值？说明他们的作用。position的值relative和absolute定位原点是？
3、
为什么要初始化CSS样式?
4、
如何创建块级格式化上下文(block formatting context),BFC有什么用?
5、
display:none和visibility:hidden的区别？
6、
CSS 选择符有哪些？哪些属性可以继承？优先级算法如何计算？ CSS3新增伪类有那些？
7、
CSS中 link 和@import 的区别是？
8、
解释下 CSS sprites，以及你要如何在页面或网站中使用它？
9、
display: none;与visibility: hidden;的区别?
10、
PNG,GIF,JPG的区别及如何选？
11、
请解释一下浮动和它的工作原理？清除浮动的技巧?
12、
如何水平居中一个元素？
13、
如何竖直居中一个元素?
14、
什么叫外边距折叠(collapsing margins)？
15、
css hack原理及常用hack?
16、
CSS选择器有哪些？
17、
CSS3有哪些新特性（包含哪些模块）？
18、
iphone手机不同版本CSS兼容怎么实现？
1、
数据类型
2、
函数，变量，作用域，闭包？
3、
事件，事件流，事件机制
4、
对象，对象继承，原型，原型链
5、
http，ajax，跨域，进程，TCP
6、
cookie，浏览器本地储存，缓存控制
7、
JS操作（数组，字符串，JSON）
8、
dom操作
9、
性能优化
10、
框架,其他
1、
Javascript模块化编程
2、
JavaScript函数式编程
3、
JavaScript中的Promise
4、
JavaScript基础进阶系列
1、jQuery 基本原理
2、JavaScript 秘密花园
3、Markdown语法
4、火狐开发者文档MDN
5、整合资源项目
6、深入理解JavaScript系列
7、Awesomes - React专题
8、JavaScript被忽视的细节
9、HTTP/2资料汇总