m0_62359005的博客

前端面试常问问题，早学早知道

事件代理是将事件监听器添加到父元素上，利用事件冒泡来处理子元素的事件，提高性能和简化代码。语义化 HTML 是使用正确的 HTML 标签来增强网页结构和内容的含义，例如使用。过渡是元素在状态改变时的平滑过渡，动画是通过一系列关键帧来定义复杂的动画效果。浅拷贝复制对象的第一层属性，深拷贝复制对象及其嵌套对象的所有层次。执行上下文是代码被执行时的环境，包括变量、函数、对象等信息。Flexbox 是一维布局模型，适合在一条轴线上排列元素；Grid 是二维布局模型，适合在行和列中安排元素。

4. 通过xhr的onReadyState、change事件来监听服务器与你的通信状态；3. 构建服务器需要的数据，通过xhr对象的send()方法发送；2, 通过xhr对象的open()方法和服务器进行连接；1. 创建xhr（xmlHttpRequest）对象;5. 接受并处理服务器响应的数据结果；6. 把处理的数据渲染到HTML页面上。

4. 根据构造函数的返回值判断，如果是值就返回对象，如果是引用类型就返回引用类型。3. 把构造函数的this绑定到空对象上。2. 把空对象和构造函数通过原型链链接。1. 创建了一个空对象。

运用构造函数继承、原型链继承、组合式继承、ES6的class继承。

JS引擎、运行上下文、调用栈、事件循环、回调。

引用数据类型存储在堆内存中，存储的是变量地址，如果两个变量指向同一个地址，修改一个变量的值另外一个变量也会跟着变化。console.log(obj1) // {name:'李四',age:18}console.log(obj)// {name:'李四'，age:18}基本数据类型保存在栈内存中，存储对应值。name: '张三'，obj1.name = '李四'

定义：利用事件冒泡将内部元素的方法交给父元素来触发，就叫做事件委托。如果子元素阻止了事件冒泡，事件委托就不成立。优点：减少绑定次、提高性能、减少内存占用、可动态添加和删除。原理：利用事件冒泡的机制实现。事件委托又称事件代理。

1. webpack的启动速度比vite慢，因为webpack是先打包在加载，vite启动不打包，所以vite不需要分析模块依赖、编译，所以vite启动速度快；2. vite热更新比webpack快，vite在hrm方面，某个模块改变，浏览器就加载更改的模块；3. webpack的生态比vite多。

200 成功 400 传参错误 401 没有权限 404 请求资源不存在 415服务器无法处理客户端请求中指定的媒体类型 500 服务器错误

当对一个文档进行布局的时候，浏览器的渲染引擎就会根据标准之一的css基础框盒模型，将所有元素表示为一个个矩形的盒子，css决定这些盒子的大小，位置，属性。

【代码】清除浮动有哪些方法？

3. rem：相对单位，可理解为”root em”, 相对根节点html的字体⼤⼩来计算，CSS3新加属性，chrome/firefox/IE9+⽀持.2. em：相对单位，基准点为⽗节点字体的⼤⼩，如果⾃身定义了font-size按⾃身来计算，整个⻚⾯内1em不是⼀个固定的值;1. px：绝对单位，⻚⾯按精确像素展示;

【代码】块级元素水平居中的方法。

指定元素相对于屏幕视口的位置来指定元素的位置，元素的位置在屏幕滚动时不会发生改变。案例：回到页面顶部按钮；

4. display:none : 这个是彻底隐藏了元素，元素从⽂档流中消失，既不占据空间也不交互，也不影响布局;6. transform: scale(0,0) : 平⾯变换，将元素缩放为0，但是依然占据空间，但不可交互;1. opacity:0 ：本质上是将元素的透明度将为0，就看起来隐藏了，但是依然占据空间且可以交互;2. visibility:hidden : 与上⼀个⽅法类似的效果，占据空间，但是不可以交互了;