zjuxlab · maksymilan · Mar 16, 2025 · Mar 16, 2025 · Mar 16, 2025 · Mar 16, 2025
diff --git a/docs/intro.md b/docs/intro.md
@@ -1,34 +1,34 @@
----
-sidebar_position: 0
----
-
-# 摸鱼者说
-
-> CS-Engineering：对[CSDIY](https://csdiy.wiki/)的拙劣模仿
-
-我从上大学开始正式接触编程，一开始什么也不会，以至于在在浙江大学计院分流时被面试官爆杀，面试以惨痛且羞辱的失败告终
-
-后来接触到[CSDIY](https://csdiy.wiki/)，自学了上面的课程，这才走出了当时的困境，找到了自己的方向
-
-因此我对CSDIY一直是存有感激之心的，也常常想象自己也弄出一个文档
-
-能够帮助那些彷徨的人，帮助曾经的自己
-
-在我自学生涯的第三年，时机逐渐成熟起来：
-
-* CSDIY的方向偏基础理论，没有关于工程、开发的内容。市面上的开发教程过于杂乱，质量参差不齐。
-
-* 在浙江大学启真交叉学科创新创业实验室，知识库里沉淀了成员们用心写作的一篇篇优质文章，却只能被尘封在飞书文档中，不能被更多人看到。
-
-
-我觉得机会来了，于是准备开始把想象变为现实，开源知识库里面的优质文章，并接受开源社区的批评指正和贡献。
-
-打造一个完全开源、免费、优质的CS工程指南。
-
-如果这本书能对大家有哪怕一丝一毫的帮助，都是对我们极大的鼓励和慰藉。
-
----
-
-如果你也想加入到贡献者的行列，可以直接在项目中发起 Pull Request，也欢迎和我们邮件联系(github@zjuxlab.com)
-
-如有侵权，也请联系github@zjuxlab.com
+---
+sidebar_position: 0
+---
+
+# 摸鱼者说
+
+> CS-Engineering：对[CSDIY](https://csdiy.wiki/)的拙劣模仿
+
+我从上大学开始正式接触编程，一开始什么也不会，以至于在在浙江大学计院分流时被面试官爆杀，面试以惨痛且羞辱的失败告终
+
+后来接触到[CSDIY](https://csdiy.wiki/)，自学了上面的课程，这才走出了当时的困境，找到了自己的方向
+
+因此我对CSDIY一直是存有感激之心的，也常常想象自己也弄出一个文档
+
+能够帮助那些彷徨的人，帮助曾经的自己
+
+在我自学生涯的第三年，时机逐渐成熟起来：
+
+* CSDIY的方向偏基础理论，没有关于工程、开发的内容。市面上的开发教程过于杂乱，质量参差不齐。
+
+* 在浙江大学启真交叉学科创新创业实验室，知识库里沉淀了成员们用心写作的一篇篇优质文章，却只能被尘封在飞书文档中，不能被更多人看到。
+
+
+我觉得机会来了，于是准备开始把想象变为现实，开源知识库里面的优质文章，并接受开源社区的批评指正和贡献。
+
+打造一个完全开源、免费、优质的CS工程指南。
+
+如果这本书能对大家有哪怕一丝一毫的帮助，都是对我们极大的鼓励和慰藉。
+
+---
+
+如果你也想加入到贡献者的行列，可以直接在项目中发起 Pull Request，也欢迎和我们邮件联系(github@zjuxlab.com)
+
+如有侵权，也请联系github@zjuxlab.com
diff --git a/docs/待清理的文档/Github收集/Github收集.md b/docs/待清理的文档/Github收集/Github收集.md
@@ -1,6 +1,6 @@
 ---
 title: Github收集
-slug: pxhdw9gctipif7ks5ebcpzaxnjh-bfo4wnrnvieffsk4ip1c7sdznxh-bfo4wn
+slug: pxhdw9gctipif7ks5ebcpzaxnjhbfo4wnrnvieffsk4ip1c7sdznxh-bfo4wn
 sidebar_position: 3
 ---
 

diff --git a/docs/待清理的文档/会议记录/会议记录.md b/docs/待清理的文档/会议记录/会议记录.md
@@ -1,6 +1,6 @@
 ---
 title: 会议记录
-slug: pxhdw9gctipif7ks5ebcpzaxnjh-wxi9whysrirm3ukztkkcnstenkf-wxi9wh
+slug: pxhdw9gctipif7ks5ebcpzaxnjhwxi9whysrirm3ukztkkcnstenkf-wxi9wh
 sidebar_position: 1
 ---
 

diff --git a/docs/待清理的文档/会议记录/第一次会议1010/第一次会议1010.md b/docs/待清理的文档/会议记录/第一次会议1010/第一次会议1010.md
@@ -1,7 +1,7 @@
 ---
 title: 第一次会议-10.10
 slug: >-
-  pxhdw9gctipif7ks5ebcpzaxnjh-wxi9whysrirm3ukztkkcnstenkf-wtbiwq8hhikk8tklrxcchd8hnte-wtbiwq
+  pxhdw9gctipif7ks5ebcpzaxnjhwxi9whysrirm3ukztkkcnstenkfwtbiwq8hhikk8tklrxcchd8hnte-wtbiwq
 sidebar_position: 0
 ---
 

diff --git a/docs/待清理的文档/工作记录(旧)/农玉俊/农玉俊.md b/docs/待清理的文档/工作记录(旧)/农玉俊/农玉俊.md
@@ -1,7 +1,7 @@
 ---
 title: 农玉俊
 slug: >-
-  pxhdw9gctipif7ks5ebcpzaxnjh-h7txweuk5i2yljkxka4cbfmhnce-hnavwtmdhi7debkheckcvj8tnlb-hnavwt
+  pxhdw9gctipif7ks5ebcpzaxnjhh7txweuk5i2yljkxka4cbfmhncehnavwtmdhi7debkheckcvj8tnlb-hnavwt
 sidebar_position: 0
 ---
 

diff --git a/docs/待清理的文档/工作记录(旧)/卢峰杰/卢峰杰.md b/docs/待清理的文档/工作记录(旧)/卢峰杰/卢峰杰.md
@@ -1,7 +1,7 @@
 ---
 title: 卢峰杰
 slug: >-
-  pxhdw9gctipif7ks5ebcpzaxnjh-h7txweuk5i2yljkxka4cbfmhnce-a9xrwngbjirqcskgmxcczsjonie-a9xrwn
+  pxhdw9gctipif7ks5ebcpzaxnjhh7txweuk5i2yljkxka4cbfmhncea9xrwngbjirqcskgmxcczsjonie-a9xrwn
 sidebar_position: 6
 ---
 

diff --git a/docs/待清理的文档/工作记录(旧)/叶耀阳/叶耀阳.md b/docs/待清理的文档/工作记录(旧)/叶耀阳/叶耀阳.md
@@ -1,7 +1,7 @@
 ---
 title: 叶耀阳
 slug: >-
-  pxhdw9gctipif7ks5ebcpzaxnjh-h7txweuk5i2yljkxka4cbfmhnce-jdagwjgs4iab31k6hbhcch6wnzd-jdagwj
+  pxhdw9gctipif7ks5ebcpzaxnjhh7txweuk5i2yljkxka4cbfmhncejdagwjgs4iab31k6hbhcch6wnzd-jdagwj
 sidebar_position: 2
 ---
 

diff --git a/docs/待清理的文档/工作记录(旧)/工作记录(旧).md b/docs/待清理的文档/工作记录(旧)/工作记录(旧).md
@@ -1,6 +1,6 @@
 ---
 title: 工作记录（旧）
-slug: pxhdw9gctipif7ks5ebcpzaxnjh-h7txweuk5i2yljkxka4cbfmhnce-h7txwe
+slug: pxhdw9gctipif7ks5ebcpzaxnjhh7txweuk5i2yljkxka4cbfmhnce-h7txwe
 sidebar_position: 0
 ---
 

diff --git a/docs/待清理的文档/工作记录(旧)/张立冬/张立冬.md b/docs/待清理的文档/工作记录(旧)/张立冬/张立冬.md
@@ -1,7 +1,7 @@
 ---
 title: 张立冬
 slug: >-
-  pxhdw9gctipif7ks5ebcpzaxnjh-h7txweuk5i2yljkxka4cbfmhnce-ebowwiox1iour6kcgixcadwenpe-ebowwi
+  pxhdw9gctipif7ks5ebcpzaxnjhh7txweuk5i2yljkxka4cbfmhnceebowwiox1iour6kcgixcadwenpe-ebowwi
 sidebar_position: 5
 ---
 

diff --git a/docs/待清理的文档/工作记录(旧)/王琛涵/王琛涵.md b/docs/待清理的文档/工作记录(旧)/王琛涵/王琛涵.md
@@ -1,7 +1,7 @@
 ---
 title: 王琛涵
 slug: >-
-  pxhdw9gctipif7ks5ebcpzaxnjh-h7txweuk5i2yljkxka4cbfmhnce-jonswnsxmipvydkaavjc2aeln5c-jonswn
+  pxhdw9gctipif7ks5ebcpzaxnjhh7txweuk5i2yljkxka4cbfmhncejonswnsxmipvydkaavjc2aeln5c-jonswn
 sidebar_position: 4
 ---
 

diff --git a/docs/待清理的文档/工作记录(旧)/蒋旻昊/蒋旻昊.md b/docs/待清理的文档/工作记录(旧)/蒋旻昊/蒋旻昊.md
@@ -1,7 +1,7 @@
 ---
 title: 蒋旻昊
 slug: >-
-  pxhdw9gctipif7ks5ebcpzaxnjh-h7txweuk5i2yljkxka4cbfmhnce-ddr8whefuis7glkgmccccr7inve-ddr8wh
+  pxhdw9gctipif7ks5ebcpzaxnjhh7txweuk5i2yljkxka4cbfmhnceddr8whefuis7glkgmccccr7inve-ddr8wh
 sidebar_position: 1
 ---
 

diff --git a/docs/待清理的文档/工作记录(旧)/邱至松/邱至松.md b/docs/待清理的文档/工作记录(旧)/邱至松/邱至松.md
@@ -1,7 +1,7 @@
 ---
 title: 邱至松
 slug: >-
-  pxhdw9gctipif7ks5ebcpzaxnjh-h7txweuk5i2yljkxka4cbfmhnce-hotcwvsgcivk34kvjewc3sugnpb-hotcwv
+  pxhdw9gctipif7ks5ebcpzaxnjhh7txweuk5i2yljkxka4cbfmhncehotcwvsgcivk34kvjewc3sugnpb-hotcwv
 sidebar_position: 3
 ---
 

diff --git a/docs/待清理的文档/工作记录/前端/前端.md b/docs/待清理的文档/工作记录/前端/前端.md
@@ -1,7 +1,7 @@
 ---
 title: 前端
 slug: >-
-  pxhdw9gctipif7ks5ebcpzaxnjh-f77xw6vgzilfyfkaauuc4madnnc-nah3wemywinq2bk0occche93nvd-nah3we
+  pxhdw9gctipif7ks5ebcpzaxnjhf77xw6vgzilfyfkaauuc4madnncnah3wemywinq2bk0occche93nvd-nah3we
 sidebar_position: 1
 ---
 

diff --git a/docs/待清理的文档/工作记录/后端/后端.md b/docs/待清理的文档/工作记录/后端/后端.md
@@ -1,7 +1,7 @@
 ---
 title: 后端
 slug: >-
-  pxhdw9gctipif7ks5ebcpzaxnjh-f77xw6vgzilfyfkaauuc4madnnc-wpecwsm2likxzrk1idkckr0anff-wpecws
+  pxhdw9gctipif7ks5ebcpzaxnjhf77xw6vgzilfyfkaauuc4madnncwpecwsm2likxzrk1idkckr0anff-wpecws
 sidebar_position: 3
 ---
 

diff --git a/docs/待清理的文档/工作记录/基础/基础.md b/docs/待清理的文档/工作记录/基础/基础.md
@@ -1,7 +1,7 @@
 ---
 title: 基础
 slug: >-
-  pxhdw9gctipif7ks5ebcpzaxnjh-f77xw6vgzilfyfkaauuc4madnnc-sfwfwzagoijn9pkqtogcnofnnpc-sfwfwz
+  pxhdw9gctipif7ks5ebcpzaxnjhf77xw6vgzilfyfkaauuc4madnncsfwfwzagoijn9pkqtogcnofnnpc-sfwfwz
 sidebar_position: 0
 ---
 

diff --git a/docs/待清理的文档/工作记录/工作记录.md b/docs/待清理的文档/工作记录/工作记录.md
@@ -1,6 +1,6 @@
 ---
 title: 工作记录
-slug: pxhdw9gctipif7ks5ebcpzaxnjh-f77xw6vgzilfyfkaauuc4madnnc-f77xw6
+slug: pxhdw9gctipif7ks5ebcpzaxnjhf77xw6vgzilfyfkaauuc4madnnc-f77xw6
 sidebar_position: 4
 ---
 

diff --git a/docs/待清理的文档/工作记录/工具/工具.md b/docs/待清理的文档/工作记录/工具/工具.md
@@ -1,7 +1,7 @@
 ---
 title: 工具
 slug: >-
-  pxhdw9gctipif7ks5ebcpzaxnjh-f77xw6vgzilfyfkaauuc4madnnc-nrb4whcrxix5iskgyuqc1iuhnee-nrb4wh
+  pxhdw9gctipif7ks5ebcpzaxnjhf77xw6vgzilfyfkaauuc4madnncnrb4whcrxix5iskgyuqc1iuhnee-nrb4wh
 sidebar_position: 2
 ---
 

diff --git a/docs/待清理的文档/文档结构/文档结构.md b/docs/待清理的文档/文档结构/文档结构.md
@@ -1,6 +1,6 @@
 ---
 title: 文档结构
-slug: pxhdw9gctipif7ks5ebcpzaxnjh-xjppwpdfhivmxukb6zbcuabjnlg-xjppwp
+slug: pxhdw9gctipif7ks5ebcpzaxnjhxjppwpdfhivmxukb6zbcuabjnlg-xjppwp
 sidebar_position: 2
 ---
 

diff --git a/docs/软件工程技能树/前端技术/前端三件套/CSS/CSS.md b/docs/软件工程技能树/前端技术/前端三件套/CSS/CSS.md
@@ -0,0 +1,9 @@
+---
+title: CSS
+slug: CSS
+sidebar_position: 1
+---
+
+
+# CSS
+
diff --git a/...CSS3/Animationsmodule/Animationsmodule.md → ...CSS3/Animationsmodule/Animationsmodule.md b/...CSS3/Animationsmodule/Animationsmodule.md → ...CSS3/Animationsmodule/Animationsmodule.md
@@ -17,15 +17,6 @@ Author：符一笑
 - advanced css animation and examples 
 - conclusion and tasks
 
-#### <b>notion:</b>
-
-本篇包含
-
-- 奇怪的中英混杂
-- 可能存在的技术上的或者理解上的问题
-
-也许应该看看css 基础结点（
-
 #### <b>application of css animation</b>
 
 - 变换元素
@@ -592,23 +583,9 @@ css动画使用得当，可以在不影响网页整体性能的情况下白赚
 }
 ```
 
-#### <b>conclusion and tasks</b>
-
-task 1：实现一个 3d 的立方体，并让其在一定条件下展示所有的面
-
-task 2 : 用关键帧动画制作一个酷炫的动画
-
-task 3 : 展示一下动画设计功底，或是单纯的表现一下创造力，结合一个永动动画制作一个很cool的网页
-
-task 4 : 康康上面的资源css动画库，自己实现其中的几个动画
-
 #### <b>material</b>
 
 一些细节辨析：
 
 一些规范：
 
-
-
-一月两更啦，求个赞啊😀（
-
diff --git a/docs/软件工程技能树/前端技术/前端三件套/CSS3/CSS3.md → docs/软件工程技能树/前端技术/前端三件套/CSS/CSS3/CSS3.md b/docs/软件工程技能树/前端技术/前端三件套/CSS3/CSS3.md → docs/软件工程技能树/前端技术/前端三件套/CSS/CSS3/CSS3.md
diff --git a/docs/软件工程技能树/前端技术/前端三件套/CSS3/grid/grid.md → .../软件工程技能树/前端技术/前端三件套/CSS/CSS3/Grid/Grid.md b/docs/软件工程技能树/前端技术/前端三件套/CSS3/grid/grid.md → .../软件工程技能树/前端技术/前端三件套/CSS/CSS3/Grid/Grid.md
@@ -20,8 +20,6 @@ Author：符一笑
 - 总结和task
 - 参考资料和草稿
 
-<b>warning 本篇是🐏着写的，就，有时候会敲错键，一般来说不影响理解，但是本片中如果看到突然出现的”狗日的“那我是试图表达"grid"然后拍了空格</b>
-
 #### <b>css布局方法的演变</b>
 
 先来了解一下布局方式的演变历史，这将会帮助你理解grid布局的定位，同时也是很有意思的事。实际上类似的内容在 隔壁的 css flex 开头写过了，但是考虑到大家翻来翻去不方便，直接在这里再写一次好了
@@ -40,16 +38,18 @@ Author：符一笑
 
 ##### <b>div+css</b>
 
-div和css大家都熟，但是有时候熟悉的东西并不是熟悉的意思，div+css主要强调结构与表现分离这个区别于table的特征。在这个阶段我们主要介绍两种布局：1、静态布局，顾名思义就是“静态”的布局，偏爱px的尺寸表示方法。2、流式布局，百分比宽度但是仍然用px表述其他尺寸的布局
+div和css大家都熟，但是有时候熟悉的东西并不是熟悉的意思，div+css主要强调结构与表现分离这个区别于table的特征。在这个阶段我们主要介绍两种布局：
+
+1、静态布局，顾名思义就是“静态”的布局，偏爱px的尺寸表示方法。
+
+2、流式布局，百分比宽度但是仍然用px表述其他尺寸的布局
 
 静态布局的思路非常直接，面对分辨率不同的问题，直接按照主流分辨率来设计，然后其他分辨率的机子那就委屈一下。大的客户端页面会出现留空，小的则会出现滚动条。然后为了页面留空的时候不至于太难看又出现了“居中对齐显示，两侧留白”的特色；
 
 流式布局试图抢救浪费的空间，同时也为了给小屏幕用户更好的体验（移动端为代表），允许页面元素的宽度按照屏幕分辨率进行适配调整，但整体布局不变。栅栏系统（你也许听过）就是流式布局的代表应用。但是治标不治本，虽然宽度上一定可以铺满了，但是文本、高度仍然是px定死的，移动端用户仍然是一头问号。
 
 ##### <b>第三个阶段</b>
 
-取名不能（x
-
 这个阶段出现了自适应布局和响应式布局，主要思路是对屏幕分辨率分类讨论（，然后创建多个布局，响应式布局融合了一些流式布局的思想，相当于根据不同大小自动调整元素宽度。这些布局的前提是媒体查询的引入（现在也在用），同样这个时期还引入了rem这个相对单位（非常重要，现在也在用）。但是这并不是布局的终点
 
 ##### <b>第四个阶段</b>
@@ -1016,18 +1016,10 @@ body {
 
 padding-bottom:100% 意味着高至少是和宽一样的，可以换成具体的高度之类的，这部分其实就是控制伪元素的大小了，和正常元素没有任何区别。
 
-效果：
-
-#### <b>总结和task</b>
+#### <b>总结</b>
 
 总结来看，grid能够给前端布局带来非常大的遍历，flex擅长一维布局，grid适合二维布局。在页面元素比较稠密的时候可以作为全局布局的选择。另外一方面，grid在布局的控制上的表现非常出色，可轻可重。熟练的使用trick是grid的特长。
 
-##### <b>task</b>
-
-- 结合grid和其他你擅长的css整点有趣的东西
-- 尝试找一个可以用grid布局实现的网页，实现它。
-- 欢迎补充你知道的all-time-great css tricks
-
 #### <b>参考资料和草稿</b>
 
 [https://css-tricks.com/snippets/css/complete-guide-grid/](https://css-tricks.com/snippets/css/complete-guide-grid/)

diff --git a/docs/软件工程技能树/前端技术/前端三件套/CSS3/flex/flex.md → .../软件工程技能树/前端技术/前端三件套/CSS/CSS3/flex/flex.md b/docs/软件工程技能树/前端技术/前端三件套/CSS3/flex/flex.md → .../软件工程技能树/前端技术/前端三件套/CSS/CSS3/flex/flex.md
@@ -35,8 +35,6 @@ div和css大家都熟，但是有时候熟悉的东西并不是熟悉的意思
 
 ##### <b>第三个阶段</b>
 
-取名不能（x
-
 这个阶段出现了自适应布局和响应式布局，主要思路是对屏幕分辨率分类讨论（，然后创建多个布局，响应式布局融合了一些流式布局的思想，相当于根据不同大小自动调整元素宽度。这些布局的前提是媒体查询的引入（现在也在用），同样这个时期还引入了rem这个相对单位（非常重要，现在也在用）。但是这并不是布局的终点
 
 ##### <b>第四个阶段</b>
@@ -468,7 +466,7 @@ html,body{
 }
 ```
 
-rt（
+rt
 
 ![](/assets/Lh9MbKnnFoZ8xyxzeh5cKI6snbf.png)
 
@@ -548,16 +546,9 @@ flex-grow 算是开袋即食的flex里面比较有开发价值的属性了，先
 
 所以说使用得当flex布局还是可以扬长避短的，让你在很短的时间里完成一个大布局
 
-## <b>总结和task</b>
+## <b>总结</b>
 
 总结来看，flex能够给前端布局带来很大的便利，flex擅长一维布局，在页面有明显轴线的时候还可以作为全局布局的选择。另外一方面，flex在部件上的表现也可以非常出色，提供十分轻量的快速布局方式，避免hard coding，提升布局的鲁棒性。
 
-## <b>task</b>
-
-- 结合flex和其他你擅长的css整点有趣的东西
-- 尝试找一个可以用flex布局实现的网页，实现它。
-
 #### <b>参考资料和草稿</b>
 
-(*^_^*)
-