栗子前端技术周刊第 76 期 - ChatUI 3.0、Tailwind CSS v4.1、Next.js 15.3...

🌰栗子前端技术周刊第 76 期 (2025.04.07- 2025.04.13):浏览前端一周最新消息,学习国内外优秀文章视频,让我们保持对前端的好奇心。

📰 技术资讯

  1. ChatUI 3.0:阿里达摩院发布的 ChatUI 3.0 组件库,这是一款能够同时适配移动端和 PC 端的优秀 AI 聊天组件库。

  2. Tailwind CSS v4.1:Tailwind CSS v4.1 发布,增加了文字阴影工具类、元素遮罩功能、精细化文本换行控制、更强的浏览器兼容性等众多特性。

  3. Next.js 15.3:Next.js 15.3 版本更新亮点:集成 Turbopack 构建工具(Alpha 版)、Rspack 社区支持(实验性)、新增客户端埋点与导航钩子等功能。

  4. React Native 0.79 :React Native 0.79 优化了工具链性能,Metro(React Native 打包工具)现在启动速度大幅提升,并稳定支持 package.jsonexportsimports 字段解析,除此之外 Android 应用启动速度也得到显著提升。

📒 技术文章

  1. Handling large lists efficiently in Vue 3:在 Vue 3 中高效地处理大型列表 - 本文将带你探索优化 Vue 3 中大型列表的最佳技巧。

  2. React Reconciliation: The Hidden Engine Behind Your Components:React 协调机制:组件背后的隐形引擎 - React 的协调算法决定了如何根据虚拟 DOM 的变化来更新实际 DOM,理解其工作原理对开发高效应用至关重要,本文为你揭秘其幕后机制。

  3. 因网速太慢我把 20M+ 的字体压缩到了几 KB:文章围绕字体文件过大影响海报编辑器用户体验展开,介绍了常见字体格式和解释了字体文件大的原因,最后通过字体子集化和按需加载将 22.4M 字体缩减到 3.6KB,极大地优化了加载时间。

🔧 开发工具

  1. Type Buddy:一款帮助你理解 TypeScript 类型的 VS Code 插件。
  1. 404s:该网站收集各种 404 页面。
  1. Embla Carousel 8.6:轻量级轮播组件,带来流畅动效体验,支持原生 JS、React、Vue 等各种接入。

🚀🚀🚀 以上资讯文章选自常见周刊,如 JavaScript Weekly 等,周刊内容也会不断优化改进,希望你们能够喜欢。

💖 欢迎关注微信公众号:栗子前端

相关推荐
共享家952716 小时前
搭建 AI 聊天机器人:”我的人生我做主“
前端·javascript·css·python·pycharm·html·状态模式
Halo_tjn18 小时前
基于封装的专项 知识点
java·前端·python·算法
摘星编程18 小时前
OpenHarmony环境下React Native:自定义useTruncate文本截断
javascript·react native·react.js
Duang007_19 小时前
【LeetCodeHot100 超详细Agent启发版本】字母异位词分组 (Group Anagrams)
开发语言·javascript·人工智能·python
2601_9498683620 小时前
Flutter for OpenHarmony 电子合同签署App实战 - 主入口实现
开发语言·javascript·flutter
m0_7482299920 小时前
Vue2 vs Vue3:核心差异全解析
前端·javascript·vue.js
2601_9495936521 小时前
高级进阶React Native 鸿蒙跨平台开发:LinearGradient 背景渐变与主题切换
react native·react.js·harmonyos
C澒21 小时前
前端监控系统的最佳实践
前端·安全·运维开发
xiaoxue..21 小时前
React 手写实现的 KeepAlive 组件
前端·javascript·react.js·面试
摘星编程21 小时前
在OpenHarmony上用React Native:自定义useHighlight关键词高亮
javascript·react native·react.js