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

冷不防 2022-11-22 02:51 172阅读 0赞

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][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][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][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点。机会都是留给有准备的人，只有充足的准备，才可能让自己可以在候选人中脱颖而出。

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

[PDF]: https://jq.qq.com/?_wv=1027&k=kTALcbvi
[Link 1]: https://links.jianshu.com/go?to=https%3A%2F%2Fjq.qq.com%2F%3F_wv%3D1027%26k%3DCNNxKtKV