chore: 🍼 weekly 202431

2024/weekly-31.md

@@ -0,0 +1,51 @@
+<!--
+ * @Description: weekly-31
+ * @Author: zoeblow
+ * @Email: [email protected]
+ * @Date: 2024-01-01 20:20:35
+ * @LastEditors: wangfuyuan
+ * @LastEditTime: 2024-08-02 09:58:16
+ * @FilePath: \nuofe-weekly1\2024\weekly-31.md
+ -->
+
+# 2024-31 期
+
+Add:2024-08-02
+
+Update:2024-08-02
+
+![202431](../images/2024/202431.jpg)
+
+## 前端消息
+
+- [CSS 要变天了](https://mp.weixin.qq.com/s/gMGA3Iepc6_XCg3JhIhmlg)
+
+  > `CSS` 要变天了！ `if()` 函数、跨文档视图过渡…一大波新特性来袭！
+
+- [使用现代JavaScript操作DOM的高效模式](https://mp.weixin.qq.com/s/R4YC0wp3oOWVJ77ioOa1ig)
+
+  > 如何使用现代的纯 `JavaScript` 技术进行高效的 `DOM` 操作，以提高 `Web` 应用程序的性能。
+
+- [用 CSS 给文字加特效：渐变、图案](https://mp.weixin.qq.com/s/GJXsm6GOP8PAHxvkWrArsA)
+
+  > 用 `CSS` 给文字加特效：渐变、图案，让你的文字更吸睛！
+
+## 技术解析
+
+- [5个前沿高级CSS功能](https://mp.weixin.qq.com/s/JrefFIQCpWvq_xdm7HDXjw)
+
+  > 今天这篇文章，就来分享我探索到的彻底改变我的网页开发实践的 `5` 大前沿 `CSS` 功能。
+
+- [“flex: 1”有什么用](https://mp.weixin.qq.com/s/ON8UTvCuzQwvjQHBy_IgaA)
+
+  > 了解 `flex` 属性的复杂性，解读其子属性，并通过真实示例阐明其实际应用。
+
+- [4种防止模态框弹出时页面滚动的方法](https://mp.weixin.qq.com/s/u8iF1nVBEPFC7jE43L1_Xw)
+
+  > `4` 种防止模态框弹出时页面滚动的方法。
+
+## 其他
+
+- [重构潦草头像](https://juejin.cn/post/7372946993696374803)
+
+  > 我将 `2K stars` 的 《丑丑头像》，用 `next.js` 重写了。

SUMMARY.md

@@ -4,7 +4,7 @@
  * @Email: [email protected]
  * @Date: 2021-09-03 09:55:53
  * @LastEditors: wangfuyuan
- * @LastEditTime: 2024-07-26 10:13:38
+ * @LastEditTime: 2024-08-02 09:24:21
  * @FilePath: \nuofe-weekly1\SUMMARY.md
  -->
 
@@ -13,6 +13,7 @@
 - [诺诺前端周刊](README.md)
 
 - 2024
+- [第 31 期](2024/weekly-31.md)
 - [第 30 期](2024/weekly-30.md)
 - [第 29 期](2024/weekly-29.md)
 - [第 28 期](2024/weekly-28.md)