m0_64436820的博客

rem是相对长度，相对于根元素（html）的font-size属性来计算大小，通常来做移动端的适配rem是根据根元素font-size计算值的倍数。

当没有async和defer这两个属性的时候，浏览器会立刻并执行指定的脚本有async的时候，加载和渲染后面元素的过程将和script的加载和执行并行进行（异步）有defer的时候，加载和渲染后面元素的过程将和script的加载并行进行（异步），但是它的执行事件要等所有的元素解析完成之后才会执行。

特点：属于可以重复利用变量，并且这个变量不会污染全局的一种机制，这个变量是一直保存在内存中，不会被垃圾回收机制回收。特点：闭包较多的时候，会消耗内存，导致页面的性能下降，在IE浏览器中才会导致内存泄露。闭包：函数嵌套函数，内部函数被外部函数返回并保存下来时，就会产生闭包。使用的场景：防抖、节流、函数嵌套函数避免全局污染的时候。

【代码】前端面试题（JS部分）JS对数据类的检测方式。

8. RegExp(正则)

JS的组成三部分：1. ECMAScript: JS的核心内容，描述了语言的基础语法，比如var、for、数据类型（数组、字符串）；2. 文档对象模型（DOM）：DOM把整个HTML页面规划为元素构成的文档；3. 浏览器对象模型（BOM）：对浏览器窗口进行访问和操作

MVVM 是 Model-View-ViewModel 的编写，前端开发的架构模式M： 模型，对应的是 data 的数据V： 视图，用户界面，DOMVM: 视图模型，Vue的实例对象，连接View和Model的桥梁核心是提供对View和ViewModel的双向数据绑定，当数据改变的时候，ViewModel能监听到数据的变化，自动更新视图；当用户操作视图的时候，ViewModel也可以监听到视图的变化，然后通知数据进行改动，这就实现了双向数据绑定；ViewModel通过双向绑定把View和Model连接起来

v-if 和 v-show 的区别：1. v-show控制元素的 display 值来让元素显示和隐藏；v-if 显示隐藏时把DOM元素添加和删除2. v-if 有一个局部编辑/卸载的过程，切换这个过程中会适当的销毁和重建内部的事件监听和子组件；v-show 只是简单的CSS切换3. v-if 才是真正的条件渲染，v-show 从 false 变成 true 的时候不会触发组件的生命周期，v-if 会触发生命周期4. v-if 的切换效率比较低，v-show 的效率比较高共同点：都可以控制元素的显示和隐藏

预处理语言增加了变量、函数、混入等强大的功能。

CSS的三大特性： 继承、层叠、优先级子元素可以继承父类元素的样式：1.字体的一些属性：font2.文本的一些属性：line-height3.元素的可见性：visibility:hidden4.表格布局的属性：border-spacing5.列表的属性：list-style6.页面样式属性：page7.声音的样式属性

2. 定位+transform。1. 定位+margin。5. table布局。

对DOM的样式进行修改，比如color和background-color,浏览器不需要重新计算几何属性的时候，直接绘制了该元素的新样式，那么这里只触发了重绘。重绘: 计算好盒模型的位置、大小和其他一些属性之后，浏览器会根据每个盒模型的特性进行 绘制。重排(回流): 布局引擎会根据所有的样式计算出盒模型在页面上的位置和大小。对DOM的大小、位置进行修改后，浏览器需要重新计算元素的这些几何属性，就叫重排。

px和rem的区别： px是像素，显示器上给我们呈现画面的像素，每个像素的大小是一样，绝对单位长度 rem,相对单位，相对于html根节点的font-size的值，直接给html节点的font-size: 62.5%; 1rem = 10px; (16px * 62.5% = 10px)

隐藏元素的方法有哪些：1. display:none 元素在页面上消失，不占据空间2. opacity:0 设置了元素的透明度为0，元素不可见，占据空间位置3. visibility:hidden 让元素消失，占据空间位置，一种不可见的状态4. position:absolute 让元素从当前位置移开5. clip-path 把元素剪切掉

在HTML页面中的所有元素可以看成一个盒子盒子的组成：内容content、内边距padding、边框border、外边距margin盒模型的类型： 标准盒模型： margin + border + padding + content IE盒模型： margin + content(pading + boder) 内容区包含padding、border控制盒模型的模式：box-sizing: content-box(默认值

【代码】前端面试题3 字符串驼峰命名封装函数。

【代码】前端面试题2 值类型和引用类型的传递。

【代码】前端面试题1 作用域问题。