前端面试相关-Toy模板网

这篇具有很好参考价值的文章主要介绍了前端面试相关。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

HTML5 新特征 ✅ HTML5 与es6 新特性
cookie 与 sessionStorage 和 localStorage 的区别 ✅Cookie 和localStorage、SessionStorage 区别
事件冒泡和事件捕获 ✅ 事件捕获和事件冒泡
垂直居中 DIV ✅ 元素垂直水平居中的多种办法（块级行内元素）
两栏布局左边固定右边自适应 ✅ 两栏布局，左边固定右边自适应
三栏布局左右固定中自适应 ✅ 三栏布局，左右固定中间自适应
常用的块与行内属性标签有哪些？有什么特征 ✅ 元素——块级元素、行内元素、行内块元素区别_行内元素
清除浮动 ✅ 盒子浮动，盒子塌陷，解决办法
CSS3 新特征 ✅ CSS3 新特性
介绍一下盒模型 ✅ 盒模型：正常盒子: content-box 和怪异盒子: border-box 特点
CSS 中有哪些长度单位？✅ css 长度单位
伪类和伪元素的区别 ✅伪类伪元素
重绘和重排是什么？如何避免？ display:none 和 visibility:hidden 的区别 ✅重排重绘区别；display:none 和 visibility:hidden 的区别
flex✅ flex 布局
什么是 BFC ，如何处理 margin-top 重叠 ✅BFC（块格式化上下文）详解
JS 的数据类型 ✅ Js的数据类型有哪些
JS 数据类型的判断 ✅ 判断数据类型的几种方法
原型（prototype），原型链 (__proto__ 来继承属性和方法，__proto__ 又有__proto__) ✅ 区分普通函数和构造函数；构造函数、实例对象和原型对象（prototype,constructor,__proto__,new）；继承详解
作用域和作用域链 ✅ 作用域与作用域链
var，let，const 区别 ✅ let,const,var 区别
执行上下文和执行栈 ✅ 执行上下文与执行栈
事件循环（Event Loop） ✅ 事件循环_nodejs的事件循环主要做了什么
深拷贝，浅拷贝 ✅ 深拷贝和浅拷贝 (针对复杂数据类型)
遍历方式for...in、for...of、forEach、map 和 for 循环的区别（forEach如何跳出循环） ✅ for 循环、for...in、for...of、forEach 和 map 区别
== 和 ===的区别 ✅ JavaScript == 和 ===的区别
数组有哪些方法，哪些会改变原数组？✅ 数组的方法，是否会改变原数组
数组、对象和类数组遍历方式 ✅ 数组、对象和类数组遍历方式
数组去重 ✅ 数组去除重复数据（去重）方法
类数组转数组 ✅ 类数组转数组
Promise ✅ promise
回调地狱是什么？ ✅ 回调地狱是什么
promise 和 async/await 的区别？ ✅ async...await 与 promise 的关系
JS 获取 HTML DOM 元素的方法 ✅ JS 获取 HTML DOM 元素的方法
this 的指向问题 ✅ JS 的 this 指向问题
箭头函数和普通函数的区别 ✅ 箭头函数特点
call()、apply()、bind（）的区别 ✅ call、apply 和 bind 的使用
闭包的理解 ✅ 关于闭包及其应用场景
js继承有哪些方式? ✅ 继承的特点是？继承有哪些？特点分别是？
ES6 新特性? ✅HTML5 与es6 新特性
HTTP 与 HTTPS ✅ 什么是http?http 与https 的区别
GET 和 POST 的区别 ✅ HTTP 常见请求方法 GET 与 POST 请求对比 POST 会请求两次
TCP 与 UDP 的区别 ✅ TCP 与 UDP 区别
三次握手四次挥手 ✅ TCP三次握手和四次挥手理解
HTTP常见的状态码 ✅ http 常见状态码
如何解决跨域 ✅ 跨域定义、出现原因、解决办法
网页从输入url到页面加载发生了什么 ✅ 输入一个url 到页面展示出来发生了什么
对MVC和MVVM的理解 ✅ 对 MVC 和 MVVM 的理解
防抖与节流 ✅ 节流防抖
性能优化 ✅ 前端优化：SEO 优化 html 语义化性能优化
懒加载和预加载的区别 ✅ 预加载和懒加载的区别
web 安全 ✅ 安全：xss 攻击和 csrf 攻击
ci/cd 自动化部署 ✅ CI/CD 自动化部署
webpack ✅ webpack
vite 和 webpack 的区别 ✅ webpack 与 vite 的区别
babel是什么 ✅ Babel 是什么
require 和 import 区别，commonJS 和 es6 区别 ✅require 和 import 区别，commonJS 规范和 es6 规范区别
export 和 export default 的区别 ✅ export 和 export default 的区别
git 口令 ✅ git 口令
浏览器内存泄漏文章来源地址https://www.toymoban.com/news/detail-683674.html
浏览器垃圾回收
买Vue 相关书籍，并看完它，可视化
数据双向绑定原理；响应式实现原理
Vue的基本原理
VUE生命周期
组件之间如何传值
v-model 的作用以及实现原理
computed和watch的区别？
v-show和v-if的区别
vue中数据变了但是视图不跟新怎么解决？
vue中data为什么是函数而不是对象？
VUE中父子组件传值，父组件异步请求，子组件不能实时更新怎么解决？（VUE中数据不能实时更新怎么解决？）
父子组件传参emit如何传多个参数？
VUE路由跳转方式
条件渲染v-if 与 v-for 优先级；为什么避免v-for和v-if在一起使用?
VUE 中 $nextTick 作用与原理？
VUE中 for循环为什么加 key？
Vue Diff算法
keep-alive
为什么data是一个函数而不是一个对象
TS 相比 JS 的有哪些优点
TS的类型
type 和 interface 的区别
VUE2和VUE3的区别？
为什么VUE3不继续用$set？
如何解决VUEX页面刷新数据丢失问题？
VUE路由中的history和hash的区别
动态组件 & 异步组件
路由之间如何传参
对前端路由的理解
什么是Vue-Router，有哪些组件
$route和$router
路由开发的优缺点
使用方式
Hash模式
History模式
路由hash模式和history模式的区别
history模式下的404问题
编程式导航
路由传参的方式
设计模式
node
axios
whitstle 抓包
uniapp 坑点
抽奖功能实现
项目开发中遇到的bug？
说说你在项目中遇到印象最深，最困难的地方，是怎么解决的？
你觉得你们项目还有哪些不足的地方？
工作之余你会做什么，看什么书？
近几年的职业规划？