558 期 - JavaScript Logo 10 岁啦！

编辑：liu-jin-yi、QC-L、Matrixbird

🔥 本周热门

500 行代码实现 “侧方位停车” — 这绝对是个有趣的示例！给定一个由虚拟汽车组成的基本环境，你能通过遗传算法来让汽车自己停车吗？相关示例。

Oleksii Trekhleb

JSXGraph：使用 JS 进行动态数学图表的渲染 — 一个支持跨浏览器的数学图表库，基于网络的互动几何、函数绘图、图表和数据可视化。这里有很多示例可以参考，都有完整的代码。GitHub 地址。

JSXGraph team

使用 JavaScript 实现 7 个 GUI 效果 — 基于 JavaScript 的 GUI 编程实验，其中每个应用程序都应用于不同的环境中进行开发，以比较各种方法的异样性。实验展示了像 Vue 或 React 这样的框架是如何帮助复杂的应用程序变得更容易维护。

Brad Woods

快讯：

JavaScript/JS logo（并非官方设计，但是已经得到了的广泛的认可）已经 10 岁了！最初于 2011 年的 JSConf EU 上正式亮相。
Mike Sherov 在 Twitter 上发文说 jQuery 的使用量预计最终在 2020 年达到顶峰，目前它的下载量依旧很大，大家应该感谢这个项目陪着我们走过了一段峥嵘岁月。
最新的 Safari 技术预览已经启用了对 SharedArrayBuffer 的支持。
终端文本着色库 Colorette 的开发者声称被 nanocolors 抄袭 – 这在 Hacker News 上引起了剧烈的讨论，更趣的是 Babel 的 PR 中有一条是用 nanocolors 取代 chalk

版本发布：

深入研究 Cypress 的端到端测试 — 作者试图寻找一种有趣且有效的工作流程，用 Cypress 进行端到端测试。

Ramona Schwering

Michael Hoffmann

根据嵌套属性对 JavaScript 数组进行排序 — 如果你有一个对象数组，此时需要对数据进行排序，但需要排序的项目并非顶层属性，该怎么办？

Elijah Manor

对比 JavaScript 追加和插入的方法 — 主要是针对当前页面的 DOM 操作。

Eric Markfield

Next.js 的三个新功能及其使用方法 — AWS Amplify 最近增加了对增量静态再生（ISR）的支持，以及可选的全面路由和图像优化。本篇指南将带领你了解如何使用这一切。

Ali Spittel

利用 Memoization 加快 React 应用程序的渲染速度 — 如果你手上有一个响应卡顿的 React 应用。你想如何解决这个问题？本文中着重探讨了如何解决过度重新渲染的问题。

Nick Lanam

用 Lighthouse 树状图分析 JavaScript 的依赖关系 — 使用 Lighthouse Treemap 在方便的数据可视化中发现站点的所有已下载和使用/未使用的 JavaScript。

Sia Karamalegos

▶ 单页面应用 vs 多页面应用 — 对话 Svelte 作者的音频。

Web Rush 博客

Prateek Surana

Miracle Onyemna

PptxGenJS：用 JavaScript 创建 PPT — 这个项目投入了大量的人力资源，有大量的教程和 demos 可供参考。如果你需要半自动化地创建幻灯片，它很值得一看。GitHub 地址。

Brent Ely

melonJS v9.1.0：轻量级的 JavaScript 和 HTML5 游戏引擎 — 已经有十年的历史了，有很多版本。下面我们来看看如何用它构建平台游戏或打字游戏。

melonJS Team

DOCX v7.1：生成 .docx 文件的声明式 API — .docx 文件也许是更常见的现代微软 Word 文档。这个库在 Node 和浏览器上都可以使用，并且有一个实时的 CodePen demo，还有代码实现的示例。— GitHub 地址。

Dolan

construct-js：用于创建字节级数据结构的库 — 如果你需要操作 bits 和 bytes 来构建数据，那么此库一定适合你，此处为创建 .zip 文件的示例。

Frank Stokes

RacketScript：一个实验性的 Racket 转 JS 的编译器 — Racket是一种受 Scheme/Lisp 启发的语言。你可以在此示例中尝试。

RacketScript

GitHub Actions

Mihai Ciuraru