优质网站同好者周刊（第 082 期）

倾城之链作为一个开放平台，旨在云集全球优秀网站，探索互联网中更广阔的世界。此周刊，将汇聚过去一周倾城所收录的内容，以飨同好；欢迎推荐或自荐（仅限有独立域名的网站，可以是二级域名）。您如果要了解收录要求，请参见关于倾城。

备注：本周刊每周五生成，首发于个人微信公众号晚晴幽草轩、博客晚晴幽草轩，以及悠然宜想亭社区；此一键生成脚本基于 Deno 编写，并在 Github 开源：nicejade/nicelinks-weekly。

Literal.club | Track your reading and discover new books

标签：书籍 · 社区 · 发现

Literal is the best platform to collectively explore the ideas of the world's greatest authors.

倾城之链 - Literal.club | Track your reading and discover new books

推荐语：Literal，是一款用于发现、整理和讨论书籍的应用（多为英文内容）；主要是社区分享，借此机会与志同道合的读者互动，获得推荐。产品做的很完整简洁好看，支持多端 Web，iOS 以及 Android。该产品方将其描述为：专为书籍打造的空间。它具有以下特征：

欢迎所有书籍——实体书、电子书、有声读物等；
轻松将您的个人图书馆整理到书架上；
支持从 Goodreads 导入您现有的图书馆；
支持扫描书内条码；
更喜欢使用暗模式？会为您提供保障；
可以设定个人阅读目标；

除此之外，还有很多其他功能，如您感兴趣，可以前往探索 Literal 以了解更多。刘慈欣在《三体》扉页：“阅读是拓展人生空间的一个主要途径，每本书都是一扇门，通向我们没有涉足的新世界，在阅读中，我们经历了我们本来不可能在有生之年经历的事情，游历了哪些我们的肉身永远无法到达的地方，愿大家在阅读中建立美好的生活”。── 闲暇时，相比于沉醉在短视频，阅读优质好书，将会带给您更多深刻的收获。

一本书的内容有不同的含义，这取决于阅读它的人。每个人的想法不同，这很好。您可以深入了解构成一本书的基本要素，分享让您感动的时刻，并讨论您认为引人注目的想法。literal 希望为讨论创造一个基础，将知识汇集在一起，同时使其更易于访问和掌握。Literal 是一个将人们围绕吸引他们的主题和想法联系起来的地方。

── 出自倾城之链 - Literal.club | Track your reading and discover new books

Netdata: Monitoring and troubleshooting transformed - Netdata

标签：自动化 · 监控 · 机器学习

Slash your time to detect, troubleshoot and resolve infrastructure performance anomalies. Netdata: architected for speed, automated for easy.

倾城之链 - Netdata: Monitoring and troubleshooting transformed - Netdata

推荐语：Netdata ，是高保真基础设施监控和故障排除工具。它为速度而设计，自动化方便。可以做到：缩短检测、故障排除和解决基础架构性能问题的时间。借助永久免费的零配置工具，专家和初学者都可以更轻松地进行基础设施监控和故障排除。

Netdata 的分布式实时监控代理从零配置的系统、硬件、容器和应用程序中收集数千个指标。它在您的所有物理/虚拟服务器、容器、云部署和边缘/IoT 设备上永久运行，并且在事件发生中期完全安全地安装在您的系统上，无需任何准备。

您可以在大多数 Linux 发行版（Ubuntu、Debian、CentOS 等）、容器平台（Kubernetes 集群、Docker）和许多其他操作系统（FreeBSD、macOS）上安装 Netdata。不需要 sudo。

Netdata 由系统管理员、DevOps 工程师和开发人员设计，用于收集所有内容、帮助您可视化指标、解决复杂的性能问题，并使数据与监控堆栈的其余部分互操作。它具有以下功能特征：

高保真故障排除

独特的单秒粒度；
无限量收集、存储和可视化的指标；
以令人难以置信的细节深入研究数千个指标中的任何一个；

实时可视化

无与伦比的 1ms 收集到可视化延迟；
实时查看您的整个基础架构；
即时有意义的仪表板；

自动部署

单线部署；
自动检测数千个数据收集源；
自动化可视化；

所有指标的机器学习

机器学习驱动的无监督异常检测；
在边缘进行 ML 训练和推理，开销最小且额外存储成本为零；

强大的根本原因分析

用于无监督变化模式检测的 Correlation Advisor；
Anomaly Advisor 用于在整个基础架构中进行无监督异常检测；

内置数据隐私

仅存储在边缘的数据，在您自己的基础架构上；
没有集中的数据收集，没有数据风险；

最低的拥有成本

永久免费监控和故障排除；
内置专业知识，无需购买；
只需一个活动部件即可维护和更新；

始终保持开源

专为通用部署而设计：裸机、云虚拟机和物联网；
经过充满活力的社区的实战考验；
惊人的支持网络；

监控堆栈集成

将指标流式传输到任何行业标准的时间序列数据库；
向流行的协作平台发送警报；
开放 API 可供第三方查询；

