前端周报:万元悬赏揭晓!未来前端大会定档~CSS 最新奇技淫巧(第 49 期)

大家好,这里是大家的林语冰,您现在收看的是第 49 期前端生态的技术周报(视频解说请临幸 前端周报@bilibili

每周必看

Prettier 赏金猎人

Prettier 团队 11 月在前端社区发布官方悬赏,只要能够使用 Rust 锈化重构 Prettier,就能斩获 20_000 多刀乐的奖金。

短短三周之后,Biome 团队最终成功领取悬赏,Biome 与 Prettier 兼容性超过 96%。

虽然"前端已死",但是 20 天搞了两万刀乐还是有点牛逼!


2024 未来前端大会

第二届未来前端大会已确定于 2024年 6 月 13-14 日在芬兰赫尔辛基举行。

在为期两天的多人活动中,大会将举办八场主题会议,每场会议有两名演讲者。每对都有 1.5 小时的时间,通常这意味着两场演讲和一个关于该主题的小组讨论。

版本官宣

pnpm@8.11

pnpm 是一个快速的,节省磁盘空间的包管理工具,可以对 npm "降维打击",速度是 npm 的 double,支持 monorepo,Vue 等人气开源项目都选择集成。

pnpm 团队官宣 v8.11 正式发布,主要升级是当软件包 tarball 不托管在注册表所在的同一域上时,lockfile 中的依赖项键应有且仅有包含 /<pkg_name>@<pkg_version,而不是 <domain>/<pkg_name>@<pkg_version>


Jotai@2.6

Jotai 是一个 React 状态管理库,采用原子方法进行全局 React 状态管理。通过组合原子构建状态,渲染会根据原子依赖关系自动优化。

Jotai 团队官宣 v2.6 正式发布,重大升级是允许在 RSC 中直接使用 <Provider>

CSS 技能树

2023 CSS 奇技淫巧

这位大佬科普了 2023 CSS 某些更易于编写的现代化 CSS 小技巧,比如更加高效的样式组,使用 :is() 伪类函数来组合 :hover:focus 伪类等。

共享一道相关的 CSS 面试题:请您简单科普一下任意三种近三年来新推出的 CSS 新特性。


CLOR 字体颜色动画/过渡

在 Chrome Canary 中,现在可以使用 CSS 对 COLR 字体的颜色进行动画/过渡。

前端工具人

JS 日历组件

FullCalendar 是一个专为 React 量身定做的高性能组件,接受 JSX 来渲染嵌套内容,同事兼容 VAR 三大框架。


动画无码可视化生成

Animotion 允许您通过拖拖拉拉、能屈能伸、天旋地转等方式直观地创建 CSS 动画,包括关键帧编辑器、一系列即用型动画和 29 种内置缓动。您甚至不需要敲哪怕一行代码。


AI SVG 生成

Vectorizer.ai 可以使用 AI 自动将您的 JPEG 和 PNG 图像转换为 SVG 格式。


Syntax.js@0.7

Syntax.js 是一个轻量易用的 JS 代码语法高亮库,零依赖,支持所有现代浏览器。

高玩攻略

Bun vs Node

这位大佬基于 WebSocket 协议的基准测试对 Bun 和 Node.js 进行测评跑分,性能指标聚焦于通信速度而不是并发数量,跑分结果是 Bun 在某种用例下性能几乎是 Node 的 double。


速度心理学

感知性能是指网站或 App 的速度或响应速度与指标报告的速度或响应速度的比值。

这位大佬科普了用户如何看待时间的"速度心理学"和感知性能指南,并提供了四种优化感知性能的最佳实践,包括但不限于:

  1. 机智地传达状态和进度
  2. 总是让用户有事可做
  3. 避免页面突然移动
  4. 防止密集处理

Web Components 解耦前端框架

我们前端周报频道安利了蛮多关于 Web Components 的资源,前端翻译计划也翻译了若干相关技术博客。

Web Components 可以结合 headless 模式,或者 HTML Web Components 模式,社区甚至孵化了响应式 Web Components。

这位大佬科普了让 Web Components 和 JS 框架梦幻联动,因为 Web Components 可以让 JS 框架松耦合,甚至作为微前端等场景跨框架组件复用的技术方案,比如让您在 Vue App 中也能复用优秀的 React 组件。

One More Thing

认知偏差和设计原则

这个网站收藏了 100+ 个认知偏差和设计原则。

举个栗子,"希克定律"指的是"选择困难症晚期",选择过载导致"决策瘫痪",一大坨小伙伴常常在视频下方群聊给 UP 主留言吐槽学不动了,这就是"选择的悖论"。

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

相关推荐
su1ka1111 分钟前
re题(35)BUUCTF-[FlareOn4]IgniteMe
前端
测试界柠檬3 分钟前
面试真题 | web自动化关闭浏览器,quit()和close()的区别
前端·自动化测试·软件测试·功能测试·程序人生·面试·自动化
多多*4 分钟前
OJ在线评测系统 登录页面开发 前端后端联调实现全栈开发
linux·服务器·前端·ubuntu·docker·前端框架
2301_801074154 分钟前
TypeScript异常处理
前端·javascript·typescript
ᅠᅠᅠ@5 分钟前
异常枚举;
开发语言·javascript·ecmascript
小阿飞_6 分钟前
报错合计-1
前端
caperxi7 分钟前
前端开发中的防抖与节流
前端·javascript·html
霸气小男7 分钟前
react + antDesign封装图片预览组件(支持多张图片)
前端·react.js
susu10830189118 分钟前
前端css样式覆盖
前端·css
学习路上的小刘10 分钟前
vue h5 蓝牙连接 webBluetooth API
前端·javascript·vue.js