栗子前端技术周刊第13期 - 2023 CodePen Top 100，Rspack 0.5，Rspack 0.5...

🌰栗子前端技术周刊第 13期 (2024.1.8 - 2024.1.14)：浏览前端一周最新消息，学习国内外优秀文章视频，让我们保持对前端的好奇心。

📰 技术资讯

1. 2023 CodePen 上的 Top 100：对 CodePen 演示的年度总结总是令人愉快。这里一定会有你觉得有趣或新奇的东西 - 而且在处理问题的方式上也总有可取之处。共有 100 个演示，包括可爱的 WebGL 花朵、CSS 3D 迷宫和发光阴影效果。

2. Rspack 0.5：基于 Rust 的快速 Web 打包工具，0.5 版本支持了模块联邦。

3. Mutative 1.0：Mutative 刚刚推出了用于不可变更新的 JavaScript 库 v1.0，声称比 Immer 快 10 倍。

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);

4. Docusaurus 3.1：广受欢迎、功能强大的文档网站框架。

📒 技术文章

1. Imperative vs Declarative programming：在现代 UI 开发中，"声明式 "这个词不胫而走，但它到底意味着什么呢？本文将深入探讨命令式编程与声明式编程的奇妙世界。

2. The World's Smallest PNG：世界上最小的 PNG - 一个像素需要 67 个字节。本文深入探讨了它的工作原理。

3. 现代 CSS 解决方案：文字颜色自动适配背景色！：2023 CSS 新特性中，有一个非常重要的功能更新 -- 相对颜色。本文介绍相对颜色相关的知识和使用。

4. 终于搞懂了网盘网页是怎么唤醒本地应用了：介绍了自定义协议相关的内容。

🔧 开发工具

1. Dependency Cruiser 16.0： 可视化依赖关系。

2. zip.js ： 用于压缩和解压文件的库 - 听起来很简单，但它支持多种不同格式，并能生成受密码保护的 ZIP 文件。Demo。

3. Element Plus：Vue 3 组件库 - 开箱即可获得大量简约风格的组件。

🚀🚀🚀 以上资讯文章选自常见周刊，如 JavaScript Weekly 等，周刊内容也会不断优化改进，希望你们能够喜欢 💖