非科班出身字节跳动前端offer，我有一份50000字面试宝典分享给你

51.知道304吗，什么时候用304？

52.具体有哪些请求头是跟缓存相关的

53.cookie和session的区别

54.cookie有哪些字段可以设置

55.cookie有哪些编码方式？

56.既然你看过图解http，那你回答下200和304的区别

57.除了cookie，还有什么存储方式。说说cookie和localStorage的区别

58.浏览器输入网址到页面渲染全过程

59.HTML5和CSS3用的多吗？你了解它们的新属性吗？有在项目中用过吗？

60.HTTP状态码

61.http常见的请求方法

62.get和post的区别

63.说说302，301，304的状态码

64.web性能优化

65.浏览器缓存机制

66.post和get区别

67.说一下css盒模型

68.画一条0.5px的线

69.link标签和import标签的区别

70.transition和animation的区别

71.Flex布局

72.BFC（块级格式化上下文，用于清楚浮动，防止margin重叠等）

73.垂直居中的方法

74.关于js动画和css3动画的差异性

75.说一下块元素和行元素

76.多行元素的文本省略号

77.visibility=hidden, opacity=0，display:none

78.双边距重叠问题（外边距折叠）

79.position属性 比较

80.浮动清除

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.闭包 有什么用
…

❤️篇幅有限，更详细的内容点击我获取完整版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.数组移除第一个元素的方法有哪些？

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

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

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）

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

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

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

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

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

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

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

结尾

学习html5、css、javascript这些基础知识，学习的渠道很多，就不多说了，例如，一些其他的优秀博客。但是本人觉得看书也很必要，可以节省很多时间，常见的javascript的书，例如：javascript的高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。

高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。

一个人可以走的很快，但一群人才能走的更远。如果你从事以下工作或对以下感兴趣，欢迎戳这里加入程序员的圈子，让我们一起学习成长！

AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算

blog.csdnimg.cn/img_convert/d35c2cf2d5364b4907e65f1856c923a4.png)

一个人可以走的很快，但一群人才能走的更远。如果你从事以下工作或对以下感兴趣，欢迎戳这里加入程序员的圈子，让我们一起学习成长！

AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算