汇总了一些前端常见的面试题。

讯享网

手写Code题见另一篇：前端面试手写题汇总大全（含答案）-- 持续更新

文章目录

• 手写Code题见另一篇：[前端面试手写题汇总大全（含答案）-- 持续更新](https://marsxh.blog.csdn.net/article/details/)
• 一、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. 你的优点是什么？缺点是什么？
• 觉得有帮助的小伙伴右上角点个赞~
• 扫描上方二维码关注我的订阅号~