看面经总结

<1> 类数组对象读写、长度、遍历等一些操作and属性和Array几乎一样 读写： 长度 遍历 <2> arguements 对象 打印一下arguments对象看看成分： 1) length 属性

一. 变量提升 具体过程： (1) 解析过程 JS 会对语法进行检查，并对函数进行预编译！！ 会创建一个全局执行上下文环境 并创建该函数执行上下文的变量对象 AO 补： (2) 为什么要进行变量提升？

<1> JS的可执行代码类型： 全局代码 函数代码 eval代码 <2> 执行上下文栈 && 全局上下文 && 函数上下文 每个函数都有自己的函数上下文，那那么多函数就对应有很多的函数上下文，那我们是

一. 原始值包装类型 创建对应原始值包装类型的对象 调用相关方法 or 属性（length） 立马销毁对象 装箱 && 拆箱： 装箱 JS 也可以通过 Object() 函数显式地把基本类型转换为包装

一. 其他值 ---> 字符串 string 转换规则 unll 、undefined -----> 'null' 、'undefined' boolean类型 true 、false ----->

一. 基本数据类型 <1> number 值的范围 (1) NaN 例： 0 / 0 ------> NAN 5 / 0 ------> Infinity 注意： 涉及 NaN 的操作始终返回 NaN

一. 数据类型 <1> 简单数据类型（原始数据类型） number string boolean undefined null symbol bigInt <2> 复杂数据类型（引用数据类型） obj

<1> :nth-child() 和 :nth-of-type()的区别 上述代码即为选出 div 中的第 2 个孩子 上述代码为选出 div 中第 2 个 p 标签孩子 栗子： 产生的效果如下： <

<1> 相对单位 主要分为两大类： 字体相对单位，他们都是根据（相对于）font-size来进行计算的。常见的字体相对单位有：em、rem、ex、ch； 视窗相对单位，他们都是根据（相对于）视窗大小来

bmp gif jpeg png-8 png-24 svg webp a

一. float <1> float 的特性 被设置了浮动的元素会脱离文档流（但也不是完全脱离，下面也会讲）但是float元素并不是完全脱离文档流，即后面的元素不是可以完全升上去被它压在下面！！！ 会

为什么大多数情况下，我们会选择用 translate 来改变位置而不是定位？ 注意： 使用 translate 改变位置后，元素还是会占有它原来的位置，但使用 定位position 就不会！！

一. 伪元素选择器 伪元素 描述 ::after 作为选中元素的第一个子元素。 ::before 作为选中元素的最后一个子元素。 ::first-letter 选中块元素第一行的第一个字母，应用样式。

一. 可继承属性&不可继承属性 <1> 有继承性的属性 (1) 字体有关 font-family font-weight font-size font-style (2) 文本修饰 text-inde

一. 层叠上下文 二. 层叠水平 普通元素的层叠等级优先由其所在的层叠上下文决定。 层叠等级的比较只有在当前层叠上下文元素中才有意义。不同层叠上下文中比较层叠等级是没有意义的。 三. 层叠顺序 注意：

一. CSS 发展 在书写 css 的时候经历了以下阶段： 手写源生 CSS 使用预处理器 Sass/Less 使用后处理器 PostCSS 使用 css modules 使用 css in js <

一. 多媒体查询 @media 栗如： viewport(视窗) 的宽度与高度 设备的宽度与高度 朝向 (智能手机横屏，竖屏) 。 分辨率 <1> 语法 先指明设备的类型 然后指明成立的条件（即设备需

一. 适用情况 你想要你的文本看起来想报纸那种排版布局。 您有一组要分成列的小项目。 你不需要单独为指定的列写样式。 注意： 采用多列布局的方式布局，这些列的大小和样式都是相同的，文本会以流的形式依次

一. 图片滤镜 filter 值可为： blur(px) 模糊效果 brightness(%) 亮度 contrast(%) 对比度 drop-shadow(%) 阴影效果 grayscale(%)

一. 渐变 Gradient <1> 线性渐变 linear-gradient (1) 线性渐变在Mozilla下的应用 栗子： top 是从上往下渐变 left 是从左往右渐变 left top 从