🌰栗子前端技术周刊第 13期 (2024.1.8 - 2024.1.14)：浏览前端一周最新消息，学习国内外优秀文章视频，让我们保持对前端的好奇心。
📰 技术资讯
-
2023 CodePen 上的 Top 100：对 CodePen 演示的年度总结总是令人愉快。这里一定会有你觉得有趣或新奇的东西 - 而且在处理问题的方式上也总有可取之处。共有 100 个演示，包括可爱的 WebGL 花朵、CSS 3D 迷宫和发光阴影效果。
-
Rspack 0.5：基于 Rust 的快速 Web 打包工具，0.5 版本支持了模块联邦。
-
Mutative 1.0：Mutative 刚刚推出了用于不可变更新的 JavaScript 库 v1.0，声称比 Immer 快 10 倍。
js
import { create } from 'mutative';
const baseState = {
foo: 'bar',
list: [{ text: 'coding' }],
};
const state = create(baseState, (draft) => {
draft.list.push({ text: 'learning' });
});
expect(state).not.toBe(baseState);
expect(state.list).not.toBe(baseState.list);- Docusaurus 3.1：广受欢迎、功能强大的文档网站框架。
📒 技术文章
-
Imperative vs Declarative programming：在现代 UI 开发中，"声明式 "这个词不胫而走，但它到底意味着什么呢？本文将深入探讨命令式编程与声明式编程的奇妙世界。
-
The World's Smallest PNG：世界上最小的 PNG - 一个像素需要 67 个字节。本文深入探讨了它的工作原理。
-
现代 CSS 解决方案：文字颜色自动适配背景色！：2023 CSS 新特性中，有一个非常重要的功能更新 -- 相对颜色。本文介绍相对颜色相关的知识和使用。
-
终于搞懂了网盘网页是怎么唤醒本地应用了：介绍了自定义协议相关的内容。
🔧 开发工具
- Dependency Cruiser 16.0： 可视化依赖关系。
- Element Plus：Vue 3 组件库 - 开箱即可获得大量简约风格的组件。
🚀🚀🚀 以上资讯文章选自常见周刊，如 JavaScript Weekly 等，周刊内容也会不断优化改进，希望你们能够喜欢 💖