可能是目前最全的《前端校招面试题及解析》(292页)，web前端CSS全局样式

81.css3新特性

82.CSS选择器有哪些，优先级呢

83.清除浮动的方法，能讲讲吗

84.怎么样让一个元素消失，讲讲

85.介绍一下盒模型

86.position相关属性

87.css动画如何实现

88.如何实现图片在某个容器中居中的？

89.如何实现元素的垂直居中

90.CSS3中对溢出的处理

91.float的元素，display是什么

92.隐藏页面中某个元素的方法

93.三栏布局的实现方式，尽可能多写，浮动布局时，三个div的生成顺序有没有影响

94.什么是BFC

95.calc属性

96.有一个width300，height300，怎么实现在屏幕上垂直水平居中

97.display：table和本身的table有什么区别

98.position属性的值有哪些及其区别

99.z-index的定位方法

100.CSS盒模型

101.如果想要改变一个DOM元素的字体颜色，不在它本身上进行操作？

102.对CSS的新属性有了解过的吗？

103.用的最多的css属性是啥？

104.line-height和height的区别

105.设置一个元素的背景颜色，背景颜色会填充哪些区域？

106.知道属性选择器和伪类选择器的优先级吗

107.inline-block、inline和block的区别；为什么img是inline还可以设置宽高

108.用css实现一个硬币旋转的效果

109.了解重绘和重排吗，知道怎么去减少重绘和重排吗，让文档脱离文档流有哪些方法

110.CSS画正方体，三角形

111.overflow的原理

112.清除浮动的方法

113.box-sizing的语法和基本用处

114.使元素消失的方法有哪些？

115.两个嵌套的div，position都是absolute，子div设置top属性，那么这个top是相对于父元素的哪个位置定位的。

116.说说盒子模型

117.display

118.怎么隐藏一个元素

119.display:none和visibilty:hidden的区别

120.相对布局和绝对布局，position:relative和obsolute。

121.flex布局

122…block、inline、inline-block的区别。

123.css的常用选择器

124.css布局

125.css定位

126.relative定位规则

127.垂直居中

128.css预处理器有什么

129.get请求传参长度的误区

130.补充get和post请求在缓存方面的区别

131.说一下闭包

132.说一下类的创建和继承

133.如何解决异步回调地狱

134.说说前端中的事件流

135.如何让事件先冒泡后捕获

136.说一下事件委托

137.说一下图片的懒加载和预加载

138.mouseover和mouseenter的区别

139.js的new操作符做了哪些事情

140.改变函数内部this指针的指向函数（bind，apply，call的区别）

141.js的各种位置，比如clientHeight,scrollHeight,offsetHeight ,以及scrollTop, offsetTop,clientTop的区别？

142.js拖拽功能的实现

143.异步加载js的方法

144.Ajax解决浏览器缓存问题

145.js的节流和防抖

146.JS中的垃圾回收机制

147.eval是做什么的

148.如何理解前端模块化

149.说一下Commonjs、AMD和CMD

150.对象深度克隆的简单实现

151.实现一个once函数，传入函数参数只执行一次

152.将原生的ajax封装成promise

153.js监听对象属性的改变

154.如何实现一个私有变量，用getName方法可以访问，不能直接访问

155.和=、以及Object.is的区别

156.setTimeout、setInterval和requestAnimationFrame之间的区别

157.实现一个两列等高布局，讲讲思路

158.自己实现一个bind函数

159.用setTimeout来实现setInterval

160.用setTimeout来实现setInterval

161.代码的执行顺序

162.如何实现sleep的效果（es5或者es6）

163.简单的实现一个promise

164.Function.proto(getPrototypeOf)是什么？

165.实现js中所有对象的深度克隆（包装对象，Date对象，正则对象）

166.简单实现Node的Events模块

167箭头函数中this指向举例

168.js判断类型

169.数组常用方法

170.数组去重

171.闭包 有什么用

172.事件代理在捕获阶段的实际应用

173.去除字符串首尾空格

174.性能优化

175.来讲讲JS的闭包吧

176.能来讲讲JS的语言特性吗

177.如何判断一个数组(讲到typeof差点掉坑里)

178.你说到typeof，能不能加一个限制条件达到判断条件

179.JS实现跨域

180.Js基本数据类型

181.js深度拷贝一个元素的具体实现

182.之前说了ES6set可以数组去重，是否还有数组去重的

183.跨域的原理

184.不同数据类型的值的比较，是怎么转换的，有什么规则

185.null == undefined为什么

186.this的指向 哪几种

187.暂停死区

188.AngularJS双向绑定原理

189.写一个深度拷贝

190.简历中提到了requestAnimationFrame，请问是怎么使用的

191.有一个游戏叫做Flappy Bird，就是一只小鸟在飞，前面是无尽的沙漠，上下不断有钢管生成，你要躲避钢管。然后小明在玩这个游戏时候老是卡顿甚至崩溃，说出原因（3-5个）以及解决办法（3-5个）

