前端周报:万元悬赏揭晓!未来前端大会定档~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 主留言吐槽学不动了,这就是"选择的悖论"。

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

相关推荐
会说法语的猪5 分钟前
uniapp使用uni.navigateBack返回页面时携带参数到上个页面
前端·uni-app
古蓬莱掌管玉米的神8 小时前
vue3语法watch与watchEffect
前端·javascript
林涧泣8 小时前
【Uniapp-Vue3】uni-icons的安装和使用
前端·vue.js·uni-app
雾恋8 小时前
AI导航工具我开源了利用node爬取了几百条数据
前端·开源·github
拉一次撑死狗9 小时前
Vue基础(2)
前端·javascript·vue.js
祯民9 小时前
两年工作之余,我在清华大学出版社出版了一本 AI 应用书籍
前端·aigc
热情仔9 小时前
mock可视化&生成前端代码
前端
m0_748246359 小时前
SpringBoot返回文件让前端下载的几种方式
前端·spring boot·后端
wjs04069 小时前
用css实现一个类似于elementUI中Loading组件有缺口的加载圆环
前端·css·elementui·css实现loading圆环
爱趣五科技9 小时前
无界云剪音频教程:提升视频质感
前端·音视频