随易周刊第003期 - 八卦

陈随易2024-04-16 13:19

📢 随易周刊介绍

这是一个由 前端之虎陈随易 维护的周刊，将会分享一周内我的所见所闻。

写一篇周刊的时间在 2-3天，请尊重笔者的成果，可任意转载，但不要篡改内容。

如果你觉得周刊不错，可以给笔者提供打赏 (赞赏码在个人网站)，以支持和鼓励笔者创作更多优质的周刊内容。

最后呢，本周刊正在寻找商业推广合作伙伴，如果你有兴趣，可以联系我。

为什么要做周刊

笔者喜欢每天看各种技术资讯，逛技术社区，跟踪软件更新发布等。

独乐了不如众乐乐，遂做成周刊，以飨读者。

同时呢，也希望通过周刊的影响力。

给广大默默做着自己的产品，软件、项目的开发者，创造者们。

提供一个曝光的平台和机会。

周刊的愿景：希望提高广大程序员的眼界和见识，发现技术世界的乐趣。

商业推广合作

  1. 合作伙伴 ：提供按月推广服务 (需一次性购买4期周刊)。
  2. 商业推广 ：以维持周刊的长期、持续、健康运转 (1个月内最多推荐1次)。
  3. 内容自荐 ：欢迎提交合法、合理、合规的内容 (100元以内任意红包即可)。

🐯 关于周刊作者

大家好，我是前端之虎陈随易。

目前是：

  • 农村程序员 (自 2020 年离职至今都在农村待着)
  • 独立开发者 (有多个已经在盈利中的产品)
  • 自由职业者 (睡到自然醒，困就马上睡)
  • 个人创业者 (注册了自己的公司，为产品服务)
  • 自驾爱好者 (经常自驾，边看风景边敲码)
  • 小说写作者 (大纲构思中)
  • 开源推进者 (自 2019 年持续开源至今)

欢迎跟我交朋友：

如果微信加不上，可以公众号留言你的微信号，我加你。

让我们一起积极向上，为自己而努力奋斗！

🍺 周刊合作伙伴

✅ 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 不收红包，觉得举手之劳，也不是什么大问题，随手一帮而已。

那么，我问两个非常简单的问题：

  1. 如果 B 不收红包，A 下次，或者下下次，还好意思问问题吗？
  2. 面对 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 判断简化

javascript 复制代码 
// 简化前
if (a === undefined || a === 10 || a === 15 || a === null) {
    //...
}

// 简化后

if ([undefined, 10, 15, null].includes(a)) {
    //...
}

✅ 清空数组

javascript 复制代码 
let array = ['A', 'B', 'C'];
array.length = 0;
console.log(array); // []

✅ 获取数组中的最后一项

javascript 复制代码 
const arr = [1, 2, 3, 4, 5];
arr[arr.length - 1]; // 5

// 也可以这样

arr.slice(-1);

✅ 格式化 JSON 代码

我们经常使用的 JSON.stringify 方法是有 3 个参数的，JSON.stringify(value, replacer, space)。

javascript 复制代码 
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 的交流群，初看如此规模的项目，以为是一个团队完成的。

因为群主互动非常多，有任何问题都会很及时地回复。

看了这篇文章后，才发现，这个国产巨作，居然是他一个人默默地，经历了无数个日夜完成的。

这是一个非常棒的作品，作者正在筹集赞助，如果你有余力，可以赞助一下作者，将会获得该项目的会员功能。

✅ 出海去社区

致力于为超级个体提供各种服务。

创始人：

✅ 抖音范大山

笔者喜欢历史故事，推荐一位抖音博主。

👻 周刊的自留地

笔者喜欢发朋友圈，如果你想观望，了解我的第一手分享，可以跟我交个朋友。

🔍 随易周刊甄选

建设中...

随易甄选 https://good.yicode.tech

相关推荐
用户47949283569152 分钟前
Safari 中文输入法的诡异 Bug：为什么输入 @ 会变成 @@？ ## 开头 做 @ 提及功能的时候，测试同学用 Safari 测出了个奇怪的问题
前端·javascript·浏览器
没有故事、有酒14 分钟前
Ajax介绍
前端·ajax·okhttp
朝新_18 分钟前
【SpringMVC】详解用户登录前后端交互流程：AJAX 异步通信与 Session 机制实战
前端·笔记·spring·ajax·交互·javaee
裴嘉靖20 分钟前
Vue 生成 PDF 完整教程
前端·vue.js·pdf
毕设小屋vx ylw28242622 分钟前
Java开发、Java Web应用、前端技术及Vue项目
java·前端·vue.js
间彧42 分钟前
Kubernetes的Pod与Docker Compose中的服务在概念上有何异同？
后端
间彧1 小时前
从开发到生产，如何将Docker Compose项目平滑迁移到Kubernetes？
后端
间彧1 小时前
如何结合CI/CD流水线自动选择正确的Docker Compose配置？
后端
间彧1 小时前
在多环境（开发、测试、生产）下，如何管理不同的Docker Compose配置？
后端
间彧1 小时前
如何为Docker Compose中的服务配置健康检查，确保服务真正可用？
后端
热门推荐
01GitHub 镜像站点02《大数据技术原理与应用》实验报告三 熟悉HBase常用操作03UV安装并设置国内源04综合整理：pdf预览显示：你尝试预览的文件可能对你的计算机有害。如果你信任此文件以及其来源，请打开此文件以看其内容，如何解决以正常预览文件05BongoCat - 跨平台键盘猫动画工具06Linux下V2Ray安装配置指南07npm使用国内淘宝镜像的方法08jdk21下载、安装（Windows、Linux、macOS）09NVIDIA显卡驱动、CUDA、cuDNN 和 TensorRT 版本匹配指南10GitLab 零基础入门指南：从安装到项目管理全流程