凭借这份面试题，我拿下了蚂蚁金服、字节跳动、小米等大厂的offer

LZ认为，对于前端面试以及进阶的最佳学习方法莫过于刷题+博客+书籍+总结，前三者LZ将淋漓尽致地挥毫于这篇文章中，至于总结在于个人，实际上越到后面你会发现面试并不难，其次就是在刷题的过程中有没有去思考，刷题只是次之，这又是一个层次了，这里暂时不提后面再谈。

LZ总结了一系列大厂面试中常问的面试技术点，深入解析以及答案，将为最近准备面试的各开发者去大厂保驾护航。

何谓面试？LZ所理解的面试，它是一个过程，是不断沉淀、不断总结、善于传达自己的专业领域技术以及解决问题能力的过程。以下是LZ总结的一些面试题，文中如有错误，恳请批评指正！

HTML篇

1.你是怎么理解HTML语义化
2.你用过哪些HTML5标签
3.meta viewport 是做什么用的，怎么写
4.H5是什么
5.label标签的作用
6.行内元素有哪些？块级元素有哪些？ 空(void)元素有那些
7.a标签中 如何禁用href 跳转页面 或 定位链接
8.canvas在标签上设置宽高 和在style中设置宽高有什么区别
9.你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?
10.iframe有哪些缺点？
11.HTML5新特性
12.HTML5离线储存
13.浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢？
14.Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?
15.HTML与XHTML——二者有什么区别

CSS篇

1.介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？
2.box-sizing属性
3.CSS选择器有哪些？哪些属性可以继承？
4.CSS优先级算法如何计算？
5.如何居中div？如何居中一个浮动元素？如何让绝对定位的div居中？
6.display有哪些值？说明他们的作用?
7.position的值？
8.文字阴影：
9.font-face属性：
10.圆角（边框半径）：
11.边框图片：
12.盒阴影：
13.媒体查询：
14.请解释一下CSS3的flexbox（弹性盒布局模型）,以及适用场景？
15.用纯CSS创建一个三角形的原理是什么？
16.一个满屏品字布局如何设计?
17.为什么要初始化CSS样式

由于文章篇幅限制，不可能将所有面试题以文字形式展示出来，本篇为大家精选了一些面试题，有需要的程序猿（媛）可以点击下方传送门免费获取 题目+解析哦

点击免费领取题目+解析PDF

JavaScript篇

1.js的new操作符做了哪些事情
2.改变函数内部this指针的指向函数（bind，apply，call的区别）
3.js的各种位置，比如clientHeight,scrollHeight,offsetHeight ,以及scrollTop, offsetTop,clientTop的区别？
4.js拖拽功能的实现
5.异步加载js的方法
6.Ajax解决浏览器缓存问题
7.js的防抖
8.js节流
9.JS中的垃圾回收机制
10.eval是做什么的
11.如何理解前端模块化
12.说一下Commonjs、AMD和CMD
13.对象深度克隆的简单实现
14.实现一个once函数，传入函数参数只执行一次
15.将原生的ajax封装成promise
16.js监听对象属性的改变
17.如何实现一个私有变量，用getName方法可以访问，不能直接访问
18.setTimeout、setInterval和requestAnimationFrame之间的区别
19.实现一个两列等高布局，讲讲思路
20.自己实现一个bind函数
21.用setTimeout()方法来模拟setInterval()与setInterval()之间的什么区别？
22.js怎么控制一次加载一张图片，加载完后再加载下一张
23.如何实现sleep的效果（es5或者es6
24.Function._proto_(getPrototypeOf)是什么？
25.实现js中所有对象的深度克隆（包装对象，Date对象，正则对象）
26.简单实现Node的Events模块

由于文章篇幅限制，不可能将所有面试题以文字形式展示出来，本篇为大家精选了一些面试题，有需要的程序猿（媛）可以点击下方传送门免费获取 题目+解析哦

点击免费领取题目+解析PDF

浏览器篇

1.跨标签页通讯
2.浏览器架构
3.浏览器下事件循环(Event Loop)
4.从输入 url 到展示的过程
5.重绘与回流
6.存储
7.Web Worker
8.V8垃圾回收机制
9.内存泄露
10.reflow(回流)和repaint(重绘)优化
11.如何减少重绘和回流?
12.一个页面从输入 URL 到页面加载显示完成，这个过程中都发生了什么？
13.localStorage 与 sessionStorage 与cookie的区别总结
14.浏览器如何阻止事件传播，阻止默认行为
15.虚拟DOM方案相对原生DOM操作有什么优点，实现上是什么原理？
16.浏览器事件机制中事件触发三个阶段
17.什么是跨域？为什么浏览器要使用同源策略？你有几种方式可以解决跨域问题？了解预检请求嘛？

服务端与网络

1.http/https 协议
2.常见状态码
3.get / post
4.Websocket
5.TCP三次握手
6.TCP四次挥手
7.Node 的 Event Loop: 6个阶段
8.URL概述
9.安全
10.HTTPS和HTTP的区别
11.HTTP版本
12.从输入URL到页面呈现发生了什么？
13.HTTP缓存
14.缓存位置
15.强缓存
16.协商缓存
17.缓存的资源在那里
18.用户行为对浏览器缓存的影响
19.缓存的优点

由于文章篇幅限制，不可能将所有面试题以文字形式展示出来，本篇为大家精选了一些面试题，有需要的程序猿（媛）可以点击下方传送门免费获取 题目+解析哦

点击免费领取题目+解析PDF

Vue

1.keep-alive内置组件的作用
2.递归组件的用法
3.怎么定义vue-router的动态路由？怎么获取传过来的值
4.vue-router有哪几种路由守卫?
5.$route和 $router的区别是什么？
6.vue-router响应路由参数的变化
7.vue-router 传参
8.不用Vuex会带来什么问题？
9.vuex有哪几种属性？
10.vuex的State特性是?
11.vuex的Getter特性是?
12.vuex的Mutation特性是？
13.Vue.js中ajax请求代码应该写在组件的methods中还是vuex的actions中？
14.什么是MVVM？
15.mvvm和mvc区别？它和其它框架（jquery）的区别是什么？哪些场景适合？
16.vue的优点是什么？
17.组件之间的传值？
18.路由之间跳转
19.vue.cli中怎样使用自定义的组件？有遇到过哪些问题吗?
20.vue如何实现按需加载配合webpack设置
21.Vue中引入组件的步骤?

最后

面试是跳槽涨薪最直接有效的方式，可以开始为明年的金三银四做准备了，各位做好面试造飞机，工作拧螺丝的准备了吗？

掌握了这些知识点，面试时在候选人中又可以夺目不少，暴击9999点。机会都是留给有准备的人，只有充足的准备，才可能让自己可以在候选人中脱颖而出。

如果你需要这份完整版的面试笔记，【点击我】就可以了。