编辑推荐
Web 互操作性 JavaScript 运行时社区小组成立
Cloudflare 与 Vercel、Shopify 以及 Node.js 和 Deno 的个人核心贡献者合作，宣布成立一个新的社区小组，专注于在基于 JavaScript 的非 Web 浏览器开发环境中实现标准化 Web API 的互操作性实现。小组刚成立，正在积极寻求与 W3C、WHATWG 和整个 JavaScript 社区的合作，以确保网络功能的可用性、工作的一致性并满足所有在堆栈中工作的网络开发者的要求。
What's New In DevTools (Chrome 102)
Chrome 102 发布新特性：
- New Performance insights panel
- New Shortcuts to emulate light and dark themes
- Console Updates: Handle script execution errors in the console
- etc.
动态
Google 最新的性能优化方案，LCP 提升30%！
优化网页的性能，一直是前端工程师最热衷的工作之一，文章介绍了 Google 提出的一种新的性能优化方案：私有预取代理。
新一代前端构建工具汇总
社区里有许多其他优秀的构建工具，它们或许不如 Webpack 那样“包治百病”，但都有一些独特的优势，如果在一些特定的场景你觉得使用 Webpack 太臃肿了，那你或许可以考虑下面的一些工具：Parcel、Rollup、SnowPack、esbuild、SWC、Vite 等。
Vue 性能指标逐渐开始反超 React 了！
文章对《Google Chrome User Experience Report》做了一次详细解读，比较有趣的是使用 Vue 构建的网站性能似乎已经超过 React。
深度阅读
用了 TS 条件类型，同事直呼 YYDS！
阿宝哥出品！阅读本文，相信你能进一步了解条件类型和分布式条件类型的作用了，也知道 TS 内部一些工具类型是如何实现的。
为什么 NodeJS 是构建微服务的最佳选择？
在构建微服务时，有很多顶级编程语言可供选择。NodeJS 就是其中之一。那么，为什么 NodeJS 是最佳选择呢？
- 单线程 & 异步： NodeJS 使用事件循环来执行代码，允许异步代码被执行，从而使服务器能够使用非阻塞机制来响应。
- 事件驱动： NodeJS 使用事件驱动架构，该架构建立在软件开发的常见模式上，被称为发布 - 订阅或观察者模式，能够构建强大的应用，尤其是实时应用。
- 快速和高度的可扩展性： 运行环境建立在最强大的 JavaScript 引擎之一 V8 JavaScript Engine 之上，因此代码执行速度快，使得服务器能够同时处理多达 10000 个并发请求。
- 易于开发： 创建多个微服务会导致重复的代码。Node.js 的微服务框架很容易创建，因为它抽象了大部分的底层系统。所以用这种编程语言创建一个微服务可以像写几行代码一样简单。
外文精选
How To Use Google CrUX To Analyze And Compare The Performance Of JS Frameworks
In this article, I will analyze the performance cost associated with various frameworks, based on field data collected by the Google Chrome User Experience Report, or CrUX for short. I think this information is both interesting and useful, in particular given the wide variety of framework and platform choices currently available to front-end and fullstack developers.
10 REASONS MVC FRAMEWORKS AREN'T DINOSAURS BUT SHARKS
I think there is a serious shark in web sea: the monolithic MVC framework. Rails (Ruby), Django (Python), Laravel (PHP) and many others. They've been here for a long time, and even they're kind of boring, they still do the job very well. Of course, they're not the right solution for every use case. Like any piece of tech, there are always trade-offs to consider.
实践应用
性能优化——图片压缩、加载和格式选择
文章梳理了一系列常见的 Web 图像优化方案，如压缩图片、选择正确格式、 CDN 加速、懒加载等，适合复习。
JS中Object的keys是无序的吗
- 在 ES6 之前 Object 的键值对是无序的；
- 在 ES6 之后 Object 的键值对按照自然数、非自然数和 Symbol 进行排序，自然数是按照大小升序进行排序，其他两种都是按照插入的时间顺序进行排序。
