📖 更新文章

fxzer · Sep 29, 2023 · 7a7b22c · 7a7b22c
1 parent dd7dfc6
commit 7a7b22c
Show file tree

Hide file tree

Showing 4 changed files with 30 additions and 1 deletion.
diff --git a/docs/.vitepress/sidebar/index.ts b/docs/.vitepress/sidebar/index.ts
@@ -75,6 +75,10 @@ export default {
       "collapsible": true,
       "collapsed": false,
       "items": [
+        {
+          "text": "Vite原理学习",
+          "link": "/Framework/Vue/Vite原理学习"
+        },
         {
           "text": "Vue3补漏笔记",
           "link": "/Framework/Vue/Vue3补漏笔记"

diff --git a/docs/Framework/Vue/Vite原理学习.md b/docs/Framework/Vue/Vite原理学习.md
@@ -0,0 +1,10 @@
+
+# Vite底层原理学习
+
+## 构建工具承担：
+1. 模块化开发支持：ES Module、CommonJS、AMD、CMD等
+2. 处理代码兼容性：babel语法降级，less/sass/stylus等语法转换
+3. 提升项目性能：压缩代码，合并代码，图片压缩，代码分割，懒加载，预加载等
+4. 优化开发体验：热更新，自动刷新，代理服务器，自动打开浏览器等
+5. 统一开发标准：eslint代码检查，prettier代码格式化，git提交规范等
+
diff --git a/docs/FrontEnd/.DS_Store b/docs/FrontEnd/.DS_Store
diff --git a/docs/FrontEnd/CSS/CSS常用代码段.md b/docs/FrontEnd/CSS/CSS常用代码段.md
@@ -119,4 +119,19 @@ import GridStar from './demo/GridStar.vue'
   }
 
 }
-```
+```
+
+## flex布局子元素给了高度，实际渲染确有小数点问题
+```css
+.parent{
+  display: flex;
+  flex-direction: column;
+}
+.child{
+  height: 100%;
+}
+.child1{
+    flex: 1; //需要给相邻元素添加
+}
+```
+```