feat: 添加笔记

fxzer · Jul 21, 2024 · 3c7688e · 3c7688e
1 parent dd05229
commit 3c7688e
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/docs/Interview/CSS/基础面试题.md b/docs/Interview/CSS/基础面试题.md
@@ -331,3 +331,21 @@ Canvas是一种基于位图的绘图技术，它使用JavaScript在HTML5画布
 | `lg`              | 1024px        | `@media (min-width: 1024px) { ... }` | iPad Pro                             |
 | `xl`              | 1280px        | `@media (min-width: 1280px) { ... }` | 小型笔记本                           |
 | `2xl`             | 1536px        | `@media (min-width: 1536px) { ... }` | 电脑显示器                           |
+
+
+## CSS 工程化
+1. 预处理器（Sass/Less/Stylus）
+2. 模块化（CSS Modules/CSS in JS）
+3. 规范化（BEM/OOCSS/SMACSS）
+4. 自动化（Gulp/Webpack）
+5. 性能优化（PostCSS/Purge CSS）
+6. 自动化测试（Jest/Enzyme）
+7. 代码规范（ESLint/Prettier）
+
+## JS 动画 与 CSS 动画
+JS动画：
+1. 优点：兼容性强，写得好可以兼容IE6，控制能力强，可以实现复杂动画。
+2. 缺点：性能没有CSS好。
+CSS动画：
+  1. 优点：CSS性能更好，因为CSS动画是通过浏览器渲染引擎来实现的，对CSS3 做了性能优化。
+  2. 缺点： 不能精细化控制，不够灵活，兼容性不好。