JavaScript 前端头条二月周刊 （第1周）

大家好，应粉丝要求和建议，基于网络资源我整理了一份本周 JavaScript 前端界相关的头条内容，希望大家也能了解到前端界的最新动态，在前端界与时俱进。

一、前端头条

1、删除事件监听

不必要的事件侦听器可能会导致各种奇怪的问题，因此最好在不再需要它们时清理它们。如何？这里有几种方法，ALEX 研究了它们的优缺点。（ once 是一个很好的设置选项，如果你用的上，别忘记尝试使用）

www.macarthur.me/posts/options-for-removing-event-listeners

作者：ALEX MACARTHUR

2、第 94 届 TC39 会议的更新

负责制定ECMAScript标准的TC39委员会上周召开了会议，并在一些语言提案上取得了进展，其中Change Array by Copy、Intl.NumberFormat v3 和 Symbols as WeakMap Keys进入了第四阶段。还有一个有趣的例子，a downgrade to stage 2 for import assertions.

dev.to/hemanth/updates-from-the-94th-tc39-meeting-48mb

3、Netlify 收购 Gatsby

基于 Gatsby React 的框架背后的公司正在加入 Netlify，许多 Gatsby Cloud 功能有望集成到 Netlify 自己的平台中。这让 Netlify 更直接地对抗 Next.js 背后的 Vercel（不要忘记 Shopify with Remix）。

www.gatsbyjs.com/blog/gatsby-is-joining-netlify/

4、你可能不需要 Lodash 或 Underscore

受流行的 《You Might Not Need jQuery》 的启发，这份内容丰富的文档提供了纯 JavaScript 的替代方法，可以替代您在流行的实用程序库（如 Lodash 和 Underscore）中找到的近 100 个不同的函数。

github.com/you-dont-need/You-Dont-Need-Lodash-Underscore#readme

5、Create React App 脚手架的未来及其存在的原因

Dan Abramov 写了一篇关于 Create React App 状态的广泛文章，一条向前推进的路线，以及他如何看待 React 作为一个库在框架生态系统中的工作。

github.com/reactjs/reactjs.org/pull/5487#issuecomment-1409720741

作者：DAN ABRAMOV

二、版本发布

• Node.js v19.6.0 (Current)

• Node.js v18.14.0 (LTS)

• Electron 22

• TestCafe 2.3：端到端 Web 测试。（github.com/DevExpress/testcafe/releases/tag/v2.3.0）

• Docusaurus 2.3：流行的文档站点生成器。（github.com/facebook/docusaurus）

• Jotai 2.0：Jotai 从简单的 useState 替代品扩展到企业 TypeScript 应用程序。（github.com/pmndrs/jotai/releases/tag/v2.0.0）

三、推荐阅读

1、工作中丢掉了函数式编程的观念

一篇有趣的文章，你可能会犯同样的错误。这里有一堆我多年来在JS团队中犯下的错误，可以帮助你做到这一点。

robertwpearce.com/how-to-lose-functional-programming-at-work.html

作者：ROBERT PEARCE

2、Node 和 SWC 如何打造闪电般快速的 TypeScript 编译时间

如果到目前为止，增加的 TypeScript 编译时间让您感到恼火，Artem 已经找到了一种尽可能快地完成任务的方法。

featurist.co.uk/blog/running-typescript-in-node-with-near-zero-compilation-cost/

作者：ARTEM AVETISYAN

3、从 Ember Classic 到 Glimmer 组件之路

如果你有一个成熟的Ember.js项目，你想把它现代化，这是给你的。

dev.to/otainsight/the-road-from-ember-classic-to-glimmer-components-4hlc

作者：IGNACE MAES

4、在 Swift 应用程序中使用 JavaScript

适用于 iOS 应用程序开发人员。它并不完美，但至少是一个选择。

douglashill.co/javascript-in-swift/

作者：DOUGLAS HILL

5、使用自定义Matchers匹配单元测试

使用自定义匹配器避免 Jest 中重复和模棱两可的断言。

americanexpress.io/cleaner-unit-tests-with-custom-matchers/

作者：Jamie King

6、Yaml 文档：JS 版

这个文档是在这篇专注于 Python 的博客文章中产生的，但 Phil 想看看 JS YAML 解析器是否存在与备受诟病的格式相同的问题。

philna.sh/blog/2023/02/02/yaml-document-from-hell-javascript-edition/

作者：PHIL NASH

四、代码与插件

1、FeedbackPlus：将屏幕截图工具添加到您的反馈表

假设您的应用程序上有一个表单，让用户可以提交错误或反馈，并且您希望鼓励他们也发送屏幕截图——使用这个插件很容易做到。

colonelparrot.github.io/feedbackplus/demos/demo.html

作者：COLONELPARROT

2、ScrollyVideo.js：响应式“可滚动”视频

这是一个有趣的效果，在这里得到了很好的证明。与 React、Svelte、Vue 或是普通的 HTML 兼容。

scrollyvideo.js.org

作者：DANIEL KAO

3、depngn：查明依赖项是否支持给定的节点版本

一个 CLI 工具，用于确定 package.json 中的依赖项是否适用于指定的 Node 版本。在升级过程中可能会有帮助。

github.com/upgradejs/depngn

作者：OMBULABS

4、Eta 2.0：用于 Node、Deno 和浏览器的嵌入式 JS 模板引擎

自夸比 EJS 更轻更快，但具有许多相同的功能（它看起来很像 Ruby 的 ERB）。

github.com/eta-dev/eta

作者：BEN GUBLER

5、Swiper 9.0：具有加速转换功能的移动触摸滑块

Tree shakable，与库无关，完全专注于现代浏览器和 web API。也支持 RTL。

github.com/nolimits4web/swiper

作者：VLADIMIR KHARLAMPIDI

6、UUID.js：符合 RFC 的 UUID 生成器

支持 v1 和 v4 UUID。

javascriptweekly.com/link/135023/web

作者：LIOSK

五、工具版本

1、ReScript 10.1

受 OCaml 启发，将 ReScript 编译为 JS 的语言。

rescript-lang.org/blog/release-10-1

2、OrgChart 3.4

渲染组织结构图。

dabeng.github.io/OrgChart/

3、clipboard-polyfill 4.0

“复制到剪贴板”适用于旧版浏览器和edge。

github.com/lgarron/clipboard-polyfill

4、morphdom 2.7

DOM 比较/修补——不需要虚拟DOM

github.com/patrick-steele-idem/morphdom

5、relative-time-element 4.2

GitHub 的 <time> 扩展

github.com/github/relative-time-element

6、js-bson 5.0

二进制 JSON 解析器和序列化。

github.com/mongodb/js-bson

7、React Date Picker 4.10

简单的 React 日期选择器组件 。

github.com/Hacker0x01/react-datepicker

8、JustValidate 4.1

轻量级表单验证库。

github.com/horprogs/Just-validate

六、结束

今天的内容就分享到这里，感谢你的阅读，整理翻译不易，如果你喜欢我的分享，别忘了点赞转发，让更多的人看到，最后别忘记点个关注，你的支持将是我分享最大的动力，后续我会持续输出更多内容，敬请期待。

原文：
https://javascriptweekly.com/issues/624

非直接翻译，有自行改编和添加部分，翻译水平有限，难免有疏漏，欢迎指正