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

童欧巴童欧巴 - 2023-01-17 07:36:14

美味值：🌟🌟🌟🌟🌟

口味：东北大饭包

食堂技术周刊仓库地址：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收入与支出资金支持附属项目和生态系统重写 ESLint3. pnpm 2022 年终总结

2022 年新增的主要特性：

symlinkless hoisted node_modulesside-effects-cachepnpm patchTime-based resolutionpnpm 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 教程

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