11月份最新高频前端八股文面试题汇总!

这里汇总了金九银十前端常见的面试题及其答案。这些题目是根据多个面试平台和大厂面试官的经验总结出来的，希望能助你一臂之力！

下面是一些目录汇总了一些前端常见的面试题。
文章目录
一、HTML 篇
1. 简述一下你对 HTML 语义化的理解？
2. 标签上 title 与 alt 属性的区别是什么？
3. iframe的优缺点？
4. href 与 src？
二、CSS 篇
1. 介绍一下 CSS 的盒子模型？
2. css 选择器优先级？
3. 垂直居中几种方式？
4. 简明说一下 CSS link 与 @import 的区别和用法？
5. rgba和opacity的透明效果有什么不同？
6. display:none和visibility:hidden的区别？
7. position的值， relative和absolute分别是相对于谁进行定位的？
8. 画一条0.5px的直线？
9. calc, support, media各自的含义及用法？
10. 1rem、1em、1vh、1px各自代表的含义？
11. 画一个三角形？
三、HTML / CSS 混合篇
1. HTML5、CSS3 里面都新增了那些新特性？
2. BFC 是什么？
3. 常见兼容性问题？
四、JS 篇
1. JS 数据类型 ?
2. 判断一个值是什么类型有哪些方法？
3. null 和 undefined 的区别？
4. 怎么判断一个变量arr的话是否为数组（此题用 typeof 不行）？
5. “ ===”、“ ==”的区别？
6. “eval是做什么的？
7. 箭头函数有哪些特点？
8. var、let、const 区别？
9. new操作符具体干了什么呢？
10. JSON 的了解？
11. document.write 和 innerHTML 的区别？
12. ajax过程？
13. 请解释一下 JavaScript 的同源策略？
14. 介绍一下闭包和闭包常用场景？
15. javascript的内存(垃圾)回收机制？
16. JavaScript原型，原型链 ? 有什么特点？
17. 用js递归的方式写1到100求和？
18. 事件队列（宏任务微任务）
19. async/await
20. JavaScript 是单线程的，浏览器是多进程的
五、Vue 篇
1. 谈谈你对MVVM开发模式的理解？
2. v-if 和 v-show 有什么区别？
3. 你使用过 Vuex 吗？
4. 说说你对 SPA 单页面的理解，它的优缺点分别是什么？
5. Class 与 Style 如何动态绑定？
6. 怎样理解 Vue 的单向数据流？
7. computed 和 watch 的区别和运用的场景？
8. 直接给一个数组项赋值，Vue 能检测到变化吗？
9. 谈谈你对 Vue 生命周期的理解？
10. Vue 的父组件和子组件生命周期钩子函数执行顺序？
11. 父组件可以监听到子组件的生命周期吗？
12. 谈谈你对 keep-alive 的了解？
13. 组件中 data 为什么是一个函数？
14. v-model 的原理？
15. Vue 组件间通信有哪几种方式？
16. 使用过 Vue SSR 吗？说说 SSR？
17. vue-router 路由模式有几种？
18. 能说下 vue-router 中常用的 hash 和 history 路由模式实现原理吗？
19. Vue 框架怎么实现对象和数组的监听？
20. Vue 是如何实现数据双向绑定的？
21. Vue 怎么用 vm.$set() 解决对象新增属性不能响应的问题 ？
22. 虚拟 DOM 的优缺点？
23. 虚拟 DOM 实现原理？
24. Vue 中的 key 有什么作用？
25. 你有对 Vue 项目进行哪些优化？
26. 对于 vue3.0 特性你有什么了解的吗？
27. 响应式原理（变化侦测）
28. Object.defineProperty怎么用， 三个参数？，有什么作用啊？
29. vue2和vue3的响应式原理都有什么区别呢？
30. Vue的patch diff 算法
31. Vue 模板编译原理
32. Vue原理总结
六、Webpack 篇
1. 谈谈你对Webpack的理解（Webpack是什么？）
webpack的主要作用如下：
2. Webpack的打包过程/打包原理/构建流程？
3. loader的作用
4. 有哪些常见的Loader？他们是解决什么问题的？
5. plugin的作用
6. 有哪些常见的Plugin？他们是解决什么问题的？
7. Webpack中Loader和Plugin的区别
8. webpack的热更新是如何做到的？说明其原理？
9. 如何解决循环依赖问题
10. 如何提高Webpack构建速度
1. 代码压缩
2. 图片压缩
3. Tree Shaking
4. 缩小打包域
5. 减少 ES6 转为 ES5 的冗余代码
6. 提取公共代码
7. 其他
七、性能优化篇
1. 浏览器缓存优化
2. 渲染层面性能优化
CSS策略
DOM策略
阻塞策略
回流重绘策略
异步更新策略
3. 性能优化六大指标
八、其他杂项篇
1. 常见的浏览器内核有哪些？
2. 网页前端性能优化的方式有哪些？
3. 网页从输入网址到渲染完成经历了哪些过程？
4. 线程与进程的区别？
5. HTTP常见的状态码？
6. 图片懒加载？
7. 移动端性能优化？
8. TCP 传输的三次握手、四次挥手策略
9. HTTP 和 HTTPS，为什么HTTPS安全？
10. axios和fetch区别对比
九、主观题篇
1. 你都做过什么项目呢？具体聊某一个项目中运用的技术.
2. 你遇到过比较难的技术问题是？你是如何解决的？
3. 常使用的库有哪些？常用的前端开发工具？开发过什么应用或组件？
4. 除了前端以外还了解什么其它技术么？你最最厉害的技能是什么？
5. 对前端开发工程师这个职位是怎么样理解的？它的前景会怎么样？
6. 你的优点是什么？缺点是什么？

内含:HTML、CSS、JavaScript、Vue、React、计算机网络、浏览器、工程化、模块化、Node.js、框架数据结构、性能优化、项目等内容; 涵盖各大厂web面试真题高频考点+面试风向标+简历模板