JavaScript 前端头条二月周刊 (第1周)

2023-02-17 14:54:09 浏览数 (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 非直接翻译,有自行改编和添加部分,翻译水平有限,难免有疏漏,欢迎指正

0 人点赞