📢 随易周刊介绍
这是一个由 前端之虎陈随易 维护的周刊，将会分享一周内我的所见所闻。
写一篇周刊的时间在 2-3天，请尊重笔者的成果，可任意转载，但不要篡改内容。
如果你觉得周刊不错，可以给笔者提供打赏 (赞赏码在个人网站)，以支持和鼓励笔者创作更多优质的周刊内容。
最后呢，本周刊正在寻找商业推广合作伙伴，如果你有兴趣，可以联系我。
为什么要做周刊
笔者喜欢每天看各种技术资讯，逛技术社区，跟踪软件更新发布等。
独乐了不如众乐乐，遂做成周刊，以飨读者。
同时呢，也希望通过周刊的影响力。
给广大默默做着自己的产品，软件、项目的开发者，创造者们。
提供一个曝光的平台和机会。
周刊的愿景：希望提高广大程序员的眼界和见识，发现技术世界的乐趣。
商业推广合作
-
合作伙伴：提供按月推广服务 (
需一次性购买4期周刊)。 -
商业推广：以维持周刊的长期、持续、健康运转 (
1个月内最多推荐1次)。 -
内容自荐：欢迎提交合法、合理、合规的内容 (
100元以内任意红包即可)。
🐯 关于周刊作者
大家好，我是前端之虎陈随易。
目前是：
- 农村程序员 (自
2020年离职至今都在农村待着) - 独立开发者 (有多个已经在盈利中的产品)
- 自由职业者 (睡到自然醒，困就马上睡)
- 个人创业者 (注册了自己的公司，为产品服务)
- 自驾爱好者 (经常自驾，边看风景边敲码)
- 小说写作者 (大纲构思中)
- 开源推进者 (自
2019年持续开源至今)
欢迎跟我交朋友：
- 微信：
chensuiyime - 扣扣：
24323626 - 公众号：
陈随易 - 网站：陈随易的个人网站 https://chensuiyi.me
如果微信加不上，可以公众号留言你的微信号，我加你。
让我们一起积极向上，为自己而努力奋斗！
🍺 周刊合作伙伴
✅ leaferjs 绚丽多彩的 HTML5 Canvas 2D 图形渲染引擎
国产之光，100 万渲染也很流畅！！
⌛ 感受时间尾巴
- ✅ 今年已过
29.0% - ✅ 本月已过
50.0%
光阴似箭，日月如梭。
珍惜时间，坚定前行。
🪶 学一点小知识
本期话题：八卦
八卦，就是乾，兑，离，震，巽，坎，艮，坤八个卦。
每个卦由阴爻 (虚线) 和阳爻 (实线) 共 3 个组合而成。
如果把阴爻看成计算机二进制中的 0，阳爻看成二进制中的 1，那么八卦的组成也可以用二进制表示如下：
111，011，101，001，110，010，100，000。
正如 0 和 1 可以表示计算机中的一切，八卦也可以表示万事万物。
🔥 行业事件摘要
✅ ECMAScript 带来新的 Set 集合方法。
ECMAScript 是 JavaScript 的语法标准，接下来将会带来一系列 Set (集合) 方法：
Set.prototype.intersection(other)Set.prototype.union(other)Set.prototype.difference(other)Set.prototype.symmetricDifference(other)Set.prototype.isSubsetOf(other)Set.prototype.isSupersetOf(other)Set.prototype.isDisjointFrom(other)
本周，这些方法已经进入到了 Stage 4 步骤，以下是各步骤的说明。
-
Stage 0/Strawperson：潜在的可能被纳入规范的一些想法。 -
Stage 1/Proposal：为该想法设想一些适用场景，可能的 case。提出解决实现方案以及可能的变更。 -
Stage 2/Draft：经过上一步验证讨论后，这一阶段开始起草语言层面的语义语法，准备正式的规范文档。 -
Stage 3/Candidate：提案进入到了候选阶段。开始接收一些反馈对提案进行完善。 -
Stage 4/Finished：可以被纳入到正式的 ECMAScript 语言规范中了。
随易点评
这些方法非常实用，比如，获取 2 个数组相同的部分 (交集)，获取 2 个数组不同的部分 (差集)。
具体应用场景，比如接口传参，表单只改了名称字段，那么就可以用集合方法，得到改动的字段进行上传。
这样便可以减小传输体积，提高传输效率。
自 ES6/ES2015 后，JavaScript 的发展非常迅速，每年都有很多新的，好用的语法和标准实现。
这个10天设计出来的语言，正在改变着世界。
✅ DNF 手游即将上线
随易点评
虽然我不是 DNF 玩家，但是，我感觉就跟我当初等英雄联盟手游差不多吧？
✅ Tiobe 2024年4月 编程语言排行榜
随易点评
这是不是 PHP 跌地最狠的一次？我15年以 PHP 入行，16年转行写 HTML5 CSS3，后面投入 Node.js 的怀抱。
根据我的个人体验来说，Node.js 写后端确实比 PHP 舒服。
✅ TresJS 作者把项目捐赠指向了 Vite
遇到这种情况，尤大也只能哭笑不得。
随易点评
TresJS 是一个基于 Vue 和 Vite 构建，使用 Three 驱动的 3D 可视化工具，可以更加方便地创建 3D 效果。
此处笔者猜测，可能是捐赠链接没有改，导致点击捐赠会跳到 Vite 的捐赠页面。
✅ 微信 PC 版文字可以放大阅读
电脑端微信最新版，右键点击消息，可以放大浏览信息。
这个对于眼神不好，或者需要阅读长文消息的朋友来说，还是不错的功能。
随易点评
我只想问，什么时候像 QQ 一样，出个专门的的群组管理功能吧。。现在管理群太乱了。
💎 优秀作品推荐
✅ fnMap，VScode 敲码利器
函数列表、位置标记、快速跳转、符号置顶、关键词搜索。
支持所有编程语言，开发提效，早点下班。
✅ 小狗听听，万物皆可播客
听抖音、听 B 站... 万物皆可播客
纯客户端，无后台，即使视频下架也能重复收听。
✅ AI 时间线
输入一个关键词，生成一个时间线。
这个简单却富有创意的产品，最近在圈子获得了不少的反响。
作者也开源了，在上方主页就能看到。
✅ c-shopping，基于 Nextjs 开发，多端适配的精美购物平台
简洁，美观的一个购物平台，功能也非常完善。
✅ tab-sidebar，浏览器侧边栏 tab 扩展
喜欢侧边栏 tab 的小伙伴可以试试。
✅ waitlist，候补名单模板
当你做一个产品，可以提前预告，让用户加入等待，当发布的时候，就可以自动通过邮件同时他们。
✅ yft-design，一款美观且功能强大的在线设计工具
一款美观且功能强大的在线设计工具，具备海报设计和图片编辑功能。
基于 fabric.js 的开源版【稿定设计】。
适用于多种场景，如海报生成、电商产品图制作、文章长图设计、视频/公众号封面编辑等。
✅ vscode-common-intellisense，框架使用体验增强
支持各种主流框架，体验拉满了。
✅ text2video，半个神器，一键文本转视频的工具
很有意思的一个创意，可以把文字变成视频。
✅ 我爱记单词
可以对单词的方方面面进行介绍和对比，适合单词的深度和广度学习，研究。
同时呢，这个应用也在打榜，有时间的可以给这个应用点个赞。
点个赞吧 https://cloud.baidu.com/qianfandev/match/310
✅ x-crawl，一个灵活的 Node.js AI 辅助爬虫库
功能相当丰富，强大的 Node.js 爬虫库。
✅ varlet，Vue3 组件库
特性：
- 🚀 提供 60+ 个高质量通用组件
- 🚀 组件十分轻量
- 💪 由国人开发，完善的中英文文档和后勤保障
- 🛠️ 支持按需引入
- 🛠️ 支持主题定制
- 🌍 支持国际化
- 💡 支持 webstorm 组件属性高亮
- 💪 支持 SSR
- 📦 支持 Nuxt Module
- 💡 支持 Typescript
- 💪 确保 90% 以上单元测试覆盖率，提供稳定性保证
- 🎨 同时支持 Material Design 2 和 Material Design 3 两套设计系统
- 🛠️ 支持暗黑模式
- 🔧 提供官方的 VSCode 插件
- ⌨️ 支持无障碍访问 (持续改进中)
功能相当丰富，维护非常勤快，值得一试。
✅ vue3-vant-mobile，基于 Vue 3 生态系统的移动 web 应用模板
不是组件库，是一个项目模板，可以快速进行移动端项目开发。
✅ amprobe，轻量级主机及容器监控服务
轻量级监控服务，简单又简约。
📝 干货文章分享
✅ 找到你的前 1000 个用户
对独立开发者和创业者来说，找到前 1000 个早期用户太关键了。
为啥呢？因为这帮人能给你提宝贵的意见，帮你把产品做得更好，还能给你这个小生意打下好基础。
可问题是，上哪儿找这 1000 个人呢？
别发愁，1000UserGuide 就是为你准备的。这里精心整理了 300 多个国内外渠道，专门适合独立开发者和创业者推广产品的渠道。
✒️ 思考心得感悟
✅ 论心态
笔者经过长期的经验总结发现，心态 这个东西，比想象中重要。
很多时候，你有能力，有时间，有精力去做某个事情，但是如果你的心态是比较焦虑的话，事情做得往往又慢又差。
如果心态比较好，会发现事情就会进展得比较顺利。
所以，好的心态非常重要，需要多多培养一下。
✅ 你可能只是不想上班，而不是真的要去做独立开发
很多人想做自由职业者，想做独立开发，想去创业。
但是一问他们，做自由职业，做独立开发，创业，具体做什么？怎么做？有规划吗？有盈利模式吗？。
一问三不知。
所以啊，很多人可能仅仅只是不想上班。
如果你想摆脱上班，那么请以 年 作为单位，去规划你 3-5 年的计划和目标，并且每天持续推进，不要偷懒！
✅ 社会的基本运行规则之一，交易
最近发现好几个关于 交易 的问题。
比如说，A 向 B 请教问题，发了个红包。
B 不收红包，觉得举手之劳，也不是什么大问题，随手一帮而已。
那么，我问两个非常简单的问题：
- 如果 B 不收红包，A 下次，或者下下次，还好意思问问题吗？
- 面对 A 的问题，B 无偿回答，那么下次，或者下下次，还会继续免费帮助吗？
说实话，笔者以前也喜欢免费乐于助人，但是现在，能产生 交易 的话，也毫不推辞。
请尊重自己的时间，精力，注意力，知识等方面的价值。
交易 才是长久之道，免费 不是！
✅ 如今的技术圈状态
技术圈很萎靡，远不如几年前的朝气蓬勃。
大家都被就业，裁员等问题笼罩着。
以前各种技术讨论，大会，如火如荼，激情四射。
现在呢，我个人认为，副业时代已经到来。
我所在的副业群，大家每天都在激烈地讨论着闲鱼，AI 爆文，小红书等副业内容。
时不时分享自己的战绩和成果。
反观技术群，很多都是死水一潭。
未雨绸缪，如果你在 35 岁之前不主动探索副业，那么你在 35 岁之后，将会无比被动。
探索副业，联系我，我拉你进付费高质量圈子，探索副业之道。
✅ 方向，信念和坚持
很多事情，就像取经，要经历九九八十一难才能获得相对圆满。
比如你觉得远程多做几份很爽，实际很可能忙得天昏地暗。
那么我们可以找一个月只上4天班的远程啊。这就跟财富自由还不简单，赚个 1 千万就行了有异曲同工之妙。
比如很多人羡慕我自由职业，但是收入不及上班的五分之一也是一个每天需要考虑的问题。
那么怎么办呢？坚定方向 (往西方)，坚定信念 (我要取经)，那么度过以一难又一难之后，或许有取得真经的可能。
所以，很多事情，美好的结果和愿景下，隐藏着残酷又曲折的现实，唯有坚定信念，勇往直前，方可证大道。
✅ 论副业之周期
副业，三年入门，五年佳境，八年登堂，十年入室，十五年大成。
✅ 能拿到结果的人，有两种，一种是有一定经验的，一种是纯新手但会严格执行的。
来自哥飞
@gefei55
初学者最好不要有自己的想法，严格去跟着手册执行，更容易拿到结果。
我带了很多次生财的出海第一站航海，每次少则四五百人，多则一千多人。
为期三周多的航海旅程里，拿到结果的，有两种，一种是有一定经验的，一种是纯新手但会严格执行的。
有一定经验的，会根据自己的经验去思考，手册里为什么让这么做，做了有什么效果，能不能有更好的方式。
严格执行的纯新手，对于一切都是未知的，他不知道为什么要这么做，但是手册说了这么做有效果，他就跟着去做，结果真的发现有效果。
最怕的是没经验又爱乱思考的，既不跟着手册做，又东想西想，想着一朝暴富、一鸣惊人，却没有可以落地的方法。
总之就是看不上手册写的方法，又没有自己更好的方法，于是就啥也没收获。
🛠️ 软件工具淘金
✅ Git Config User Profiles，不同项目使用不同的 git 配置
功能很简单的一个插件，但是解决了一个非常重要的问题。
当你的多个项目需要使用不同的昵称和邮箱提交代码的时候，它就派上用场了。
随易点评
这是一个典型的，用不上觉得平平无奇，一旦需要就会发现妙不可言！
✅ imFile，一款全能的下载工具
imFile 是一个基于 Motrix fork 并长期维护的变体，支持下载 HTTP、FTP、BT、磁力链等资源。
这里摘选部分特点：
- 🕹 简洁明了的图形操作界面。
- 🦄 支持 BT 和磁力链任务。
- ☑️ 支持选择性下载 BT 部分文件。
- 📡 每天自动更新 Tracker 服务器列表。
- 🔌 UPnP & NAT-PMP 端口映射。
- 🎛 最高支持 10 个任务同时下载。
- 🚀 单任务最高支持 16 线程下载。
- 🚥 设置上传/下载限速。
- 🕶 模拟用户代理 UA。
- 🔔 下载完成后通知。
- 💻 支持触控栏快捷键 (Mac 专享)。
- 🤖 常驻系统托盘，操作更加便捷。
- 📟 系统托盘速度仪表显示实时速度 (Mac 专享)。
- 🗑 移除任务时可同时删除相关文件。
随易点评
如果有些软件，或者资源下载很慢，不妨用这个试试。
✅ flexsearch，支持浏览器和 Node.js 的全文检索库
号称是 web 端最快的全文检索库。
口气这么大？吃大蒜了？来看看对比。
随易点评
牛逼！
✅ pragmatic-drag-and-drop，atlassian 出品的拖动库
新鲜出炉，还冒着热气的。
一经发布，很快突破 3000 颗星，截至目前，已经有 4200 颗星。
何方大圣，竟如此强悍？
这么说吧，Jira、Confluence、Trello 和 Bitbucket，都是 atlassian 公司出品的。
随易点评
牛逼！(吃了没文化的亏，只会喊口号，泪目~~)
✅ Apk.1-Installer，直接安装微信发送的 apk.1 文件
由于在 QQ 和微信中发送 apk 文件时，文件名会被万恶的腾讯添加后缀。1，此 App 可以省去重命名步骤，直接安装 apk。
- 获取安装权限 (不需要读取存储权限)
- 在 QQ 或微信里点击文件 → 用其他应用打开 → Apk.1 安装器 → 软件安装程序
随易点评
安装包自行下载。
💴 副业搞钱思路
✅ AI 生成头像
目前 AI 非常火热，已经有很多人通过 AI 生成头像来赚钱了，有兴趣的可以试试。
✅ 开源商业化
很多人说，开源太难赚钱了，我见过的开源赚钱的倒是不少。
一个思路就是，源码和文档免费，但是提供付费咨询服务。
不要指望源码和文档，就能解决所有人的所有问题。
总有人有不会的地方，提供一个可以让别人找到你并付费的联系方式，做付费咨询即可。
✅ 付费推广
如果你有粉丝，有流量，那么付费推广是非常好的变现方式。
是人就要吃饭，不要完全做免费的时期，无偿的事情，用爱发电的事情。
记住，是完全。
笔者做周刊，一方面是自己爱好，另一个方面也是有盈利模式的。
纯粹地，完全地用爱发电，极其不可取。
很多人觉得自己收钱不好意思，觉得自己大义凛然做了件天大的好事。
请记住，只有利益，才是让一个事情做大强的前提，否则只会慢慢吞噬，损伤自己的元气。
✅ 分销收益
那么对于个性不那么强烈，没有自己的作品和项目的。
可以通过分享别人的作品，内容等方式去创造收益。
简单来说，就是 拉人头。
比如，A 有一个非常不错的课程，售价 600元，给他介绍一个 学员，可以提成 100元。
何乐而不为呢？
那么怎么去找到这样的学员呢？
请记住，很多事情不是一蹴而就的，而是日积月累的。
想赚快钱，请钻研刑法。
🧊 重要开源更新
注意：以下版本号中的 x 表示任意数字。
✅ httpsok，免费 SSL 证书申请工具
httpsok 是一个便捷的 HTTPS 证书自动续签工具，专为 Nginx、OpenResty 服务器设计。已服务众多中小企业，稳定、安全、可靠。
一行命令，一分钟轻松搞定 SSL 证书自动续期。
主要更新内容节选：
- 支持手动申请证书。
- 增加 nginx 测试不同通提示。
- 解决管道 1 的问题。
- 优化 DNS 配置检测。
- 完善开发文档。
随易点评
如果你正好在使用 nginx，需要配置 https，那么 httpsok 是你的不二之选。
✅ CodeIgniter4，v4.5.x 发布
CodeIgniter 是一个 PHP 开发框架，简称 CI。
多年以前，在 PHP 框架百花争艳的时代，这个还挺出名的。
不过，国内应该是 Thinkphp 的天下了吧。
本周发布的 v4.5.x 的主要更新内容摘要如下：
- 壮举：语言翻译查找器和更新。
- 放弃 PHP 7.4 支持。
- 重构：使用 rector 升级到 PHP 8.1。
- 重构：将 PHPUnit 更新为 10。
更新内容很多，篇幅有限，请自行查看。
随易点评
最近的 PHP 排行榜掉到第 17 名了，想起了以前写 PHP 的快乐时光。。
包括老板在内，七八个人站在我身后。
一个5分钟的问题，硬生生改了半个小时，免得他们说我对这个问题不重视。。
✅ farm，v1.x 发布
用 Rust 编写的极快的 Vite 兼容 Web 构建工具。
用一张图来感受一下。
作者是字节的大佬，也是其他知名开源项目的贡献者，实力有目共睹。
有兴趣的朋友可以试试。
随易点评
自从做前端以来，感觉像是刘姥姥来到了大观园，各种争奇斗艳，眼花缭乱没停过。
✅ rsbuild，v0.6.x 发布
基于 Rspack 的构建工具。它速度快、开箱即用且可扩展。
主要更新内容节选：
- 支持资源查询转换 API。
- 添加修改 HTMLTags 插件 API。
- 添加 HMR 强制重载错误日志。
- 删除 webpack-sources 依赖。
- 将 rspack 最小版本更改为 0.6.0。
- 默认启用错误遮罩提示。
- 将默认服务器端口切换为 3000。
- 支持应用一些统计选项。
- 兼容 Rspack 0.6 CSS 模块。
- 支持 Vue3 JSX HMR。
随易点评
谁也没有想到，自2023年以来，RUST 正在作为前端基建，给前端带来了巨大的变化。
所以，，，golang 呢，你去哪了？
✅ md-editor-v3，v4.13.x 发布
vue3 的 Markdown 编辑器，用 jsx 和 typescript 开发。
主要更新内容节选：
- 支持异步转换图片的链接。
- 以英文翻译为基础，合并不完整的本地化配置。
- 编辑模式下提供仅预览模式。
- 新增调用内部操作的触发器：execCommand。
- 新增转换图片链接的接口：transformImgUrl。
随易点评
如果你在寻找一个 Markdown 编辑器，那么这个不错，更新勤快，功能也完善。
✅ xstate，v5.10.0 发布
针对复杂应用程序逻辑的基于参与者的状态管理和编排。
主要更新内容节选：
-
createActor(logic, options)的选项对象中指定的时钟和记录器现在将传播到同一 actor 系统中创建的所有 actor。 - 发布了
@xstate/store的初始版本v0.0.1-0.0.3。
随易点评
本次更新，主要亮点就是发布了 @xstate/store 包，看名字就知道了，给状态提供存储的方案。
如果前端有复杂的业务逻辑、编排、流转等，用这个工具可以非常方便地实现。
✅ json-joy，v14.2-v14.3 发布
跟 JSON 有关的各种工具库。
主要更新内容节选：
- json-crdt 相关的大量更新。
- reactive-rpc 相关的大量更新。
随易点评
咋一看好像不知道有啥用，那更具体一点，这个工具致力于解决 JSON CRDT，JSON CRDT Patch，JSON Patch+, JSON Predicate，CBOR，MessagePack，UBJSON，JSON Reactive RPC，JSON-RPC 2.0，JSON Pointer，JSON Expression，JSON Type 这些问题。
如果你还看不懂，说明你用不到。
如果你用得到，那就一定看得懂。
说实话，我没看懂，但是我认为这很有用。
✅ sniffnet，v1.3.0 发布
轻松监控您的互联网流量。
主要更新内容节选：
- 缩略图模式：在关注 Sniffnet 的同时专注于其他任务。
- 新增识别 6000+上层服务、协议、木马、蠕虫的能力。
- 支持 ICMP 连接和消息。
- 将分析导出为具有自定义路径的 PCAP 文件。
随易点评
时隔半年的一次发版，更新内容不少，可以去仓库看看全部更新内容。
✅ vite，v6.0.0-alpha.x 发布
下一代前端工具，它很快！
随易点评
由于是 alpha 版，更新内容就不写了，我想说的是。
你用上 vite 5 没有？vite 6 就要来啦！
✅ heyform，v0.0.7 发布
HeyForm 是一个开源表单生成器，允许任何人为调查、问卷、测验创建引人入胜的对话表单，无需编码技能。
主要更新内容节选：
- 添加环境变量以处理 SSL 电子邮件端点 (端口 465)。
- 添加环境变量以禁用新用户创建。
- 提高中文国际化水平。
随易点评
简而言之，这是一个表单生成工具，而且已经盈利了不少。
最近已经开源了，所属者是笔者的一个朋友，也是出海去社区的创始人之一。
感兴趣的可以在下方栏目 那些人那些事 了解。
✅ astro，v4.6.x 发布
内容驱动网站的网络框架。
主要更新内容节选：
- 添加新的开发工具栏设置选项，以更改开发工具栏在屏幕上的水平位置：左下角、中下角或右下角。
- 不再支持 Node.js 18 的 v18.17.1 之前的 Node.js 版本、Node.js 20 的 v20.0.3 之前的 Node.js 版本以及完整的 Node.js v19 发行版。
- 添加新的实验性安全选项以防止跨站请求伪造 (CSRF) 攻击。
- 添加新的 i18n 路由选项手册，允许您编写自己的 i18n 中间件。
随易点评
astro 是曾经登陆过年度最佳前端技术的框架。
他的中文文档维护者是李瑞丰 https://github.com/liruifengv
如果你有做官网，文档，博客的需求，不妨看看这个框架。
✅ tianji，v1.8.x 发布
天机：洞悉一切，网站分析+正常运行监控+服务器状态。
主要更新内容节选：
- 添加默认未找到页面和仪表板重定向。
- 添加遥测路线。
- 添加新设计的翻译。
- 添加网站添加按钮和熔丝搜索。
- v2：添加所有设置页面。
- v2：添加命令面板。
- v2：添加删除遥测功能。
- v2：添加移动布局。
- v2：在列表中添加监视器健康栏。
- v2：添加页面列表/添加/详细信息。
- v2：添加服务器页面。
- v2：添加网站详细信息。
- v2：添加网站概述。
- v2：监控功能。
随易点评
期待 v2 版本，带来了非常多的体验提升。
✅ dart-sass，v1.75.0 发布
Sass 的参考实现，用 Dart 编写。
主要更新内容节选：
- 修复了当自定义导入器或 Node.js 包导入器根据包含样式表的 URL 做出决策时，样式表规范化可能会被错误缓存的错误。
- 允许在 StringOptionsWithImporter 中传递不带 url 的导入器。
随易点评
语法上面没有改变，但是 StringOptionsWithImporter 带来的变化还是比较重要的，所以才发了个次要版本吧。
✅ vscode-vsce，v2.25.0 发布
VS 代码扩展管理器。
主要更新内容节选：
- 使用 NodeApi。
- 支持发布签名扩展。
- 在 package.json 中添加对 “files” 属性的支持。
- 修复预发布版本验证。
- API 请求超时重试。
随易点评
嗯，比较重要的更新，看对我的扩展 fnMap 需要做什么调整吗。。
✅ element-plus，v2.7.0 发布
Element 团队制作的 Vue.js 3 UI 库。
主要更新内容节选：
- 新组件
segmented。 - 组件添加空值和清除值属性。
- 组件 [badge] 添加 dotClass、dotStyle、offset 属性。
- 支持节点 18+ 并更新 tsx 和 vitest。
随易点评
Element-plus 快快更新啦~
✅ electron，v30.0.0 发布
使用 JavaScript、HTML 和 CSS 构建跨平台桌面应用程序。
主要更新内容节选：
- 添加了对 NODE_EXTRA_CA_CERTS 的支持。
- 实现了对文件系统 API 的支持。
- 将 Chromium 更新为
124.0.6367.49。
随易点评
跨平台桌面软件开发的不二之选，除了体积大，其他全是优点。
✅ biome，v1.7.0 发布
用于网络项目的工具链，旨在提供维护它们的功能。
Biome 提供格式化程序和 linter，可通过 CLI 和 LSP 使用。
主要更新内容节选：
- 添加从 ESLint 迁移的命令。
- 添加了两个新选项来自定义 CLI 发出的输出。
- 向 check、format 和 lint 子命令添加了新的 --staged 标志。
- 改进从 Prettier 迁移时对。prettierignore 的支持。
- 从 Prettier 迁移时支持 JavaScript 配置文件。
- 从 Prettier 迁移时支持覆盖 Prettier 配置文件中的字段。
- 支持将文件路径传递给 --config-path 标志或 BIOME_CONFIG_PATH 环境变量。
随易点评
比 Prettier 快，属于 Prettier 的替代品。
但是，目前想要无缝替代，还有不少东西要做。
✂️ 代码片段技巧
✅ CSS 属性之 focus-within
一个非常有用的 CSS 属性，可以在子元素聚焦的时候，让父级元素做一些变化。
比如，当 input 聚焦的时候，父元素 div 产生一条边框线。
✅ JS 判断简化
// 简化前
if (a === undefined || a === 10 || a === 15 || a === null) {
//...
}
// 简化后
if ([undefined, 10, 15, null].includes(a)) {
//...
}
✅ 清空数组
let array = ['A', 'B', 'C'];
array.length = 0;
console.log(array); // []
✅ 获取数组中的最后一项
const arr = [1, 2, 3, 4, 5];
arr[arr.length - 1]; // 5
// 也可以这样
arr.slice(-1);
✅ 格式化 JSON 代码
我们经常使用的 JSON.stringify 方法是有 3 个参数的，JSON.stringify(value, replacer, space)。
console.log(JSON.stringify({ alpha: 'A', beta: 'B' }, null, '\t'));
// 输出
// {
// alpha: 'A',
// beta: 'B'
// }
第 3 个参数表示使用 tab 缩进，这样，在打印日志的时候，就可以更直观地查看信息啦。
🎲 有趣好玩一览
✅ macOS App 的 Debug 技巧
- 来自：
@tualatrix
只要在任何 App 启动时加 -_NS_4445425547 YES 这个参数，就会在菜单栏获得一个超有用的 Debug 菜单。
网友回复：使用 "-NS🐞 YES 也可以。
✅ 来自驾，自驾旅游圈子
群主是一个非常喜欢自驾，旅行的朋友。
我也在这个圈子里，每天探讨，交流，分享自驾和旅游相关的内容。
如果你也喜欢，不妨加入吧~
备注： 也可以加笔者微信，我拉你进自驾交流群。
📺 那些人那些事
✅ leaferjs 开发者
绝境中盛开，一位独立开发者的故事。
很早就偶然了解并加入了 leaferjs 的交流群，初看如此规模的项目，以为是一个团队完成的。
因为群主互动非常多，有任何问题都会很及时地回复。
看了这篇文章后，才发现，这个国产巨作，居然是他一个人默默地，经历了无数个日夜完成的。
这是一个非常棒的作品，作者正在筹集赞助，如果你有余力，可以赞助一下作者，将会获得该项目的会员功能。
✅ 出海去社区
致力于为超级个体提供各种服务。
创始人：
✅ 抖音范大山
-
原新东方、猿辅导历史老师
-
热爱文学 | 热爱历史 | 热爱教学
-
旧账号：衣戈猜想
-
《回村三天，二舅治好了我的精神内耗》作者
笔者喜欢历史故事，推荐一位抖音博主。
👻 周刊的自留地
笔者喜欢发朋友圈，如果你想观望，了解我的第一手分享，可以跟我交个朋友。
🔍 随易周刊甄选
建设中...