前端食堂技术周刊第 67 期：2022 State of JS、ESLint 2022、大淘宝 Web 端技术概览

美味值：🌟🌟🌟🌟🌟

口味：东北大饭包

• 食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly

本期摘要

• 2022 State of JS 结果出炉
• ESLint 2022 年终总结
• pnpm 2022 年终总结
• 大淘宝 Web 端技术概览
• 主流时间库横向对比
• 给 Node.js 开发者的 Golang 教程
• 2022 CodePen 最受欢迎的 Pens
• 改进 Core Web Vitals 的最佳实践

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

技术资讯

1. 2022 State of JS 结果出炉

State of JS 结果终于出炉，看看有多少你没听过的技术和开发者？我认为如果 95% 你都关注的话，你已经有了一个不错的前端技术视野了。

2. ESLint 2022 年终总结

• 网站重构
• 新的配置系统
• 支持 ES2022
• 收入与支出
• 资金支持附属项目和生态系统
• 重写 ESLint

3. pnpm 2022 年终总结

2022 年新增的主要特性：

• symlinkless hoisted node_modules
• side-effects-cache
• pnpm patch
• Time-based resolution
• pnpm licenses list

下面我们来看技术资料。

技术资料

1. 大淘宝 Web 端技术概览

淘宝 Web 技术地图和技术产品介绍。

2. 主流时间库横向对比

文章对比了 Native Date、Moment.js、Day.js、Date-fns 等时间库的优缺点，并给出以下结论：

• Native Date 无法直接解析自定义格式的时间字符串，且容易引入时区问题。(不推荐)
• Moment.js 包体积过大，且时间对象存在 mutable 问题，源代码也早已停止维护。(不推荐)
• Day.js 克服了 moment.js 的缺陷，且 api 与 moment.js 高度吻合，从 moment.js 迁移成本低。但是部分功能需要通过插件引入。(推荐在不涉及 UTC 时间的情况下使用)
• Date-fns 同样克服了 moment.js 的缺陷，并支持 tree-shaking，单独使用某些功时，引入的包体积甚至小于 day.js。但需要从目标目录导入所需的工具函数，上手难度大。在引入了多种工具函数或涉及解析时间字符串时，还会导致包体积过大。(推荐存在轻度需求时使用)

3. 给 Node.js 开发者的 Golang 教程

提供大量语法示例对比，提升你的学习效率。

4. 2022 CodePen 最受欢迎的 Pens

CodePen 年度 Top 100 Pens 出炉。

5. 改进 Core Web Vitals 的最佳实践

Chrome DevRel 团队总结了在当下提高 Core Web Vitals 性能的最佳实践集合，包含 LCP、CLS、FID、INP、TTFB 等。

随机 MDN

• Pointer events

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

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