美味值：🌟🌟🌟🌟🌟
口味：暖枣枸杞汁
- 食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly
本期摘要
- 第 94 次 TC39 会议
- Interop 2023
- 1 月登陆 Web 平台的新功能
- Deno in 2022
- 新专栏 Learn Images
- 在线可视化 Node.js 内存分析工具
- 2023 年的响应式设计指南
- Create React App 的未来
- 2023 年的 10 个前端趋势
大家好，我是童欧巴。欢迎光临前端食堂技术周刊，我们先来看下上周的技术资讯。
技术资讯
1. 第 94 次 TC39 会议
各阶段提案更新：
- 4️⃣ Change Array by Copy
- 4️⃣ Intl.NumberFormat V3
- 4️⃣ Symbols as WeakMap keys
- 3️⃣ ArrayBuffer transfer
- 2️⃣ Import Assertions
- 2️⃣ Intl era/monthCode
- 2️⃣ Symbol Predicates
- 1️⃣ Async Context
- 1️⃣ Proto pollution mitigation
2. Interop 2023
2023 Interop 再接再厉，今年主攻的重点领域包括至少 26 个。
3. 1 月登陆 Web 平台的新功能
发布稳定版本的浏览器：Firefox 109，Chrome 109，Safari 16.3。
- MathML 主要浏览器已经全部支持
- scrollend 事件 Firefox 109 已经实现，Chrome 正在实现中
4. Deno in 2022
- 超过 25 万月度活跃用户
- 稳定兼容 npm
- 已被下载超过 500 万次
- 发布 Fresh
- 与 Netlify 和 Supabase 合作，为 edge functions 提供动力
- Slack 新平台使用 Deno 开发
- 从红杉资本筹集到 2100 万美元，并将公司发展到 17 人
下面我们来看技术资料。
技术资料
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
好了，以上就是本期的食堂周刊，观众老爷们如果觉得还不错，一键三连是对食堂老板最大的支持。
你的前端食堂，吃好每一顿饭，我们下期见。
