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

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

每周必看

Prettier 赏金猎人

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

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

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


2024 未来前端大会

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

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

版本官宣

[email protected]

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

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


[email protected]

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 格式。


[email protected]

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 主留言吐槽学不动了,这就是"选择的悖论"。

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

相关推荐
zhougl99618 分钟前
html处理Base文件流
linux·前端·html
花花鱼21 分钟前
node-modules-inspector 可视化node_modules
前端·javascript·vue.js
HBR666_24 分钟前
marked库(高效将 Markdown 转换为 HTML 的利器)
前端·markdown
careybobo2 小时前
海康摄像头通过Web插件进行预览播放和控制
前端
TDengine (老段)2 小时前
TDengine 中的关联查询
大数据·javascript·网络·物联网·时序数据库·tdengine·iotdb
杉之3 小时前
常见前端GET请求以及对应的Spring后端接收接口写法
java·前端·后端·spring·vue
喝拿铁写前端3 小时前
字段聚类,到底有什么用?——从系统混乱到结构认知的第一步
前端
再学一点就睡3 小时前
大文件上传之切片上传以及开发全流程之前端篇
前端·javascript
木木黄木木4 小时前
html5炫酷图片悬停效果实现详解
前端·html·html5
请来次降维打击!!!5 小时前
优选算法系列(5.位运算)
java·前端·c++·算法