棱镜

快速入门   •   网站   •   文档   •   示例   •   博客   •   Discord   •   Twitter

---

Prisma 是下一代 ORM，由以下工具组成：

• Prisma Client：Node.js 和 TypeScript 的自动生成和类型安全查询构建器
• Prisma Migrate：声明式数据建模和迁移系统
• Prisma Studio：用于查看和编辑数据库中数据的 GUI

Prisma 客户端可用于任何Node.js 或 TypeScript 后端应用程序（包括无服务器应用程序和微服务）。这些应用程序可以是REST API、GraphQL API、gRPC API，或任何其他需要数据库的 API。

Prisma ORM 还可以通过以下 Prisma 产品进一步扩展：

• Prisma Accelerate：具有可扩展连接池的全局数据库缓存
• Prisma Pulse：具有类型安全订阅的实时数据库事件
• Prisma Optimize：人工智能驱动的查询优化和性能洞察
• Prisma Studio：数据库中数据的可视化编辑器

入门   •   API 和 SDK 参考

贡献   •   示例

这是OpenTelemetry的 JavaScript 版本，它是一个用于从应用程序收集跟踪、指标和日志的框架。

OpenTelemetry JS 的大部分文档都是假设编译后的应用程序以 CommonJS 运行而编写的。有关 ECMAScript 模块与 CommonJS 的更多详细信息，请参阅esm-support。

下面介绍了如何为基本的 Web 应用程序设置跟踪。有关更详细的文档，请参阅网站https://opentelemetry.io/docs/instrumentation/js/。

NPM 上带有 标记的依赖项latest应相互兼容。有关更多信息，请参阅下面的版本兼容性矩阵。

npm install --save @opentelemetry/api
npm install --save @opentelemetry/sdk-node
npm install --save @opentelemetry/auto-instrumentations-node

注意：是来自 opentelemetry-js-contribauto-instrumentations-node的元包，它提供了一种初始化多个 Node.js 仪器的简单方法。

// tracing.js
'use strict'

const process = require('process')

更快地构建防弹 UI 组件

Storybook 是一个用于独立构建 UI 组件和页面的前端工作坊。成千上万的团队使用它进行 UI 开发、测试和文档编写。了解更多信息，请访问https://storybook.js.org

查看自述文件：

• 🚀入门
• 📒项目
  • 🛠支持的框架和示例
  • 🔗插件
• 🏅徽章和演示材料
• 👥社区
• 👏贡献
  • 👨‍💻开发脚本
  • 💵支持者
  • 💸赞助商
• 📝许可证

访问Storybook 的网站来了解有关 Storybook 的更多信息并开始使用。

可以在Storybook 的文档网站上找到文档。

查看组件百科全书，了解领导团队如何使用 Storybook。

使用storybook.new在 Stackblitz 中快速创建示例项目。

Storybook 附带大量用于组件设计、文档编写、测试、交互等方面的插件。Storybook 的 API 使其能够以各种方式进行配置和扩展。它甚至已经扩展到……

Stimulus 是一个目标不高的 JavaScript 框架。它并不试图接管你的整个前端——事实上，它根本不关心 HTML 渲染。相反，它旨在通过适度的行为来增强你的 HTML，使其更加出色。Stimulus 与Turbo完美结合，以最少的投入，为快速、引人注目的应用程序提供完整的解决方案。

它是如何工作的？在 HTML 中添加 controller、target 和 action 属性：

<div data-controller="hello">
  <input data-hello-target="name" type="text">

  <button data-action="click->hello#greet">Greet</button>

  <span data-hello-target="output"></span>
</div>

然后编写一个兼容的控制器。Stimulus 会自动让它生效：

// hello_controller.js
import { Controller } from "@hotwired/stimulus"
export default class extends

你还记得Twitter 上那些 代码截图吗？虽然这些 代码通常都令人印象深刻，但我们发现在美观方面还有改进的空间。Carbon 让你可以轻松创建和分享精美的源代码图片。还在等什么？快来用你新发现的设计能力，给你的粉丝们留下深刻印象吧！

• 自定义。自定义图像的语法主题、字体样式等
• 快速分享。只需单击一下即可保存图片或链接
• 保存片段。创建帐户即可保存片段以供日后使用。共享的片段会自动在 Twitter 和 Slack 上展开。

有几种不同的方法可以将代码导入 Carbon：

