🌰栗子前端技术周刊第 66 期 (2024.01.20 - 2025.01.26):浏览前端一周最新消息,学习国内外优秀文章视频,让我们保持对前端的好奇心。
📰 技术资讯
-
Vitest 3.0:经过半年的沉淀,Vitest 3 正式发布,这是一个重要的版本,版本内容包括:报告器(Reporter)更新、vitest.config 支持
workspace
字段、支持多浏览器配置等。 -
Tailwind CSS v4.0:Tailwind 此次更新是该框架历史上最重大的重构,核心围绕性能、现代 CSS 支持和开发者体验三大方向展开,更新内容包括:高性能引擎、简化安装、官方 Vite 插件、容器查询等等。
-
Rspack v1.2:Rspack v1.2 发布,新增了一个实验性的持久缓存功能,可将热启动性能提高 250%,除此之外还支持了 Yarn PnP。
-
2024 CodePen 最热门的前代码 Top 100:CodePen Top 100 代码中有大量巧妙的代码演示,或许可以给你带来一些有趣的编码灵感。
-
React Native 0.77:上个 React Native 版本推出了新框架,此次更新基于新框架继续推出新功能。v0.77 版本通过支持新的 CSS 属性(包括
display: contents
)来使 RN 与 Web 更加一致,这些属性大大扩展了可用的样式选项。其他亮点包括 Android 15 支持、性能提升、社区 CLI 和模板更新。 -
Bun 1.2:Bun 1.2 是一个重要的版本,内容包括进一步的兼容 Node.js、内置了 S3 对象存储 API(
Bun.s3
)、内置了 Postgres 客户端(Bun.sql
)、bun install
使用bun.lock
文件锁定版本等等。 -
NestJS 11:NestJS 11 正式发布,本次更新包含大量 bug 修复、功能增强和全新特性,其中一些值得关注的更新为:支持 JSON 格式的日志、更灵活的微服务、更快的应用启动速度和支持了 Express v5 和 Fastify v5。
📒 技术文章
-
TypeScript enums: use cases and alternatives:TypeScript 枚举:使用场景和可替代方案 - 文章将介绍枚举如何起作用、枚举的使用场景和当你不想使用枚举时,有哪些可替代方案。
-
万字速通 Chrome 扩展开发:这是一篇关于 Chrome 扩展开发的教程,内容包括扩展开发的 6 种技能:操作用户浏览页面、跨域请求、常驻后台、带选项页面扩展、扩展页面间通信和存储数据。
-
3 种解决 window.open 被安全机制拦截的方案:文章先介绍了
window.open
的参数及用法,然后提出被拦截的场景并分析原因,最后提出三种解决方案(location.href
、先开空标签页、setTimeout/requestAnimationFrame
)。
🔧 开发工具
- FortuneSheet:FortuneSheet 是一个功能丰富,配置简单的在线表格组件,开箱即用。
- ArcoDesign:字节出品的企业级 UI 开源库,支持 React 和 Vue。
- Timesheet.js:轻松打造炫酷时间表。
🎉🎉🎉 最后祝大家春节快乐,同时春节期间停更一期。
🚀🚀🚀 以上资讯文章选自常见周刊,如 JavaScript Weekly 等,周刊内容也会不断优化改进,希望你们能够喜欢。
💖 欢迎关注微信公众号:栗子前端