前端的兴起
前端真正兴起和开始频繁出现在大家的视线里，大概是在十年前。彼时的 Web 开发基本是由后端主导，前端能做的只是校验一下数据、操作一下 DOM。（其中数据检验是 JS 产生的根本原因：当时网络太慢，在服务端检验数据并反馈给用户，让用户知晓输入错误，这个流程太长、反应太慢，因此通过脚本在用户端完成第一步校验，既方便了用户，又减轻了带宽的压力。）即使 06 年 jQuery 发布并风靡全球，以及 XMLHttpRequest 被纳入 W3C 标准，也没有改变这种状况。制约它进度的原因很简单，因为很多事情前端 做不了 或者 做不好。随着时间的推移，近几年，Angular、Backbone、React、Vue 等框架陆续发布，让前端越来越正规化、体系化。此时虽然仍有很多事，前端 做不了 或者 做不好，但前端这个岗位却已变得热辣空前。那么，是什么推动着前端发展到如此大的规模和火热的程度？
96道前端面试题
下面给大家分享96道前端面试题
1，一些开放性题目
- 自我介绍：除了基本个人信息以外，面试官更想听的是你与众不同的地方和你的优势。
- 项目介绍
- 如何看待前端开发？
- 平时是如何学习前端开发的？
- 未来三到五年的规划是怎样的？
2，position的值， relative和absolute分别是相对于谁进行定位的？
3，如何解决跨域问题
4，XML和JSON的区别？
5，谈谈你对webpack的看法
6，说说TCP传输的三次握手四次挥手策略
7，TCP和UDP的区别
8，说说你对作用域链的理解
9，创建ajax过程
10，渐进增强和优雅降级
11，常见web安全及防护原理
12，XSS原理及防范
13，XSS与CSRF有什么区别吗？
14，Web Worker和webSocket
15，HTTP和HTTPS
16，对前端模块化的认识
17，Javascript垃圾回收方法
18，你觉得前端工程的价值体现在哪
19，谈谈性能优化问题
20，什么是Etag？
21，Expires和Cache-Control
22，ETag应用:
23，为什么使用Etag请求头?
24，栈和队列的区别?
25，栈和堆的区别？
26，快速 排序的思想并实现一个快排？
27，你觉得jQuery或zepto源码有哪些写的好的地方
28，ES6的了解
29，js继承方式及其优缺点
30，关于Http 2.0你知道多少？
31，defer和async
33，如何评价AngularJS和BackboneJS
34，用过哪些设计模式？
35，说说你对闭包的理解
36，请你谈谈Cookie的弊端
37，浏览器本地存储
38，web storage和cookie的区别**39，cookie和session的区别：**
**40，display:none和visibility:hidden的区别？**
**41，CSS中link和@import的区别是？**
br/>**39，cookie和session的区别：**
**40，display:none和visibility:hidden的区别？**
**41，CSS中link和@import的区别是？**
42，position:absolute和float属性的异同
43，介绍一下box-sizing属性？
44，选择符有哪些？哪些属性可以继承？
45，优先级算法如何计算？
46，CSS3新增伪类有那些？
47，CSS3有哪些新特性？
48，对BFC规范的理解？
49，说说你对语义化的理解？
50，Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?
51，你知道多少种Doctype文档类型？
52，HTML与XHTML——二者有什么区别
53，常见兼容性问题？
54，解释下浮动和它的工作原理？清除浮动的技巧
55，浮动元素引起的问题和解决办法？
56，清除浮动的几种方法：
57，DOM操作——怎样添加、移除、移动、复制、创建和查找节点。
58，html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？
59，如何实现浏览器内多个标签页之间的通信?
60，什么是 FOUC（无样式内容闪烁）？你如何来避免 FOUC？
61，null和undefined的区别
62，new操作符具体干了什么呢?
63，js延迟加载的方式有哪些？
64，call()和 apply() 的区别和作用？
65，哪些操作会造成内存泄漏？
66，列举IE与其他浏览器不一样的特性？
67，WEB应用从服务器主动推送Data到客户端有那些方式？
68，对前端界面工程师这个职位是怎么样理解的？它的前景会怎么样？
69，一个页面从输入 URL到页面加载显示完成，这个过程中都发生了什么？
70，javascript对象的几种创建方式
71，javascript继承的6种方法
72，创建ajax的过程
73，异步加载和延迟加载
74，ie各版本和chrome可以并行下载多少个资源
75，Flash、Ajax各自的优缺点，在使用中如何取舍？
76，请解释一下 JavaScript的同源策略。
77，为什么要有同源限制？
78，GET和POST的区别，何时使用POST？
79，事件、IE与火狐的事件机制有什么区别？ 如何阻止冒泡？
80，ajax的缺点和在IE下的问题？
81，谈谈你对重构的理解
82，HTTP状态码
83，说说你对Promise的理解
84，说说你对前端架构师的理解
85，说说严格模式的限制
86，如何删除一个cookie
87，说说你对AMD和Commonjs的理解
88，document.write()的用法
89，git fetch和git pull的区别
90，说说你对MVC和MVVM的理解
91，请解释什么是事件代理
92，attribute和property的区别是什么？
93，说说网络分层里七层模型是哪七层
94，说说mongoDB和MySQL的区别
95，讲讲304缓存的原理
96，什么样的前端代码是好的
篇幅有限，这里只列出了面试题，和部分截图，不过面试题和详解都已经整理成PDF文档，可以看文末免费领取！可免费领取资料还包括CSS面试题总结，JavaScript面试题总结，Vue面试题总结，React面试题总结，常用算法等等。
文末
技术是没有终点的，也是学不完的，最重要的是活着、不秃。
零基础入门的时候看书还是看视频，我觉得成年人，何必做选择题呢，两个都要。喜欢看书就看书，喜欢看视频就看视频。
最重要的是在自学的过程中，一定不要眼高手低，要实战，把学到的技术投入到项目当中，解决问题，之后进一步锤炼自己的技术。
自学最怕的就是缺乏自驱力，一定要自律，杜绝“三天打鱼两天晒网”，到最后白忙活一场。
高度自律的同时，要保持耐心，不抛弃不放弃，切勿自怨自艾，每天给自己一点点鼓励，学习的劲头就会很足，不容易犯困。
技术学到手后，找工作的时候一定要好好准备一份简历，不要无头苍蝇一样去海投简历，容易“竹篮打水一场空”。好好的准备一下简历，毕竟是找工作的敲门砖。
拿到面试邀请后，在面试的过程中一定要大大方方，尽力把自己学到的知识舒适地表达出来，不要因为是自学就不够自信，给面试官一个好的印象，面试成功的几率就会大很多，加油吧，骚年！
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
