随易周刊第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

相关推荐
hackeroink26 分钟前
【2024版】最新推荐好用的XSS漏洞扫描利用工具_xss扫描工具
前端·xss
迷雾漫步者2 小时前
Flutter组件————FloatingActionButton
前端·flutter·dart
向前看-2 小时前
验证码机制
前端·后端
燃先生._.3 小时前
Day-03 Vue（生命周期、生命周期钩子八个函数、工程化开发和脚手架、组件化开发、根组件、局部注册和全局注册的步骤）
前端·javascript·vue.js
黄油饼卷咖喱鸡就味增汤拌孜然羊肉炒饭4 小时前
SpringBoot如何实现缓存预热？
java·spring boot·spring·缓存·程序员
超爱吃士力架4 小时前
邀请逻辑
java·linux·后端
高山我梦口香糖4 小时前
[react]searchParams转普通对象
开发语言·前端·javascript
m0_748235244 小时前
前端实现获取后端返回的文件流并下载
前端·状态模式
m0_748240255 小时前
前端如何检测用户登录状态是否过期
前端
热门推荐
01〔AI 绘画〕Stable Diffusion 之 解决绘制多人或面部很小的人物时面部崩坏问题 篇02ARM学习（31）编译器对overlay方式的支持03玄机平台应急响应—webshell查杀04DisplayPort AltMode On Type-c协议_Ver2.0(学习笔记)05校验 GPT-4 真实性的三个经典问题：快速区分 GPT-3.5 与 GPT-4，并提供免费测试网站06Docker 夺命连环 15 问076个主流的工业3D管道设计软件08基于大语言模型（LLM）的合成数据生成、策展和评估的综述09(欧拉)openEuler系统添加网卡文件配置流程、(欧拉)openEuler系统手动配置ipv6地址流程、(欧拉)openEuler系统网络管理说明10树莓派 5 AI 套件（Hailo-8L）使用教程