随易周刊第003期 - 八卦

📢 随易周刊介绍

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

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

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

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

为什么要做周刊

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

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

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

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

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

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

商业推广合作

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

🐯 关于周刊作者

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

目前是:

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

欢迎跟我交朋友:

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

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

🍺 周刊合作伙伴

✅ leaferjs 绚丽多彩的 HTML5 Canvas 2D 图形渲染引擎

国产之光,100 万渲染也很流畅!!

⌛ 感受时间尾巴

  • ✅ 今年已过 29.0%
  • ✅ 本月已过 50.0%

光阴似箭,日月如梭。

珍惜时间,坚定前行。

🪶 学一点小知识

本期话题:八卦

八卦,就是乾,兑,离,震,巽,坎,艮,坤八个卦。

每个卦由阴爻 (虚线) 和阳爻 (实线) 共 3 个组合而成。

如果把阴爻看成计算机二进制中的 0,阳爻看成二进制中的 1,那么八卦的组成也可以用二进制表示如下:

111011101001110010100000

正如 01 可以表示计算机中的一切,八卦也可以表示万事万物。

🔥 行业事件摘要

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

相关推荐
永乐春秋40 分钟前
WEB攻防-通用漏洞&文件上传&js验证&mime&user.ini&语言特性
前端
鸽鸽程序猿41 分钟前
【前端】CSS
前端·css
ggdpzhk43 分钟前
VUE:基于MVVN的前端js框架
前端·javascript·vue.js
学不会•3 小时前
css数据不固定情况下,循环加不同背景颜色
前端·javascript·html
活宝小娜5 小时前
vue不刷新浏览器更新页面的方法
前端·javascript·vue.js
程序视点5 小时前
【Vue3新工具】Pinia.js:提升开发效率,更轻量、更高效的状态管理方案!
前端·javascript·vue.js·typescript·vue·ecmascript
coldriversnow5 小时前
在Vue中,vue document.onkeydown 无效
前端·javascript·vue.js
我开心就好o5 小时前
uniapp点左上角返回键, 重复来回跳转的问题 解决方案
前端·javascript·uni-app
开心工作室_kaic6 小时前
ssm161基于web的资源共享平台的共享与开发+jsp(论文+源码)_kaic
java·开发语言·前端
刚刚好ā6 小时前
js作用域超全介绍--全局作用域、局部作用、块级作用域
前端·javascript·vue.js·vue