Netdata ，自动化和机器学习辅助的监控和故障排除，这是 Netdata 真正展示其突出价值的地方：

如果可以收集一个指标，它将是：每个节点有 2,000 多个自动检测指标和 100 多个预配置警报。
革命性的机器学习在边缘工作，以了解每台服务器上的异常情况——在新出现的问题损害业务之前提醒您。
借助 Netdata Cloud，您可以利用跨节点 Metric Correlations 进行基础架构范围的变更检测，或利用 Anomaly Advisor 进行自下而上的无监督异常检测。

背后故事

早在 2013 年，在 Costa Tsaousis 担任首席运营官的公司，有相当比例的基于云的交易根本无法通过，对他们的业务表现造成了破坏。

为了找出原因，Costa 和他的团队尝试了当时所有的故障排除工具。没有一个人能够准确地指出问题所在。正如 Costa 后来写道："我无法相信，监控系统提供的指标如此之少，分辨率如此之低，规模如此之大，运行成本如此之高。" 沮丧之余，他开始建立自己的工具。从头开始。他的决定将耗费很多很多的深夜和周末，并且永远改变了基础设施监控和故障排除的方法和经济性。

Netdata 的愿景

随着 IT 基础设施变得越来越复杂，人们不断发展的解决方案，将不断减轻开发人员、SRE、DevOps 和系统管理员的负担。就像 Linux 一样，Netdata 代理将始终保持开源。Netdata 完全致力于以社区为先的方法，拥有数百名贡献者、数千名 GitHub 观星者和数百万用户（60.4K Star @2022/09/08），包括亚马逊、谷歌、IBM、微软和英伟达等公司。其愿景是：建立一个能够解决运行世界的技术问题的全球社区。

── 出自倾城之链 - Netdata: Monitoring and troubleshooting transformed - Netdata

NativeScript | Empower JavaScript with native APIs

标签：框架 · JavaScript · 跨平台

NativeScript empowers you to access native APIs from JavaScript directly. Currently iOS and Android runtimes are provided for rich mobile development across a variety of diverse use cases.

倾城之链 - NativeScript | Empower JavaScript with native APIs

推荐语：NativeScript ，一款让你可以用 JavaScript 来直接写 Android、iOS 本地应用程序的框架。使您能够直接从 JavaScript 访问本机 API。此外。NativeScript 允许使用各种框架或模板搭建项目，来启动您的应用程序开发；诸如：Vue、 React、 Svelte 等（当然，也可以不使用模版）。

ns create myNativeApp --vue
ns create myNativeApp --vue --ts // for vue with typescript
ns create myNativeApp --react
ns create myNativeApp --js
ns create myNativeApp --svelte

NativeScript 的代码，与网页开发的代码很相似，都是基于 JavaScript 处理业务逻辑，以 CSS 编写样式；不同的是 NativeScript 使用 XML 来描述页面结构（NativeScript 封装了自己的 UI 库）。

NativeScript 应用程序，直接运行在设备上，并由运行在应用程序内部的 JavaScript 虚拟机解释；这意味着 NativeScript 应用程序不受访问本机设备 Api 或硬件的限制，因此任何应用程序都可以编写为 NativeScript 应用。理论上是这样的，但是 NativeScript 应用程序是在 JavaScript 虚拟机中运行的，所以在应用程序和裸机之间有一个额外的抽象层（尽管很小）。要从设备中提取每一点性能，所以对于图形密集的游戏，NativeScript 并不是很不适合。

与 NativeScript 类似的框架有：Flutter、React Native 等。相比 Flutter，无需学习新的语言（Dart）；相比 React Native，NativeScript 并没有限制一定要基于 React 来开发。该项目在 Github NativeScript 开源（拥有 22K Star @2022/09/07）；关于其运行原理、好处与缺点，感兴趣的朋友可以前往 Github 分析代码以了解更多。

── 出自倾城之链 - NativeScript | Empower JavaScript with native APIs

Pinia | The Vue Store that you will enjoy using

标签：Vue · TypeScript · Web开发

The Vue Store that you will enjoy using. 🍍 Intuitive, type safe, light and flexible Store for Vue using the composition api with DevTools support.

倾城之链 - Pinia | The Vue Store that you will enjoy using

推荐语：Pinia 直观、类型安全且灵活的 Vue Store，使用组合 API 和 DevTools 支持，是全新的 Vue 状态管理工具；适用于 Vue 2 和 Vue 3。Pinia 与 Vue 的关系，可以将其类比为 Redux 之于 React，Vuex 之于 Vue 。Pinia 是 Vuex 的继承者，如果您使用之后，会发现它比 Vuex 更简单、易于上手。Pinia 具有以下功能特征：

💡 直观

商店就像组件一样熟悉。API 旨在让您编写组织良好的商店。

🔑 类型安全

类型是推断出来的，这意味着即使在 JavaScript 中商店也可以为您提供自动完成功能！

⚙️ 开发工具支持

Pinia 与 Vue devtools 挂钩，为您提供增强的 Vue 2 和 Vue 3 开发体验。

