JavaScript 中文周刊 #109 - 交互式图表和数据可视化库 ApexCharts

本期看点：ApexCharts 是一款成熟的用于构建包括火花线图、热图在内的诸多类型图表的交互式数据可视化工具。相关文章中许多可视化演示与代码实例 —— 也可以直接查看 ApexCharts 的主页。

编辑：Zhper、Yucohny、TimLi777

🔥 本周热门

ApexCharts：交互式图表和数据可视化库 —— ApexCharts 是一款成熟的用于构建包括火花线图、热图在内的诸多类型图表的交互式数据可视化工具。这里有 许多可视化演示 与 代码实例 —— 也可以直接查看 ApexCharts 的主页。

长按识别二维码查看原文   

https://github.com/apexcharts/apexcharts.js#readme

Juned Chhipa

缩减 JavaScript 代码体积的八种方式 —— Solid.js 作者 Ryan Carniato 认为是时候开始缩减 JavaScript 代码的体积了。这是一篇包含了多种方法，由两部分组成的文章，涵盖了从代码分割、渐进式渲染到混合路由等多个领域。

长按识别二维码查看原文   

https://thenewstack.io/solid-js-creator-outlines-options-to-reduce-javascript-code/

Loraine Lawson（The New Stack）

快讯：

• 🔢 TC39 已经启动了一个新的任务组 以标准化 source maps。

长按识别二维码查看原文   

https://www.ecma-international.org/news/ecma-tc39-ecmascript-initiates-a-new-task-group-to-standardize-source-maps/

• 📊 Colin Eberhardt 回顾了 The State of WebAssembly 2023 大会的结果。

长按识别二维码查看原文   

https://blog.scottlogic.com/2023/10/18/the-state-of-webassembly-2023.html

• 🕹 最新的 React Jam 游戏开发者活动 今天开始了，开发者有十天的时间开发一个以某种方式使用 React 的游戏，欢迎查看 之前的获奖作品。

长按识别二维码查看原文   

https://reactjam.com/

• 👾 在其他游戏开发的新闻上，同样可以 查看最新的 js13kGames 获胜者 是如何在代码体积如此小的限制下创造出惊艳的游戏的。

长按识别二维码查看原文   

https://github.blog/2023-10-13-js13k-2023-winners/

• 😆 事实证明，在缩减体积方面，混淆和压缩 JavaScript 并没有很好的效果。

长按识别二维码查看原文   

https://github.com/mgarciaisaia/JavaScript-Is-Weird-as-a-compressor

• 🎨 Node.js 开始举办 官方吉祥物设计大赛。

长按识别二维码查看原文   

https://twitter.com/nodejs/status/1713984983566610540

📒  教程与趣事

JavaScript 中 Base64 编码字符串的细微差别 —— Base64 提供了一种方式将二进制数据表示为 ASCII 字符串，这在某些情况下可以更安全地共享和存储。Matt 展示了如何在 JavaScript 中进行 Base64 编码和解码，以及在哪些地方需要特别小心。

长按识别二维码查看原文   

https://web.dev/articles/base64-encoding

Matt Joseph

`event.target.closest` —— 如果还没有使用过 closest，那么值得了解一下这种返回最接近的匹配指定 CSS 选择器的 DOM 节点的方式，即基于向根节点方向遍历 DOM 树。