大家好,这里是大家的林语冰,您现在收看的是第 49 期前端生态的技术周报(视频解说请临幸 前端周报@bilibili。
每周必看
Prettier 团队 11 月在前端社区发布官方悬赏,只要能够使用 Rust 锈化重构 Prettier,就能斩获 20_000
多刀乐的奖金。
短短三周之后,Biome 团队最终成功领取悬赏,Biome 与 Prettier 兼容性超过 96%。
虽然"前端已死",但是 20 天搞了两万刀乐还是有点牛逼!
第二届未来前端大会已确定于 2024年 6 月 13-14 日在芬兰赫尔辛基举行。
在为期两天的多人活动中,大会将举办八场主题会议,每场会议有两名演讲者。每对都有 1.5 小时的时间,通常这意味着两场演讲和一个关于该主题的小组讨论。
版本官宣
pnpm 是一个快速的,节省磁盘空间的包管理工具,可以对 npm "降维打击",速度是 npm 的 double,支持 monorepo,Vue 等人气开源项目都选择集成。
pnpm 团队官宣 v8.11 正式发布,主要升级是当软件包 tarball 不托管在注册表所在的同一域上时,lockfile 中的依赖项键应有且仅有包含 /<pkg_name>@<pkg_version
,而不是 <domain>/<pkg_name>@<pkg_version>
。
Jotai 是一个 React 状态管理库,采用原子方法进行全局 React 状态管理。通过组合原子构建状态,渲染会根据原子依赖关系自动优化。
Jotai 团队官宣 v2.6 正式发布,重大升级是允许在 RSC 中直接使用 <Provider>
。
CSS 技能树
这位大佬科普了 2023 CSS 某些更易于编写的现代化 CSS 小技巧,比如更加高效的样式组,使用 :is()
伪类函数来组合 :hover
和 :focus
伪类等。
共享一道相关的 CSS 面试题:请您简单科普一下任意三种近三年来新推出的 CSS 新特性。
CLOR 字体颜色动画/过渡
在 Chrome Canary 中,现在可以使用 CSS 对 COLR 字体的颜色进行动画/过渡。
前端工具人
FullCalendar 是一个专为 React 量身定做的高性能组件,接受 JSX 来渲染嵌套内容,同事兼容 VAR 三大框架。
Animotion 允许您通过拖拖拉拉、能屈能伸、天旋地转等方式直观地创建 CSS 动画,包括关键帧编辑器、一系列即用型动画和 29 种内置缓动。您甚至不需要敲哪怕一行代码。
Vectorizer.ai 可以使用 AI 自动将您的 JPEG 和 PNG 图像转换为 SVG 格式。
Syntax.js 是一个轻量易用的 JS 代码语法高亮库,零依赖,支持所有现代浏览器。
高玩攻略
这位大佬基于 WebSocket 协议的基准测试对 Bun 和 Node.js 进行测评跑分,性能指标聚焦于通信速度而不是并发数量,跑分结果是 Bun 在某种用例下性能几乎是 Node 的 double。
感知性能是指网站或 App 的速度或响应速度与指标报告的速度或响应速度的比值。
这位大佬科普了用户如何看待时间的"速度心理学"和感知性能指南,并提供了四种优化感知性能的最佳实践,包括但不限于:
- 机智地传达状态和进度
- 总是让用户有事可做
- 避免页面突然移动
- 防止密集处理
我们前端周报频道安利了蛮多关于 Web Components 的资源,前端翻译计划也翻译了若干相关技术博客。
Web Components 可以结合 headless 模式,或者 HTML Web Components 模式,社区甚至孵化了响应式 Web Components。
这位大佬科普了让 Web Components 和 JS 框架梦幻联动,因为 Web Components 可以让 JS 框架松耦合,甚至作为微前端等场景跨框架组件复用的技术方案,比如让您在 Vue App 中也能复用优秀的 React 组件。
One More Thing
这个网站收藏了 100+ 个认知偏差和设计原则。
举个栗子,"希克定律"指的是"选择困难症晚期",选择过载导致"决策瘫痪",一大坨小伙伴常常在视频下方群聊给 UP 主留言吐槽学不动了,这就是"选择的悖论"。
您现在收看的是前端周报系列,学废了的小伙伴可以订阅专栏合集,我们每周六佛系投稿,欢迎持续关注前端开源技术。谢谢大家的点赞,掰掰~