100+掘金高质量前端文章合集

19,677 阅读5分钟

整理了一份前端面试文章指南,大概包含100多个前端知识点的文章,主要都是掘金上面的文章,文章都是作者自己认真挑选并阅读过的,希望对大家有用,喜欢的可以点赞收藏下~

  1. 🚀 CSS篇
  2. 🎉 JS基础
  3. 🍰 Typescript
  4. 🧭 浏览器、网络基础
  5. ⛽ React
  6. 🏡 Vue
  7. 🏍 Webpack
  8. 🍂 前端工程化
  9. 🎖 性能优化
  10. 🍉 前端安全
  11. 🎍 数据结构与算法

一、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、设计模式


九、性能优化

思维导图-导出 (2).png

十、前端安全

1、前端安全你需要知道的知识点


十一、数据结构与算法

1、写给前端的算法进阶指南

2、前端算法渣的救赎之路


结束语

文章中知识点,如果有更好的文章链接大家可以在评论区发出来,我会及时更新上去。觉得这些文章对你有用的话可以点赞收藏起来