乐趣区

关于前端:前端周刊第二十一期

jiezi

前端周刊发表每周前端技术相干的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表，欢送大家关注、转载。
<span style=”color:red;”> 如果外链不能拜访，关注公众号 前端每周看，外面有解决办法 </span>

大事件

  • 比拟三种非破坏性解决数组的办法——JavaScript 的好医生将 for-of、.reduce()和.flatMap()互相对抗，这样您就能够抉择最适宜您本人的数组解决工作的办法。
  • npm 安全更新：GitHub 对 4 月份攻打的理解——上个月，npm 注册表的管理者 GitHub 报告说，被盗的 OAuth 令牌被用于拜访某些公有存储库、公有包清单和元数据，以及 npm 用户帐户数据。这是一个更新。值得注意的是：“在将 npm 集成到 GitHub 日志零碎之后，GitHub 发现了许多用于 npm 注册表的纯文本用户凭证，这些凭证在外部日志中被捕捉。
  • TypeScript 4.7 公布——类型化 JavaScript 超集的次要个性是对 Node.js 的 ES 模块反对——该个性始终难以实现，并且其对文件扩展名的依赖持续引发争执——以及 CommonJS 互操作性（来自 ES 模块）、改良的函数推理、括号元素拜访的控制流剖析等。
  • Next.js’s Layouts RFC: Big Changes Ahead for Next.js——如果你是 Next.js 用户，你会想要浏览这篇文章，因为一些重要的更新正在进行中，特地是在路由、应用程序构造和布局方面（包含嵌套布局）。

文章

  1. 什么是“边缘计算”？“这有点像编织狗帽”— 看，这个比喻让咱们发笑，作者在这里延长了很长一段路。
  2. Airbnb 如何通过 Metro 取得更快的 JavaScript 构建 — Airbnb 从 Webpack 迁徙到 Metro（一个针对 React Native 的 JavaScript 捆绑器，但 Airbnb 将它用于 Web 我的项目）的故事，以及它如何使他们的开发反馈循环“简直是即时的”。
  3. 咱们如何将 Node.js 库转换为 Deno（应用 Deno）–“咱们采纳了一种“运行时适配器”模式，咱们认为它代表了一种通用办法，可能对其余心愿反对 Deno 的库作者有用。”
  4. 2022 年 React 状态治理库综述 – 这个畛域有很多抉择，包含 Zusstand、Recoil、XState，当然还有 Redux。
  5. JSON 和 JavaScript 中的字符串化怪异 – 这不是最简略的事件，只管至多有一个（简单的）书面标准用于 JSON.stringify’s 的操作。
  6. The Balance has Shifted away from SPAs – 这不是最简略的事件，只管至多有一个（简单的）书面标准用于 JSON.stringify’s 的操作。

框架公布

  1. Electron 19 – 获取 Chromium 102、V8 10.2 和 Node 16.14.2。
  2. Neutralino.js 4.6 – 轻量级跨平台桌面应用程序框架。
  3. fast-check 3.0 – 基于属性的测试框架。
  4. Knex 2.1.0 – Node.js 的 SQL 构建器。
  5. Cypress 9.7.0 – 在浏览器中测试任何货色。
  6. Storybook 6.5 – UI 组件开发工具。

代码和工具

  1. Ninja Keys：为您的应用程序 / 站点增加命令面板 / 键盘快捷键界面：如果您在 GitHub 上应用过 Cmd/Ctrl+K 或在 VS Code 等工具中应用命令面板，您会感觉这很相熟，而且很不便在 vanilla JS 应用程序中或与 Vue、React 或 Svelte 一起应用。Kbar 是该畛域的另一位参与者，更专一于 React。
  2. Filesize.js：从文件大小生成人类可读的字符串：例如，123456 字节能够变成 ”120.56 KB”
  3. Three.js 的自定义 Vue 3 渲染器：间接在此处提供时尚的整页演示。查看后，这些文档可能会更有用。“把它设想成 Vue 的 react-three-fiber。”
  4. React-Uploady 1.0：文件上传组件和钩子：旨在简略而高度可定制。您能够领有文件上传按钮、预览、拖放上传区域等。文档很好，展现了一个根本示例，还有一个截屏视频。
  5. Estimator.dev：古代 JavaScript 节俭计算器：计算通过切换到更古代的 JavaScript 语法能够实现的网站大小改良。
  6. 浏览器扩大模板：疾速空虚浏览器扩大代码库：Think create-react-app but for an extension, kinda.
退出移动版