前端周报:VSCode 官宣升级!TC39 常见问答。React 替代品?(51 期)

大家好,这里是大家的林语冰,您现在收看的是第 51 期《前端周报》。

视频解说请传送 前端周报@bilibili

每周必看

VS Code 月刊

VS Code 是一个使用 TS(TypeScript)开发的地表最强 IDE(集成开发环境)。

VS Code 团队官宣 1.85 正式发布,重大升级包括但不限于:

  • 可以将编辑器拖拽到桌面
  • JS 堆快照可视化,听说原始类型是存储在栈上的,是时候实践出真知了
  • GitHub Copilot 更新,优化 AI 体验

TC39 FAQ

TC39 是负责发展和维护 JS 标准的技术委员会,我们现在使用的 JS 语法就是这群大佬决定的。

TC39 官方开启了一个新的常见问答仓库,回答了部分热心网友的"灵魂拷问",包括但不限于:

  • 为什么不 all in 一个新版本,并搞定所有历史包袱呢?
  • WebAssembly 会取代 JS 吗?
  • JS 会添加 JSX 表示法吗?
  • PTC(尾调用)有何进展?

版本官宣

Safari@17.2

WebKit 是一个开源迅捷的浏览器引擎,主要用于 Safari 等浏览器中。

WebKit 团队官宣 Safari 17.2 正式发布,重大升级包括但不限于:

  • CSS 支持更丰富的嵌套语法
  • JS 支持最新的 import attributes(导入属性)功能
  • Web API 支持 fetch 的优先级属性

Deno@1.39

Deno 是下一代 JS 运行时,诉诸 Rust 赋能高性能的异步 I/O。

Deno 团队官宣 1.39 正式发布,重大升级包括但不限于:

  • 支持之前移除的 WebGPU
  • 优化 Node.js 的兼容性
  • 支持 TS 5.3,更改装饰器默认设置

ES6 爱好者

await 的事件视界

地球人都知道,黑洞存在事件视界,一旦越界,光都无法从中逃脱,除非超光速。这就好像喵星人无法逃脱地球的引力,离开地球表面一样。

JS 中 Promise 也存在类似的边界,一旦跨越执行流,就无法从中返回,这位大佬将其称之为"Promiseawait 事件视界"。

js 复制代码
// event.jpg

字符串序列化

JS 中序列化的常用方案是使用 JSON.stringify API,但该 API 能且仅能支持 JSON 兼容的数据类型,比如 undefinedMap 等数据就无法完美兼容。

seroval 是一个序列化 JS 值的工具函数,可以序列化 JSON 之外更丰富的 JS 值。


停止嵌套三元表达式

Prettier 最近更新了关于三元表达式的格式化规则,于是乎这位大佬有一个大胆的想法 ------ 停止嵌套三元表达式。

大佬科普了嵌套三元表达式不够一目了然,并建议尽量减少嵌套或使用条件语句重构。


TS 在线参考文档

TS Docs 是一个 npm 包的在线 TS 参考文档,可以浏览任何包或库版本的 TS 文档。

CSS 爱好者

Tailwind 可扩展性问题

前阵子 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 爱好者

React GraphQL 框架

Relay 是 Facebook 出品的一个用于构建数据驱动的 React App 的 JS 框架。

Relay 是声明式框架,永远不使用命令式 API 与数据库通信,只需使用 GraphQL 声明您的要求,然后让 Relay 决定如何请求您的数据。


React 虚拟 DOM 替代品

Million.js 是一个编译器,可将现有的 React 代码转换为超优化的虚拟 DOM。

Million 是 React 的直接替代品,速度比 React 快 70%,体积更小。


React 组件库

Keep React 是基于 React 和 Tailwind CSS 构建的组件库,提供了 40+ 开源 UI 组件。

前端工具人

DIY 缓动函数

Epic Easing 是一个在线生成自定义缓动函数的交互式网站,提供了一种使用和学习缓动函数的有趣方式,可以直接导出为 CSS/SCSS 等格式。


免费人脸照片

UserStock 提供了用作头像的免费人脸照片,包括使用 5 个不同年龄组的图像,还可以过滤风格。


精选调色板

Color Lisa 提供了若干精选调色板列表,提供了不同艺术家的基于十六进制的调色板。如果您有调色或配色的需求,可以直接选用您喜欢的艺术家调色板。


SVG 加载器

这是一个 SVG 加载旋转器的交互式指南,这位大佬科普了如何嘘嘘渐进地创建美观的 SVG 加载旋转器。


提交规范

大型开源项目的开发一般都有自己的代码提交规范。

Better Commits 是一个用于遵循传统提交指南编写更好提交的 CLI,除了常规的提交,还支持提交类型的 git 表情包。

您现在收看的是《前端周报》系列,学废了的小伙伴可以订阅专栏合集,我们每周六佛系投稿,欢迎持续关注前端开源技术。谢谢大家的点赞,掰掰~

相关推荐
耶啵奶膘13 分钟前
uniapp-是否删除
linux·前端·uni-app
王哈哈^_^2 小时前
【数据集】【YOLO】【目标检测】交通事故识别数据集 8939 张,YOLO道路事故目标检测实战训练教程!
前端·人工智能·深度学习·yolo·目标检测·计算机视觉·pyqt
cs_dn_Jie2 小时前
钉钉 H5 微应用 手机端调试
前端·javascript·vue.js·vue·钉钉
开心工作室_kaic3 小时前
ssm068海鲜自助餐厅系统+vue(论文+源码)_kaic
前端·javascript·vue.js
有梦想的刺儿3 小时前
webWorker基本用法
前端·javascript·vue.js
cy玩具3 小时前
点击评论详情,跳到评论页面,携带对象参数写法:
前端
清灵xmf4 小时前
TypeScript 类型进阶指南
javascript·typescript·泛型·t·infer
小白学大数据4 小时前
JavaScript重定向对网络爬虫的影响及处理
开发语言·javascript·数据库·爬虫
qq_390161774 小时前
防抖函数--应用场景及示例
前端·javascript
334554325 小时前
element动态表头合并表格
开发语言·javascript·ecmascript