[192.编写代码，满足以下条件：

[（1）Hero(“37er”);执行结果为

[Hi! This is 37er

[（2）Hero(“37er”).kill(1).recover(30);执行结果为

[Hi! This is 37er

[Kill 1 bug

[Recover 30 bloods

[（3）Hero(“37er”).sleep(10).kill(2)执行结果为

Hi! This is 37er

//等待10s后

Kill 2 bugs //注意为bugs.
（双斜线后的为提示信息，不需要打印）

193.什么是按需加载

194.说一下什么是virtual dom

195.webpack用来干什么的

196.ant-design优点和缺点

197.JS中继承实现的几种方式

198.写一个函数，第一秒打印1，第二秒打印2

199.vue的生命周期

200.简单介绍一下symbol

201.什么是事件监听

202.介绍一下promise，及其底层如何实现

203.bootstrap清除浮动的方法

204.说说C++,Java，JavaScript这三种语言的区别

205.js原型链，原型链的顶端是什么？Object的原型是什么？Object的原型的原型是什么？在数组原型链上实现删除数组重复数据的方法

206.什么是js的闭包？有什么作用，用闭包写个单例模式

207.promise+Generator+Async的使用

208.事件委托以及冒泡原理。

209.写个函数，可以转化下划线命名到驼峰命名

210.深浅拷贝的区别和实现

211.JS中string的startwith和indexof两种方法的区别

212.js字符串转数字的方法

213.let const var的区别 ，什么是块级作用域，如何用ES5的方法实现块级作用域（立即执行函数），ES6 呢

214.ES6箭头函数的特性

215.setTimeout和Promise的执行顺序

216.有了解过事件模型吗，DOM0级和DOM2级有什么区别，DOM的分级是什么

217.平时是怎么调试JS的

218.JS的基本数据类型有哪些，基本数据类型和引用数据类型的区别，NaN是什么的缩写，JS的作用域类型，undefined==null返回的结果是什么，undefined与null的区别在哪，写一个函数判断变量类型

219.setTimeout(fn,100);100毫秒是如何权衡的

220.JS的垃圾回收机制

221.写一个newBind函数，完成bind的功能。

222怎么获得对象上的属性：比如说通过Object.key（）

223.简单讲一讲ES6的一些新特性

224.call和apply是用来做什么？

225.了解事件代理吗，这样做有什么好处

226.如何写一个继承？

227.给出以下代码，输出的结果是什么？原因？
[for(var i=0;i<5;i++) {

[setTimeout(function(){

[console.log(i);

[},1000);

[}

[console.log(i)

228.给两个构造函数A和B，如何实现A继承B？

229.如果已经有三个promise，A、B和C，想串行执行，该怎么写？

230.知道private和public吗

231.基础的js

232.async和await具体该怎么用？

233.知道哪些ES6，ES7的语法

234.promise和await/async的关系

235.js的数据类型

236.js加载过程阻塞，解决方法。

237.js对象类型，基本对象类型以及引用对象类型的区别

238.JavaScript中的轮播实现原理？假如一个页面上有两个轮播，你会怎么实现？

239.怎么实现一个计算一年中有多少周？

240.面向对象的继承方式

241.JS的数据类型

242.引用类型常见的对象

243.es6的常用

244.class

245.口述数组去重

246.继承

247.call和apply的区别

248.es6的常用特性

249.箭头函数和function有什么区别

250.new操作符原理

251.bind,apply,call

252.bind和apply的区别

253.数组的去重

254.闭包

255.promise实现

256.assign的深拷贝

257.说promise，没有promise怎么办

258.事件委托

259.箭头函数和function的区别

260.arguments

261.箭头函数获取arguments

262.Promise

263.事件代理

264.Eventloop

❤️篇幅有限，更详细的内容点击我获取完整版pdf查看❤️

第四章 前端核心（★★★★★）

1.JavaScript 有几种类型

2.深浅拷贝

3．作用域

4.原型和继承

5.new和this

6.apply、call、bind

7.数据处理

8.Event Loop

9.浏览器页面渲染过程

10.JSONP的缺点

11.跨域（jsonp，ajax）

12.如何实现跨域

13.dom是什么，你的理解？

14.关于dom的api有什么

15.ajax返回的状态

16.实现一个Ajax

17.如何实现ajax请求，假如我有多个请求，我需要让这些ajax请求按照某种顺序一次执行，有什么办法呢？如何处理ajax跨域

18.写出原生Ajax

19.如何实现一个ajax请求？如果我想发出两个有顺序的ajax需要怎么做？

20.Fetch和Ajax比有什么优缺点？

21.移动应用和web应用的关系

22.知道PWA吗

23.做过移动端吗

24.知道touch事件吗

25.移动端的DEMO什么的有没有做过点的

第五章 前端进阶（★★★）

1. 前端测试

2. 作为一个项目负责人怎么协调多人协作

3. 接口文档的制定

4. 需求不明确，接口文档是不是越详细越好

5.webpack和gulp区别（模块化与流的区别）

6.redux用处

7.redux里常用方法

8.angularJs和react区别

9.vue双向绑定原理

10.说说vue react angularjs jquery的区别

11.node的事件方法讲讲看

12.node的特性，适合处理什么场景

13.你有用到Express,讲讲Express

14.promise的状态有那些

15.数组移除第一个元素的方法有哪些？

第六章 移动端开发（★★★）

1.介绍一下react

2.React单项数据流

3.react生命周期函数和react组件的生命周期

4.react和Vue的原理，区别，亮点，作用，

5.reactJs的组件交流

6.有了解过react的虚拟DOM吗，虚拟DOM是怎么对比的呢

7.项目里用到了react，为什么要选择react，react有哪些好处

8.怎么获取真正的dom

9. 选择react的原因

10.react的生命周期函数

11.setState之后的流程

12.react高阶组件知道吗？

13. React的jsx，函数式编程

14.React的生命周期

15.说说自己理解的react

16.react的组件是通过什么去判断是否刷新的

17.其他移动APP开发框架（PhoneGap，AppCan，HTML5+，Framework7）

第七章 计算机基础（★★★）

1.TCP建立连接的三次握手过程

2.cdn原理

3.说一下用户从输入url到显示页面这个过程发生了什么

4.HTTP的头部包含哪些内容。常见的请求方法（我为什么要说后面的options，head，connect）

5.请求方法head特性

6.HTTP状态码，301和302有什么具体区别，200和304 的区别

7.OSI七层模型

8.TCP和UDP的区别，为什么三次握手四次挥手

9.HTTP缓存机制

10.websocket和ajax的区别是什么，websocket的应用场景有哪些

11.TCP/IP的网络模型

12.知道什么跨域方式吗，jsonp具体流程是什么，如何实现原生Jsonp封装，优化，对于CORS，服务器怎么判断它该不该跨域呢

13.怎么生成token，怎么传递，

14.操作系统进程和线程的区别

15.什么是进程 线程

16.线程的那些资源共享，那些资源不共享

17. linux指令用的多吗，怎么进行进程间通信

18. kill指令了解过吗

19.操作系统里面进程和线程的区别

20.Linux查询进程指令，查询端口，杀进程，

21.进程间的通信方式有哪些？

22.Redis和 mysql

第八章 算法与数据结构（★★★★）

1.二叉树层序遍历

2.B树的特性，B树和B+树的区别

3.尾递归

4.如何写一个大数阶乘？递归的方法会出现什么问题？

5.把多维数组变成一维数组的方法

6.知道的排序算法 说一下冒泡快排的原理

7. 说一下你了解的数据结构 区别

8.Heap排序方法的原理？复杂度？

9.几种常见的排序算法，手写

10.数组的去重，尽可能写出多个方法

11.如果有一个大的数组，都是整型，怎么找出最大的前10个数

12.知道数据结构里面的常见的数据结构

13.找出数组中第k大的数组出现多少次，比如数组【1，2，4，4，3，5】第二大的数字是4，出现两次，所以返回2

14.合并两个有序数组

15.给一个数，去一个已经排好序的数组中寻找这个数的位置（通过快速查找，二分查找）

第九章 设计模式（★★★★）

1.设计模式：单例，工厂，发布订阅

2.看过一些设计模式的书？你觉得设计模式怎么样？

❤️篇幅有限，更详细的内容点击我获取完整版pdf查看❤️

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

结尾

正式学习前端大概 3 年多了，很早就想整理这个书单了，因为常常会有朋友问，前端该如何学习，学习前端该看哪些书，我就讲讲我学习的道路中看的一些书，虽然整理的书不多，但是每一本都是那种看一本就秒不绝口的感觉。

以下大部分是我看过的，或者说身边的人推荐的书籍，每一本我都有些相关的推荐语，如果你有看到更好的书欢迎推荐呀。

戳这里免费领取前端学习资料

知道该从何学起的朋友，同时减轻大家的负担。**

[外链图片转存中…(img-fxMFdMmb-1712320638434)]

[外链图片转存中…(img-3hiXJBVZ-1712320638434)]

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

[外链图片转存中…(img-YVru2Ul1-1712320638434)]

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

结尾

正式学习前端大概 3 年多了，很早就想整理这个书单了，因为常常会有朋友问，前端该如何学习，学习前端该看哪些书，我就讲讲我学习的道路中看的一些书，虽然整理的书不多，但是每一本都是那种看一本就秒不绝口的感觉。

以下大部分是我看过的，或者说身边的人推荐的书籍，每一本我都有些相关的推荐语，如果你有看到更好的书欢迎推荐呀。

戳这里免费领取前端学习资料