大家好,这里是大家的林语冰,您现在收看的是第 51 期《前端周报》。
视频解说请传送 前端周报@bilibili。
每周必看
VS Code 是一个使用 TS(TypeScript)开发的地表最强 IDE(集成开发环境)。
VS Code 团队官宣 1.85 正式发布,重大升级包括但不限于:
- 可以将编辑器拖拽到桌面
- JS 堆快照可视化,听说原始类型是存储在栈上的,是时候实践出真知了
- GitHub Copilot 更新,优化 AI 体验
TC39 是负责发展和维护 JS 标准的技术委员会,我们现在使用的 JS 语法就是这群大佬决定的。
TC39 官方开启了一个新的常见问答仓库,回答了部分热心网友的"灵魂拷问",包括但不限于:
- 为什么不 all in 一个新版本,并搞定所有历史包袱呢?
- WebAssembly 会取代 JS 吗?
- JS 会添加 JSX 表示法吗?
- PTC(尾调用)有何进展?
版本官宣
WebKit 是一个开源迅捷的浏览器引擎,主要用于 Safari 等浏览器中。
WebKit 团队官宣 Safari 17.2 正式发布,重大升级包括但不限于:
- CSS 支持更丰富的嵌套语法
- JS 支持最新的
import attributes
(导入属性)功能 - Web API 支持
fetch
的优先级属性
Deno 是下一代 JS 运行时,诉诸 Rust 赋能高性能的异步 I/O。
Deno 团队官宣 1.39 正式发布,重大升级包括但不限于:
- 支持之前移除的 WebGPU
- 优化 Node.js 的兼容性
- 支持 TS 5.3,更改装饰器默认设置
ES6 爱好者
地球人都知道,黑洞存在事件视界,一旦越界,光都无法从中逃脱,除非超光速。这就好像喵星人无法逃脱地球的引力,离开地球表面一样。
JS 中 Promise
也存在类似的边界,一旦跨越执行流,就无法从中返回,这位大佬将其称之为"Promise
的 await
事件视界"。
js
// event.jpg
JS 中序列化的常用方案是使用 JSON.stringify
API,但该 API 能且仅能支持 JSON
兼容的数据类型,比如 undefined
或 Map
等数据就无法完美兼容。
seroval 是一个序列化 JS 值的工具函数,可以序列化 JSON
之外更丰富的 JS 值。
Prettier 最近更新了关于三元表达式的格式化规则,于是乎这位大佬有一个大胆的想法 ------ 停止嵌套三元表达式。
大佬科普了嵌套三元表达式不够一目了然,并建议尽量减少嵌套或使用条件语句重构。
TS Docs 是一个 npm 包的在线 TS 参考文档,可以浏览任何包或库版本的 TS 文档。
CSS 爱好者
前阵子 CSS 现状调查出炉,今年 Tailwind CSS 无疑是"版本之子"。Tailwind CSS 使 class 筑基的原子 CSS 成为主流,虽然但是,这种设计未必与 React/Vue 等组件筑基架构无缝衔接。
这位大佬科普了若干技术方案,包括但不限于:
- CVA(class 差异管理)
- tailwind-merge 合并
- 无运行时的 CSS-in-JS
大家可能不知道原子 CSS、CSS-in-JS 是什么鬼物,其实原生 CSS 已经把 Sass/Less 的变量/嵌套等语法实现了,就像 HTML5 最终取代了 jQuery,私以为原生 CSS 最终也会取代 Sass/Less,所以大家可以关注一下其他的 CSS 技术方案。
React 爱好者
Relay 是 Facebook 出品的一个用于构建数据驱动的 React App 的 JS 框架。
Relay 是声明式框架,永远不使用命令式 API 与数据库通信,只需使用 GraphQL 声明您的要求,然后让 Relay 决定如何请求您的数据。
Million.js 是一个编译器,可将现有的 React 代码转换为超优化的虚拟 DOM。
Million 是 React 的直接替代品,速度比 React 快 70%,体积更小。
Keep React 是基于 React 和 Tailwind CSS 构建的组件库,提供了 40+ 开源 UI 组件。
前端工具人
Epic Easing 是一个在线生成自定义缓动函数的交互式网站,提供了一种使用和学习缓动函数的有趣方式,可以直接导出为 CSS/SCSS 等格式。
UserStock 提供了用作头像的免费人脸照片,包括使用 5 个不同年龄组的图像,还可以过滤风格。
Color Lisa 提供了若干精选调色板列表,提供了不同艺术家的基于十六进制的调色板。如果您有调色或配色的需求,可以直接选用您喜欢的艺术家调色板。
这是一个 SVG 加载旋转器的交互式指南,这位大佬科普了如何嘘嘘渐进地创建美观的 SVG 加载旋转器。
大型开源项目的开发一般都有自己的代码提交规范。
Better Commits 是一个用于遵循传统提交指南编写更好提交的 CLI,除了常规的提交,还支持提交类型的 git 表情包。
您现在收看的是《前端周报》系列,学废了的小伙伴可以订阅专栏合集,我们每周六佛系投稿,欢迎持续关注前端开源技术。谢谢大家的点赞,掰掰~