Comlink 让Web Workers 的使用变得轻松愉快。Comlink 是一个体积小巧（仅 1.1kB）的库，它消除了用户在使用 Workers 时产生的心理障碍postMessage，并隐藏了用户正在使用 Workers 的事实。

从更抽象的层面来说，它是 RPCpostMessage和ES6 代理的实现。

$ npm install --save comlink

不支持ES6 Proxy 的浏览器可以使用proxy-polyfill。

大小：约 2.5k，压缩后约 1.2k，brotli 压缩后约 1.1k

在移动设备上，尤其是在低端移动设备上，保持主线程尽可能空闲至关重要，这样才能快速响应用户交互，提供流畅的用户体验。UI线程应该只用于 UI 操作。WebWorker 是一种 Web API，允许你在单独的线程中运行代码。WebWorker 提供了一个postMessageAPI，用于与其他线程通信。你可以发送 JavaScript 对象……

npm install @notionhq/client

请使用 Notion 的入门指南来设置使用 Notion 的 API。

使用集成令牌或 OAuth访问令牌导入并初始化客户端。

const { Client } = require("@notionhq/client")

// Initializing a client
const notion = new Client({
  auth: process.env.NOTION_TOKEN,
})

向任何 Notion API 端点发出请求。

请参阅API 参考文档中的完整端点列表。

;(async () => {
  const listUsersResponse = await notion.users.list({})
})()

每个方法都会返回一个Promise用于解析响应的结果。

console.log(listUsersResponse)

{
  results: [
    {
      object: 'user'
      id: 'd40e767c-d7af-4b18-a86d-55c61f1e39a4',
      type: 'person',
      person: {
        email: 'avo@example.org',

Capacitor 允许您使用单一代码库和跨平台 API 在 iOS、Android、Web 等平台上原生运行 Web 应用程序。

Capacitor 提供了一个跨平台 API 和代码执行层，让您可以轻松地从 Web 代码调用原生 SDK，并编写应用所需的自定义原生插件。此外，Capacitor 还提供一流的渐进式 Web 应用 (PWA) 支持，因此您只需编写一个应用，即可将其部署到应用商店和移动 Web 端。

Capacitor 提供了一个插件 API，用于构建原生插件。插件既可以编写在 Capacitor 应用内部，也可以打包成 npm 依赖项供社区使用。我们鼓励插件作者使用 Swift 开发 iOS 插件，使用 Kotlin（或 Java）开发 Android 插件。

Capacitor 的设计理念是即插即用，可以轻松集成到任何现有的现代 Web 应用程序中。运行以下命令即可初始化 Capacitor……

• 如何使用
• 在线演示
• 文档

使用您偏好的软件包管理器：

npm install notistack
yarn add notistack

实例化SnackbarProvider组件并开始显示提示栏：（有关可用属性的完整列表，请参阅文档）

import { SnackbarProvider, enqueueSnackbar } from 'notistack';
const App = () => {
  return (
    <div>
      <SnackbarProvider />
      <button onClick={() => enqueueSnackbar('That was easy!')}>Show snackbar</button>

SimpleBar 的功能只有一个：在不影响性能的前提下，用自定义 CSS 样式的滚动条替换浏览器的默认滚动条。与一些流行的插件不同，SimpleBar 不使用 JavaScript 模拟滚动，因此不会出现卡顿和奇怪的滚动行为。您可以保留原生滚动的流畅体验……同时拥有自定义滚动条。SimpleBar并未实现自定义滚动行为，它保留了原生 overflow: auto滚动，仅替换了滚动条的视觉外观。

• 🐦 在Twitter或Mastodon 上关注我！
• 👨‍💻 如果你喜欢 Simplebar，请我喝杯咖啡吧！

SimpleBar 使用纯 CSS 来设计滚动条样式。您可以轻松地根据需要进行自定义！甚至可以在同一页面上使用多种样式……或者保留默认样式（“Mac OS”滚动条样式）。

压缩后仅 6kb。SimpleBar 不使用 JavaScript 处理滚动，因此可以保留原生滚动条的性能和行为。

SimpleBar 已在以下平台上进行过测试……

使用CSSinJS和对象表示法（使用styled-components ）在React中实现GOV.UK 设计系统。

我们计划按优先级顺序跟踪以下项目，确定需要实现的组件以及它们的外观和行为。我们会尽可能使用现有的 CSS 作为参考。如果需要修改以适应自定义标记，我们会在代码中添加注释，说明修改原因。

• GOV.UK 前端
• GOV.UK 设计系统（来源）
• GOV.UK 出版组件
• GOV.UK 设计系统待办事项列表（其中包含引用现有 GOV.UK 网站中的模式/组件的未解决工单）
• GOV.UK/元素
• 任何其他已建立的govuk模式

该项目目前或曾经被以下机构使用：

• 互联开放政府统计数据 2
• 教育部
• 环境、食品和农村事务部 2
• 国际贸易部 2 3 4
• 商业、能源和产业战略部
• 部门…

用于 HTML 的高级工具

htmx 允许您使用属性直接在 HTML 中访问AJAX、CSS 过渡、 WebSocket和服务器发送事件，因此您可以利用超文本的简洁性和强大功能构建现代用户界面。

htmx 文件很小（压缩后最小约 14k），无依赖项且可扩展。

• 为什么只有<a>主机<form>才能发起HTTP请求？
• 为什么只有click&submit事件才会触发它们？
• 为什么只允许使用 GET 和 POST 方法？
• 为什么只能更换整个屏幕？

通过移除这些任意约束，htmx 将 HTML 完善为超文本。

  <script src="https://unpkg.com/htmx.org@2.0.3"></script>
  <!-- have a button POST a click via AJAX -->
  <button hx-post="/clicked" hx-swap="outerHTML">
    Click Me
  </button>

andhx-post属性hx-swap告诉 htmx：

“当一个…

Vue.js 3.0 UI 库，由Epicmax
开发，Vasili Savitski设计。

文档| Discord

Vuestic UI 永久免费，并欢迎大家贡献代码。请参阅我们的问题 贡献指南，并加入我们的Discord讨论，帮助我们改进 Vuestic UI 的使用体验。

使用以下命令，即可借助Vuestic或Vuestic Admin快速搭建新的 Vite 或 Nuxt 项目。

npm create vuestic@latest

ui.vuestic.dev上提供了文档、指南、示例和教程。

感谢BrowserStack提供基础设施，使我们能够使用所有可能的浏览器进行测试。

感谢Chromatic提供视觉测试平台，帮助我们审查 UI 更改并防止视觉回归。

成为合作伙伴：hello@epicmax.co

如有任何疑问，欢迎随时提问或通过官方社区Discord 服务器联系我们。

观看 Vuestic UI 库的实际应用。Vuestic Admin就是一个很好的例子……