per-FE-Interview

自己整理的前端面试题问题大纲，主要分三大部分html,css,js

前端开发面试知识点大纲:

*HTML&CSS：
	对Web标准的理解、浏览器内核差异、兼容性、hack;
	CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应;

*JavaScript：
	数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块化、自定义事件、
	内存泄漏、事件机制、异步装载回调、模板引擎、Nodejs、JSON、ajax等

*其他：
	HTTP、安全、正则、优化、重构、响应式、移动端、团队协作、可维护、SEO、UED、架构、职业生涯 

---------------------------------------------------------分割线-----------------------------------------------------------------

html部分

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中的downloa属性

xx、

---------------------------------------------------------分割线-----------------------------------------------------------------

CSS部分

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兼容怎么实现？

xx、

---------------------------------------------------------分割线-----------------------------------------------------------------

JavaScript部分

1、 数据类型
2、 函数，变量，作用域，闭包？
3、 事件，事件流，事件机制
4、 对象，对象继承，原型，原型链
5、 http，ajax，跨域，进程，TCP
6、 cookie，浏览器本地储存，缓存控制
7、 JS操作（数组，字符串，JSON）
8、 dom操作
9、 性能优化
10、 框架,其他

---

---

JavaScript专题部分

1、 Javascript模块化编程
2、 JavaScript函数式编程
3、 JavaScript中的Promise

---------------------------------------------------------分割线----------------------------------------------------------------- ##参考资料部分
1、jQuery 基本原理
2、JavaScript 秘密花园
3、Markdown语法
4、火狐开发者文档MDN 5、整合资源项目
6、深入理解JavaScript系列
7、Awesomes - React专题 8、JavaScript被忽视的细节 9、HTTP/2资料汇总

回顶部