🔌 可扩展

响应存储更改以通过事务、本地存储同步等扩展 Pinia。

🏗 模块化设计

构建多个商店并让您的捆绑程序代码自动拆分它们。

📦 极轻

Pinia 重约 1.5kb，您甚至会忘记它的存在。

Pinia 最初是在 2019 年 11 月左右，重新设计使用 Composition API 的 Vue Store 外观的实验。从那时起，最初的原则仍然相同，但 Pinia 适用于 Vue 2 和 Vue 3 ，并且不需要你使用组合 API。除了安装和 SSR 之外，两者的 API 都是相同的，并且这些文档针对 Vue3 ，并在必要时提供有关 Vue2 的注释，以便 Vue 2 和 Vue 3 用户可以阅读。

为什么要使用 Pinia？

Pinia 是 Vue 的存储库，它允许您跨组件/页面共享状态。如果您熟悉 Composition API，您可能会认为您已经可以使用简单的 export const state = reactive({}). 这对于单页应用程序来说是正确的，但如果它是服务器端呈现的，则会将您的应用程序暴露给安全漏洞。但即使在小型单页应用程序中，您也可以从使用 Pinia 中获得很多好处：

开发工具支持
- 跟踪动作、突变的时间表；
- Store 出现在使用它们的组件中；
- 时间旅行和更容易的调试；
热模块更换
- 在不重新加载页面的情况下修改您的商店；
- 在开发时保持任何现有状态；
插件：使用插件扩展 Pinia 功能；
为 JS 用户提供适当的 TypeScript 支持或自动完成功能；
支持服务器端渲染支持（SSR）；

Pinia （发音为 /piːnjʌ/，如英语中的“peenya”）是最接近 piña（西班牙语中的菠萝）的词，它是一个有效的包名称。菠萝实际上是一组单独的花朵，它们结合在一起形成多个水果。与商店类似，每一家都是独立诞生的，但最终都是相互联系的。它也是一种美味的热带水果，原产于南美洲。

与 Vuex 的比较

Pinia 最初是为了探索 Vuex 的下一次迭代可能会是什么样子，结合了 Vuex5 核心团队讨论中的许多想法。最终，Pinia 团队意识到 Pinia 已经实现了在 Vuex 5 中想要的大部分内容，并决定实现它取而代之的是新的建议。与 Vuex 相比，Pinia 提供了一个更简单的 API，具有更少的仪式，提供了 Composition-API 风格的 API，最重要的是，在与 TypeScript 一起使用时具有可靠的类型推断支持。

── 出自倾城之链 - Pinia | The Vue Store that you will enjoy using

Shortcuts.design | Every shortcut for designers in one place 🚀

标签：效率 · 设计师 · 免费

关键字：shortcuts, shortcuts.design, Figma shortcuts mac, Figma shortcuts windows, all Figma shortcuts mac, all Figma shortcuts windows, figma keyboard shortcuts, windows shortcuts, sublime shortcuts, figma hotkeys, figma zoom to selection, all shortcuts, design shortcuts, shortcuts overview

Shortcuts.design is the ultimate shortcut reference for designers. Charge your workflow with all the shortcuts of your favorite tools like Figma and Windows in one place 🚀

倾城之链 - Shortcuts.design | Every shortcut for designers in one place 🚀

推荐语：Shortcuts.design ，一款应用程序「快捷方式」参考的网站；主要针对设计、开发、生产力相关。Shortcuts.design 旨在在一个地方，以简单明了的方式，列出了设计师和开发者需要的快捷方式。此外，该项目的创建者 Michel ，将其打造成为集中且可搜索的在线数据库；因此，不仅可查阅、检索应用的「快捷方式」，而且可以基于 Twitter、电子邮件或 GitHub 添加新工具或提交反馈。

对于开发者而言，这款 Web 应用的功能，相对有些单薄；因为查看应用「快捷键」，可以从应用本身来操作；比如跨平台代码编辑器 Vs Code，通过 ⌘ K S 按键即可；信息非常全，而且可以直接更改。但，对于一些不太熟悉这些的朋友，相信还是有些价值。

── 出自倾城之链 - Shortcuts.design | Every shortcut for designers in one place 🚀

对倾城之链感兴趣的朋友，可通过 Web，小程序，快应用等渠道进行访问(后续将支持更多，如 VsCode 插件，Chrome 扩展等)。您有任何问题，欢迎随时向我们反馈（您可以通过官网反馈渠道，或添加如下倾情打赏），🤲 。

本期文末寄语

人生到处知何似，应似飞鸿踏雪泥。
泥上偶然留指爪，鸿飞那复计东西。
老僧已死成新塔，坏壁无由见旧题。
往日崎岖还记否，路长人困蹇驴嘶。
── 宋 · 苏轼《和子由渑池怀旧》

倾城之链作为一个开放平台，旨在云集全球优秀网站，探索互联网中更广阔的世界；在这里，你可以轻松发现、学习、分享更多有用或有趣的事物。

倾城之链 | 优质网站周刊