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

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

相关推荐
逐·風36 分钟前
unity关于自定义渲染、内存管理、性能调优、复杂物理模拟、并行计算以及插件开发
前端·unity·c#
Devil枫1 小时前
Vue 3 单元测试与E2E测试
前端·vue.js·单元测试
尚梦2 小时前
uni-app 封装刘海状态栏(适用小程序, h5, 头条小程序)
前端·小程序·uni-app
GIS程序媛—椰子2 小时前
【Vue 全家桶】6、vue-router 路由(更新中)
前端·vue.js
前端青山3 小时前
Node.js-增强 API 安全性和性能优化
开发语言·前端·javascript·性能优化·前端框架·node.js
毕业设计制作和分享3 小时前
ssm《数据库系统原理》课程平台的设计与实现+vue
前端·数据库·vue.js·oracle·mybatis
从兄4 小时前
vue 使用docx-preview 预览替换文档内的特定变量
javascript·vue.js·ecmascript
清灵xmf5 小时前
在 Vue 中实现与优化轮询技术
前端·javascript·vue·轮询
大佩梨5 小时前
VUE+Vite之环境文件配置及使用环境变量
前端
GDAL5 小时前
npm入门教程1:npm简介
前端·npm·node.js