• 将文件拖放到编辑器上
• 附加 GitHub...

本教程旨在帮助人们快速上手并运行容器，并设计用于 Docker Desktop。虽然不会深入探讨，但涵盖以下主题：

• 运行你的第一个容器
• 构建容器
• 了解容器
• 运行和删除容器
• 使用卷来保存数据
• 使用绑定挂载来支持开发
• 使用容器网络支持多容器应用程序
• 使用 Docker Compose 简化应用程序的定义和共享
• 使用镜像层缓存来加速构建并减少推送/拉取大小
• 使用多阶段构建来分离构建时和运行时依赖项

如果您希望运行本教程，可以在安装 Docker Desktop 后使用以下命令：

docker run -d -p 80:80 docker/getting-started

一旦启动，您就可以打开浏览器访问http://localhost。

该项目有一个docker-compose.yml文件，它将……

超过 3200 个热门品牌的免费 SVG 图标。SimpleIcons.org上的一页即可查看所有图标。贡献、更正和请求可在 GitHub 上进行。

图标可以直接从我们的网站下载为 SVG - 只需单击您想要的图标的下载按钮，下载就会自动开始。

图标可以通过 CDN（例如jsDelivr或unpkg ）获取。只需使用simple-iconsnpm 包并在 URL 中指定版本即可，如下所示：

<img height="32" width="32" src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/[ICON SLUG].svg" />
<img height="32" width="32" src="https://unpkg.com/simple-icons@v13/icons/[ICON SLUG].svg" />

哪里[ICON SLUG]被您想要的图标的slug替换了……

MDN Web Docs是一个开源的协作项目，记录了包括 CSS、HTML、JavaScript 和 Web API 在内的 Web 技术。除了详细的参考文档外，我们还为开始进行 Web 开发的学生和初学者提供广泛的学习资源。

MDN 的使命是提供更好的互联网蓝图，并支持新一代开发人员和内容创建者构建它。

MDN Web Docs 的优势在于其庞大的活跃读者和贡献者社区。自 2005 年以来，约有 45,000 名贡献者创建了我们熟知和喜爱的文档。这些贡献者共创建了超过 45,000 份文档，为全球 Web 开发者提供了最新、全面且免费的资源。

除了英文文章外，还有超过 35 名志愿者负责中文、法语、日语、韩语、葡萄牙语、俄语和西班牙语的翻译和本地化工作。

要在本地设置站点，您需要...

这是我制作的一个小网站，可以让我轻松地制作抽认卡并测试自己对以下内容的记忆：

• 计算机科学常识
  • 词汇
  • 流程定义
  • 2的幂
  • 设计模式
• 代码
  • 数据结构
  • 算法
  • 解决问题
  • 按位运算

可将其用于：

• 桌面
• 移动设备（手机和平板电脑）

它使用：

• Python 3
• 烧瓶
• SQLite

以下是简要介绍：https://startupnextdoor.com/flash-cards-site-complete/

卡片列表界面。在这里您可以添加和编辑卡片。

通用闪存卡的正面。

代码闪存卡的反面（答案面）。

该项目中包含的集合（cards-jwasham.db）不是我的完整集合，而且已经太大了。

谢谢你问我1792张卡片的清单。不过实在太多了。我甚至把它们打印出来了。一共有50页，正反面都是小字……

这是一个 Next.js 示例项目，展示了 Next.js 即将推出的使用 Notion私有API 作为后端的 SSG（静态站点生成）支持。

注意：本示例使用的是实验性的 SSG 钩子，仅在 Next.js 金丝雀分支中可用！本示例中使用的 API 会随时间变化。由于它使用了私有 API 和实验性功能，因此这些内容随时可能发生变化，因此使用时请自行承担风险。

Vercel 上托管的实时示例：https://notion-blog.vercel.app/

要查看设置 Notion 以使用此示例的步骤，请查看https://notion-blog.vercel.app/blog/my-first-post上的帖子或按照以下步骤操作。

使用 Vercel 部署您自己的 Notion 博客。

或者

1. 克隆此 repogit clone https://github.com/ijjk/notion-blog.git
2. 使用以下方式配置项目vc
3. 在你的项目NOTION_TOKEN中将你的和BLOG_INDEX_ID作为环境变量添加。请参阅此处了解如何查找这些值
4. 进行最终部署vc

笔记…