美味值:🌟🌟🌟🌟🌟

口味:暖枣枸杞汁

本期摘要

  • 第 94 次 TC39 会议
  • Interop 2023
  • 1 月登陆 Web 平台的新功能
  • Deno in 2022
  • 新专栏 Learn Images
  • 在线可视化 Node.js 内存分析工具
  • 2023 年的响应式设计指南
  • Create React App 的未来
  • 2023 年的 10 个前端趋势

大家好,我是童欧巴。欢迎光临前端食堂技术周刊,我们先来看下上周的技术资讯。

技术资讯

1. 第 94 次 TC39 会议

各阶段提案更新:

2. Interop 2023

2023 Interop 再接再厉,今年主攻的重点领域包括至少 26 个。

3. 1 月登陆 Web 平台的新功能

发布稳定版本的浏览器:Firefox 109Chrome 109Safari 16.3

4. Deno in 2022

下面我们来看技术资料。

技术资料

1. 新专栏 Learn Images

web.dev 推出新专栏 Learn Images,这里有关于图片你应该知道的一切。

2. 在线可视化 Node.js 内存分析工具

v8-profiler-rs 是一个使用 Rust 开发的用于在线智能化分析 V8 heapsnapshot 堆快照的项目。

旨在帮助使用到 V8 引擎(如 Node.js/Chrome/Deno/Electron)的应用开发者更直观的理解程序内存结构以及辅助定位内存泄漏问题。

3. 2023 年的响应式设计指南

2023 年了,还在写媒体查询吗?

4. Create React App 的未来

推荐看卡颂的解读: React 为什么不将 Vite 作为默认推荐?

5. 2023 年的 10 个前端趋势

  • 元框架群雄并起
  • 渲染模式精益求精
  • Edge Serverless
  • 数据库复兴,Serverless 数据库
  • JavaScript 运行时(Node.js、Deno、Bun、Cloudflare Workers)避免重蹈浏览器的覆辙,成立 WinterCG
  • Monorepo 使用率增长
  • CSS 实用至上,Styled Components、Emotion 一直是 CSS in JS 的主流库,不过在 SSR 场景下,性能至上。CSS in JS 方案不仅增加包体积(SC 12.7 kb、Emotion 7.9kb),而且还有运行时开销。开发者会迁移到对性能友好的方案:Tailwind CSS、UnoCSS、CSS Modules、零运行时/编译时 的 CSS in JS(vanilla-extract,linaria,astroturf,compiled)
  • 使用 TS 保证 E2E 类型安全,为全栈应用提供各个方面的类型安全解决方案:tRPC、Zod、Prisma、TanStack Router
  • 构建工具的未来 Vite vs Turbopack
  • AI 驱动开发,GitHub Copilot、ChatGPT
  • 其他

    • Tauri 是 Electron 的替代品
    • Playwright 是 Cypress 的替代品
    • Warp 和 Fig 是下一代终端
    • CSS Container Queries 是 CSS Media Queries 的替代品
    • htmx,直接从 HTML 访问现代浏览器功能,而不是使用 JS

好了,以上就是本期的食堂周刊,观众老爷们如果觉得还不错,一键三连是对食堂老板最大的支持。

你的前端食堂,吃好每一顿饭,我们下期见。


童欧巴
2.6k 声望4.2k 粉丝