js/css

1. 多变量赋值 2. 替换switch 3. 短路运算 4. 变量交换 5. 对象、数组合并 6. 序列生成/数组初始化 7. 平均值计算 8. 复制文本到剪贴板 9. 随机数生成 10. 数组乱序

选择器优先级 层叠：css规则的顺序 关系选择器 （后代、子代、群组、相邻兄弟、通用兄弟） 伪类 :first-child、:empty 用户行为伪类（动态伪类）：:active 、:hover 、:

作用域、执行上下文(作用域链、变量对象、this) 作用域 词法作用域和动态作用域: js采用词法作用域（静态作用域），词法作用域主要在代码的编译阶段，一个变量和函数的词法作用域取决于该变量和函数声明

测试数据: for循环、for...in、for...of forEach、map、filter some、every、find、findIndex 性能对比 说明： forEach生成函数调用栈、执

绘制三角形 border 渐变 伪元素 + css transform clip-path裁剪 特殊字符 水平垂直居中 < 元素宽高未知 > < 元素宽高已知 > div实现高度根据宽度自适应 网站置

BFC(block formatting context) 1. float && position float文字环绕效果 定位属性层级大于浮动属性 浮动，绝对定位、固定定位脱离文档流；浮动是标准流

几种常见的布局场景 1. 瀑布流布局(瀑布流式布局) 布局效果: js实现 实现思路： (1) 计算需要布局的列数：文档宽度/图片宽度(outerWidth等) (2) 创建一个数组（长度为列数），数

scoped和module使用场景 scoped 常规使用，阻止样式覆盖 运行效果: 父组件覆盖子组件样式导致，使用scoped解决 从css源码了解scoped实现原理： ---未添加scoped:

精度丢失问题存在于浮点数转化为ieee754标准的二进制数的过程中 number类型 js中的number类型采用双精度浮点型，基于ieee754标准 进制表示 二进制：0b或0B 八进制：es5严格

1. 浅拷贝 浅拷贝实现：赋值操作符 "首层浅拷贝"实现： 对象：遍历、Object.assign、扩展运算符 数组（类数组对象）：遍历、扩展运算符、Array.from、slice、concat、f

伪数组 一种类似数组的对象，它们不具有数组的标准方法，但是作为可迭代对象可以对它们像数组一样进行迭代，常见的伪数组对象： NodeList(dom.querySelectorAll等获取) Argum

1. 原型链继承 优点： 继承父类的属性（方法） 实例既是子类的实例，也是父类的实例 缺陷： 单一继承 所有实例共享父类实例的引用类型属性（方法），若属性被修改会影响所有实例 无法向父类构造函数传参

一. js数据类型 String Number Boolean null Undefined Object(包括派生类：Array, ArrayLike, Function, Set, Map, Da

数组 -> 对象 forEach Object.fromEntries reduce Object.assign 展开运算符... 对象 -> 数组 Array.from Object.entries