前端面试相关

1. HTML5 新特征 ✅ HTML5 与es6 新特性
2. cookie 与 sessionStorage 和 localStorage 的区别 ✅Cookie 和localStorage、SessionStorage 区别
3. 事件冒泡和事件捕获 ✅ 事件捕获和事件冒泡
4. 垂直居中 DIV ✅ 元素垂直水平居中的多种办法（块级 行内元素）
5. 两栏布局左边固定右边自适应 ✅ 两栏布局，左边固定右边自适应
6. 三栏布局左右固定中自适应 ✅ 三栏布局，左右固定中间自适应
7. 常用的块与行内属性标签有哪些？有什么特征  ✅  元素——块级元素、行内元素、行内块元素区别_行内元素
8. 清除浮动 ✅ 盒子浮动，盒子塌陷，解决办法
9. CSS3 新特征 ✅ CSS3 新特性
10. 介绍一下盒模型 ✅ 盒模型：正常盒子: content-box 和怪异盒子: border-box 特点
11. CSS 中有哪些长度单位？✅ css 长度单位
12. 伪类和伪元素的区别 ✅伪类 伪元素
13. 重绘和重排是什么？如何避免？ display:none 和 visibility:hidden 的区别 ✅重排重绘区别；display:none 和 visibility:hidden 的区别
14. flex✅ flex 布局
15. 什么是 BFC ，如何处理 margin-top 重叠  ✅BFC（块格式化上下文）详解
16. JS 的数据类型  ✅ Js的数据类型有哪些
17. JS 数据类型的判断 ✅ 判断数据类型的几种方法
18. 原型（prototype），原型链 (__proto__ 来继承属性和方法，__proto__ 又有__proto__) ✅ 区分普通函数和构造函数；构造函数、实例对象和原型对象（prototype,constructor,__proto__,new）；继承详解
19. 作用域和作用域链 ✅ 作用域与作用域链
20. var，let，const 区别  ✅  let,const,var 区别
21. 执行上下文和执行栈 ✅  执行上下文与执行栈
22. 事件循环（Event Loop） ✅ 事件循环_nodejs的事件循环主要做了什么
23. 深拷贝，浅拷贝  ✅ 深拷贝和浅拷贝 (针对复杂数据类型)
24. 遍历方式for...in、for...of、forEach、map 和 for 循环的区别（forEach如何跳出循环）  ✅ for 循环、for...in、for...of、forEach 和 map 区别
25.  == 和 ===的区别 ✅ JavaScript == 和 ===的区别
26. 数组有哪些方法，哪些会改变原数组？✅ 数组的方法，是否会改变原数组
27. 数组、对象和类数组遍历方式 ✅ 数组、对象和类数组遍历方式
28. 数组去重 ✅ 数组去除重复数据（去重）方法
29. 类数组转数组 ✅ 类数组转数组
30. Promise  ✅ promise
31. 回调地狱是什么？ ✅ 回调地狱是什么
32. promise 和 async/await 的区别？ ✅ async...await 与 promise 的关系
33. JS 获取 HTML DOM 元素的方法  ✅ JS 获取 HTML DOM 元素的方法
34. this 的指向问题 ✅ JS 的 this 指向问题
35. 箭头函数和普通函数的区别 ✅ 箭头函数特点
36. call()、apply()、bind（）的区别 ✅ call、apply 和 bind 的使用
37. 闭包的理解 ✅ 关于闭包及其应用场景
38. js继承有哪些方式? ✅ 继承的特点是？继承有哪些？特点分别是？
39. ES6 新特性? ✅HTML5 与es6 新特性
40. HTTP 与 HTTPS ✅ 什么是http?http 与https 的区别
41. GET 和 POST 的区别 ✅  HTTP 常见请求方法 GET 与 POST 请求对比 POST 会请求两次
42. TCP 与 UDP 的区别   ✅ TCP 与 UDP 区别
43. 三次握手四次挥手 ✅ TCP三次握手和四次挥手理解
44. HTTP常见的状态码 ✅ http 常见状态码
45. 如何解决跨域 ✅ 跨域定义、出现原因、解决办法
46. 网页从输入url到页面加载发生了什么 ✅ 输入一个url 到页面展示出来发生了什么
47. 对MVC和MVVM的理解 ✅ 对 MVC 和 MVVM 的理解
48. 防抖与节流 ✅ 节流 防抖
49. 性能优化 ✅  前端优化：SEO 优化 html 语义化 性能优化
50. 懒加载和预加载的区别 ✅ 预加载和懒加载的区别
51. web 安全  ✅ 安全：xss 攻击和 csrf 攻击
52. ci/cd 自动化部署 ✅ CI/CD 自动化部署
53. webpack ✅ webpack
54. vite 和 webpack 的区别 ✅ webpack 与 vite 的区别
55. babel是什么 ✅ Babel 是什么
56. require 和 import 区别 ，commonJS 和 es6 区别 ✅require 和 import 区别 ，commonJS 规范和 es6 规范区别

57.  export 和 export default 的区别  ✅ export 和 export default 的区别

58. git 口令 ✅ git 口令

59. 浏览器内存泄漏

60. 浏览器垃圾回收
62. 买Vue 相关书籍，并看完它，可视化
64. 数据双向绑定原理；响应式实现原理
65. Vue的基本原理
66. VUE生命周期
67. 组件之间如何传值
68. v-model 的作用以及实现原理
69. computed和watch的区别？
70. v-show和v-if的区别
71. vue中数据变了但是视图不跟新怎么解决？
72. vue中data为什么是函数而不是对象？
73. VUE中父子组件传值，父组件异步请求，子组件不能实时更新怎么解决？（VUE中数据不能实时更新怎么解决？）
74. 父子组件传参emit如何传多个参数？
75. VUE路由跳转方式
76. 条件渲染v-if 与 v-for 优先级；为什么避免v-for和v-if在一起使用?
77. VUE 中 $nextTick 作用与原理？
78. VUE中 for循环为什么加 key？
79. Vue Diff算法
80. keep-alive
81. 为什么data是一个函数而不是一个对象
83. TS 相比 JS 的有哪些优点
84. TS的类型
85. type 和 interface 的区别
86. VUE2和VUE3的区别？
87. 为什么VUE3不继续用$set？
88. 如何解决VUEX页面刷新数据丢失问题？
89. VUE路由中的history和hash的区别
90. 动态组件 & 异步组件
91. 路由之间如何传参
92. 对前端路由的理解
93. 什么是Vue-Router，有哪些组件
94. $route和$router
95. 路由开发的优缺点
96. 使用方式
97. Hash模式
98. History模式
99. 路由hash模式和history模式的区别
100. history模式下的404问题
101. 编程式导航
102. 路由传参的方式
103. 设计模式
104. node
105. axios
106. whitstle 抓包
107. uniapp 坑点
108. 抽奖功能实现
109. 项目开发中遇到的bug？
110. 说说你在项目中遇到印象最深，最困难的地方，是怎么解决的？
111. 你觉得你们项目还有哪些不足的地方？
112. 工作之余你会做什么，看什么书？
113. 近几年的职业规划？