行业动态
1、A JS Bin to Play with the TC39 Signals Proposal
上周,前端后花园周刊介绍了向 JavaScript 添加 Signals 的提议,目提案在 Stage0 阶段,不过可以通过polyfill的方式,您现在就可以在 JS Bin 尝试使用它。
可以直接在浏览器上编写和部署 TypeScript 函数(serverless function),运行时环境是 Deno,目前筹集到550万美元的资金。

3、Cloudflare Workers 支持原生JavaScript RPC(远程调用)
下面是一个通过 RPC调用方式实现服务鉴权例子,相比使用https通信进行鉴权,直接调用函数实现更加简洁。

提案中集合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)
分别为取集合交集、并集、差集、对称差集、判断子集、判断超集、判断交集是否为空。
5、Math.sumPrecise 方法提案进入 stage2.7 阶段
Math.sumPrecise 方法对传入对数组执行全精度浮点求和,可以取代.reduce((a, b) => a + b, 0)
方法,且精度更高。
JavaScript
let values = [1e20, 0.1, -1e20];
values.reduce((a, b) => a + b, 0); // 0
Math.sumPrecise(values); // 0.1
发布
VitePress 基于 Vite 和 Vue 之上构建的静态站点生成器(SSG) ,用于构建快速、以内容为中心的网站。1.1版本客户端useData()
支持获取hash属性;更新Inter字体主题至版本4。
运行脚本npm run [scripts]
要快30ms。
ESLint 大版本包含以下breaking changes:
-
不再支持 Node.js < v18.18.0, v19 版本;
-
flat config 变更为默认配置格式;
-
除了 style、 html、 json 和 json-with-meta ,以下formatter 被移除:
checkstyle
、compact
、jslint-xml
、junit
、tap
、unix
、visualstudio
,需要自行安装依赖; -
移除了
valid-jsdoc
和require-jsdoc
插件,建议使用eslint-plugin-jsdoc
插件等38+破坏性更新。
文章
深入研究了一个开发人员使用 Svelte 构建现代前端应用程序的研究。如果你从来没有尝试过 Svelte,这是一个很好的入门教程,包括其特性、概念、优点、缺点、生态系统和最佳实践。

作者阐述了 React 中过时的处理逻辑,并介绍了其他可以替代的前端框架,作者更偏向于 Svelte 框架。
开源项目
一个用于基于SVG生成的卡通人脸的 JavaScript 库。作者写这个为篮球总经理和其他游戏的球员生成随机卡通脸,您可以将其用于类似目的。

网站
让你可以在短时间内大致掌握一本书的要点。

2、二次元头像生成器
只需要四步,选择自动生成的头像,你可以得到一个专属的二次元头像。

CSS WEEKLY
1、沙漠赛车: 世界上第一个只使用 CSS 滑动感知的游戏!
一个只有 CSS,没有 JS,没有复选框,只考滑动感知(滚动感知)游戏。作者介绍了游戏灵感来源和制作过程关键技术。沙漠赛车在线试玩

2、CSS 容器查询交互指南(英文)
作者分享了一个关于容器查询的交互式指南,解释了它们解决的问题,它们如何工作,以及如何在平时工作中使用它们。

资源
Nextjs 14 官方教程中文翻译版本,松桑在学习 Nextjs 后悔没有早点发现中文版教程;此教程网站也是使用 Nextjs 搭建的。
网站整理了300多个国内外渠道,适合独立开发者和创业者推广产品的渠道,帮助找到前1000个早期用户。
这里是松桑的前端后花园,目前坚持在写前端后花园周刊,专注前端基础领域,分享常见前端面试题、前端开源项目、工具库、前端最新动态,目前还一个前端菜鸟,和我一起打怪升级吧!这里是我精选的往期文章,希望对你有所帮助。