整理了一份前端面试文章指南,大概包含100多个前端知识点的文章,主要都是掘金上面的文章,文章都是作者自己认真挑选并阅读过的,希望对大家有用,喜欢的可以点赞收藏下~
一、CSS篇
1、css选择器有哪些?层叠、继承与优先级
2、BFC
3、盒模型
4、元素垂直居中的几种方案
5、css的margin重叠与面试题
6、阮一峰flex布局语法篇
7、阮一峰flex布局实例篇
8、css常见布局实现
9、px、rem、vw使用场景与转换方法
10、移动端1px问题与解决方法
11、实现瀑布流布局
12、移动端文字垂直居中
13、critical CSS(首屏加载css)
14、position有哪些属性,区别是什么
15、脱离文档流是会呈现什么样的效果呢
16、css3新特性
17、css加载会造成阻塞吗?
18、CSS性能优化的技巧
19、介绍一下grid网格布局
二、JS基础
1、js基本数据类型与类型转换
2、判断js数据类型的几种方式
3、数组常用操作方法与返回
4、JavaScript操作DOM
5、执行上下文与作用域、作用域链
6、原型链
7、前端闭包与实际应用场景
8、事件循环机制与具体面试题
9、常用ES6功能,说一下ES7-ES13新增api
10、说说你对class类的理解
11、call、apply、bind的区别与源码实现
12、js实现继承的几种方式与源码实现
13、深拷贝、浅拷贝的区别与源码实现
14、防抖与节流区别和应用场景以及源码实现
15、find、some、every、filter、map、reduce、forEach区别与手动实现
16、手写promise
17、typeof、installOf原理
18、数组扁平化
19、数组去重
20、排序算法
21、如何让(a===1&&a===2&&a===3)的值为true
22、setTimeout、setInterval、requestAnimationFrame
23、手写代码合集
三、Typescript
1、Typescrip面试题(一)
2、Typescrip面试题(二)
四、浏览器、网络基础
1、如何用js去实现一个ajax
2、常见的http状态码
3、ajax的请求头和响应头包含哪些东西
4、为什么会产生跨域?怎么去解决跨域问题?
5、JSONP的实现原理
6、CORS原理及实现
7、从输入URL到页面展示,这中间发生了什么
8、浏览器渲染原理
9、DNS以及具体的查找过程
10、说一下tcp三次握手和四次挥手
11、TCP/IP如何保证数据包传输的有序可靠
12、TCP/UDP区别以及应用场景
13、7层网络模型
14、说一下浏览器缓存策略,以及项目中具体怎么用这些缓存策略
15、浏览器的本地存储
16、浏览器垃圾回收机制
17、谈谈你对重绘和回流的理解
18、http和https的区别
19、HTTP3.0、HTTP2.0、HTTP1.X
20、HTTPS相关问题
21、CDN与高并发CDN怎么优化
22、addEventListener函数的第三个参数
23、事件流、事件捕获与冒泡
24、js 自定义事件
25、cookie相关问题
26、内存泄漏场景与解决方法
27、渲染十万条数据问题
28、移动端适配与兼容性问题
29、前端如何进行seo优化
30、web worker
五、React
1、React的实现原理
2、说一下React生命周期
3、react router 原理
4、Redux原理
5、React虚拟dom与key
6、setState实现原理
7、React 16, 17, 18的变化
8、React事件机制
9、React-fiber过程与实现原理
10、React diff算法
11、React中的时间切片
12、React Hooks及应用场景
13、React Hooks原理
14、HOC高阶组件原理及使用场景
15、React 性能优化
16、五分钟带你了解 Web Components
17、受控组件和非受控组件
18、react portal
19、React技术揭秘 理念>架构>实现
六、Vue
1、最全的 Vue 面试题+详解答案
2、50+Vue经典面试题源码级详解
3、Vue3 开发文档
七、Webpack
1、webpack面试
2、webpack5.x 知识体系
3、当面试官问Webpack的时候他想知道什么
4、项目里有做过哪些webpack上的优化
5、webpack loader和plugin编写
八、前端工程化
1、前端代码规范 ESlint、tslint、stylelint、Pretter、git husky
2、CommonJS、AMD/CMD
3、gitlab CI/CD
4、jenkins CI/CD
5、vite与webpack的区别,以及如何选型
6、异常报错监控工具sentry
7、私有npm包管理器搭建与部署
8、如何定制化脚手架工具
9、大前端
10、微前端
11、单元测试
12、设计模式
九、性能优化
十、前端安全
1、前端安全你需要知道的知识点
十一、数据结构与算法
1、写给前端的算法进阶指南
2、前端算法渣的救赎之路
结束语
文章中知识点,如果有更好的文章链接大家可以在评论区发出来,我会及时更新上去。觉得这些文章对你有用的话可以点赞收藏起来