- 博客(134)
- 资源 (16)
- 收藏
- 关注
RSS订阅原创 Prisma ORM + Cloudflare + D1
欢迎抢先体验 Prisma ORM 中的边缘功能部署支持！通过此抢先体验，您可以在 Cloudflare Workers 或 Cloudflare Pages 上使用 Prisma Client，并将 Cloudflare D1 作为数据库。
2024-03-20 09:42:44
752
原创 一个开源的联邦宇宙（Mastodon、Fediverse）别名服务
网站：开源代码仓库：比如您在 Mastodon 系统上的用户名为：[email protected]@v0.md都指向到了。
2023-12-23 16:29:26
526
原创 @svelte-dev/pretty-code 一个漂亮的 Svelte MDsveX 代码高亮显示插件
要完全配置高亮器，使用选项。如果你想配置其他 Shikiji 选项，如langs，这将很有帮助。})
2023-12-18 13:52:53
945
原创 @svelte-dev/i18n 一个简单好用的 Svelte 国际化脚手架工具
官网： https://svelte.js.cool/i18n可以通过 , , 或者 进行安装：使用创建 声明：创建翻译文件，这里是一个示例：创建路由页面 或 。可选，配置语言参数校验 ：配置 ：在页面中使用：TypeDocs自动化生成的接口文档维护者： Willin Wang如果您对本项目感兴趣，可以通过以下方式支持我：Apache-2.0
2023-12-13 13:30:52
589
原创 @svelte-dev/session 一个简单好用的 Svelte Session 会话管理库
Session 是网站的重要组成部分，它允许服务器识别来自同一个人的请求，尤其是在涉及服务器端表单验证或页面上没有 JavaScript 时。会话是许多允许用户“登录”的网站的基本构建块，包括社交、电子商务、商业和教育网站。创建自定义的 Session 存储策略(可用于 Cloudflare Workers、Pages)官网：adapter: {options: {},session: {},cookie: {path: '/',},
2023-12-13 13:29:54
434
原创 @svelte-dev/auth 一个简单好用的 Svelte 身份管理库
Svelte Auth是一个完整的开源身份验证解决方案，适用于Svelte应用程序。深受和Remix-Auth的启发，但完全从头开始重写，以便在之上工作。Svelte Auth可以在最小的设置下添加到任何基于Svelte的应用程序中。与Passport.js一样，它使用策略模式来支持不同的身份验证流程。每个策略都作为单独的npm包单独发布。官网：如果您没有设置，您首先需要添加一个?'github';});然后添加回调// 根据实际需要修改?'github';});
2023-12-13 13:28:34
389
原创 Cloudflare Email Routing 免费邮件发送服务
Cloudflare Email Routing 免费邮件发送（作为 Service 服务）用于 Workers/Pages 项目中。
2023-12-01 13:59:33
780
原创 爱发电 OAuth 登录 SDK for Remix
注意：该文件命名采用的是 remix v2 规则，v1 的话用目录分隔。如果您对爱发电感兴趣，想要让其支持更多的框架。可以联系我进行定制开发。在项目根目录下创建一个。这个可以根据需要添加。这样已经大功告成了。
2023-11-13 14:11:12
212
原创 使用 Cloudflare 电子邮件路由轻松创建和路由电子邮件地址
超过四十亿人（也就是世界人口的一半）至少拥有一个电子邮件地址，其中许多人将它当成处理个人和职业事务的重要工具。每天收发的电子邮件数量超过 3000 亿封，但若只将电子邮件视为通信工具对它来说并不公平。它在我们生活当中的作用远远不止于消息传输工具，其用途也包括作为在线验证个人身份的一个常用途径，以及充当其他通信平台的网关。如今，大多数人将电子邮件用于敏感的用途，例如登录银行账户或与政府机关通信等。与此同时，他们也将同样的电子邮件用于申领网上找到的九折优惠券，而这必然会导致未来数月被垃圾邮件侵扰。
2023-10-26 09:55:39
653
1
原创 Remix 开发小技巧（五）
如果您尝试调用的终端节点影响加载程序使用的数据，您可能不希望只对其进行常规提取调用。Remix 的 useFetcher 钩子有很多你想要利用的生活质量功能，例如自动重新获取装载机重复请求取消避免具有多个请求的争用条件如果服务器返回重定向响应，则重定向客户端因此，为了在这里正确使用它，我们可以在模式中采用创建一个自定义的类型安全获取器钩子，我们可以在应用程序中的任何位置使用它。})},[fetcher],这是使我们与 tRPC 等解决方案具有平价功能缺失的部分。
2023-10-14 13:56:09
286
原创 Remix 开发小技巧（四）
我的首选解决方案是使用 ProgressiveClientOnly 组件，该组件将使用 CSS 隐藏服务器呈现的内容，并在 Javascript 可用时将其交换为客户端内容，否则它将显示服务器内容。这意味着，如果您在服务器上创建一个日期并将其发送到客户端，客户端将在其自己的时区中创建一个日期，该时区将与服务器的时区不同。由于 React 正在将它生成的 HTML 与浏览器显示的 HTML 进行比较，因此在服务器发送它和 React 开始运行的时间之间更改 HTML 的任何内容都可能导致水合错误。
2023-10-14 11:35:42
222
原创 Remix 开发小技巧（三）
这意味着，如果您尝试在 IDE 中访问 process.env ，它不会为您自动完成变量，并且您不会进行任何类型检查。Remix 使用全局导航状态，因此，如果您单击指向一个页面的链接，然后在加载之前单击指向其他页面的链接，则对第一页的请求将被取消。由于这些变量是在运行时提供的，而不是在构建时提供的，因此我们无法静态地保证将设置某些变量或它们将具有正确的类型。这对于您明确提交的表单可能有意义，但对于预期会自动保存的输入，您不希望仅因为用户单击链接太快而保存失败。环境变量是在运行时配置应用程序的一种方法。
2023-10-13 16:15:52
171
原创 Remix 开发小技巧（二）
访问加载器数据的典型方法是钩子，它将获取最近的加载器的数据。这是通过 React Context 实现的，因此您也可以在组件中使用它。这里有一把脚枪：如果您尝试在不同的路由中重用该组件，它将获取该路由的加载器数据。为了解决这个问题，Remix 提供了一个钩子，让你通过传递其 ID 来获取任何活动路由的加载器数据。请务必注意，这不会导致任何新的加载程序运行，它只是获取数据（如果可用）。首先，让我们介绍所有网页应用程序中最常见的错误之一，404 Not Found。
2023-10-13 15:49:45
153
原创 Remix 开发小技巧
需要考虑的事项：如果我们中止对另一个 API 的 POST 请求，并且该 API 没有中止数据库更改，我们可能仍然会遇到一半突变发生的问题，因为一半已经运行但另一半已中止。如果您将页码和大小存储在 URL 中，Remix 将获取新数据并在 URL 更改时立即显示在页面上，并且由于数据库通常有办法一次返回一页数据，因此您也可以免费获得。这些是生成 .js 输出的文件，是您通常编写代码的位置。应用的其他部分可能依赖于自己的查询参数，当我们创建设置参数的分页组件时，我们不希望覆盖其他查询 $skip 参数。
2023-10-12 11:15:01
172
原创 在 10 分钟内在 Remix (React) 中实现单点登录
这篇文章介绍了什么是单点登录以及如何使用 GitHub 和 Clerk 实现它。Clerk 是一个 SSO 提供程序，其集成可帮助您在更短的时间内安全地采用和实施应用程序的单点登录身份验证方案。我们在本教程中使用了 UI 组件，但您可以使用自定义 UI 组件和 Clerk SDK 中的 React 钩子执行相同的操作。您可以在 SDK 参考文档中阅读有关使用挂钩的更多信息。
2023-10-11 16:03:06
1328
原创 设计一个 SSO 单点登录系统
单点登录 （SSO） 发生在用户登录到一个应用程序，然后自动登录到其他应用程序时，无论用户使用的平台、技术或域如何。用户仅登录一次，因此功能的名称（单一登录）。例如，如果您登录 Gmail 等 Google 服务，您将自动通过 YouTube、AdSense、Google Analytics 和其他 Google 应用的身份验证。同样，如果您退出Gmail或其他Google应用程序，则会自动退出所有应用程序;这称为单点注销。SSO 可在用户使用应用程序和服务时提供无缝体验。
2023-10-11 12:32:36
250
原创 Hono——一个小型，简单且超快的Edges Web框架
Hono - [炎]在日语中的意思是火焰🔥 - 是一个小型，简单且超快的Edges Web框架。它适用于任何JavaScript运行时：Cloudflare Workers，Fastly Compute@Edge，Deno，Bun，Vercel，Netlify，Lagon，AWS Lambda，Lambda@Edge和Node.js。快，但不仅快。
2023-10-04 13:31:49
713
原创 Cloudflare KV 数据备份及迁移
免费域名申请：js.cool/sh.gg/憨憨.我爱你/kaiyuan.fund/log.lu/v0.chat 及其他，可以访问：该项目的源码位于：Remix v2Tailwind CSS 以及 DaisyUIRemix AuthGithub 登录策略TODO： 爱发电登录策略Cloudflare 服务Pages 托管KV 缓存D1 核心数据库API 包括 GraphQL 分析接口及 RESTful 管理 DNS 记录接口封装zod。
2023-09-29 22:06:17
337
原创 Remix v2 中使用 remix-i18n 进行国际化翻译
i18n（国际化）是指将应用程序设计为能够适应多种语言和区域设置，以满足不同国家和地区的不同语言和文化习惯。在现代软件开发中，i18n 已经成为了非常重要的一部分。为了让应用程序更好地支持不同语言和文化习惯，开发者需要使用各种工具和技术进行处理。Remix i18n 是一种基于 Remix 开发框架的 i18n 处理方式，它使得开发者能够非常方便地实现应用程序的国际化需求。本文将介绍 Remix i18n 的原理、使用方法以及适用场景。
2023-09-25 11:26:44
731
原创 Remix v2 + Cloudflare Pages 集成 Github 登录
这里通过 context 将服务传递进来，避免反复使用 env 进行初始化。参考这个， Env 是你自己所需要的环境变量的类型定义。由于 Cloudflare Pages 无法使用。如果需要通过类型提示的话，添加一个。
2023-09-18 23:57:00
770
原创 在 Apple M1/M2 下安装训练 MockingBird
安装时选择仅为当前用户，否则会说版本不兼容不让安装。的时候找不到wheel，尝试从c里build时找不到。并看更新时间，找最新版本。下载解压后移动到 bin 目录。，让项目跑在x86架构环境上。因上述方法没有成功，选择从。clone源码手动编译。
2023-09-18 13:41:49
467
原创 Remix+Cloudflare Pages+D1 快速上手
我们最近听到越来越多的关于Cloudflare的服务。我对Clouflare D1特别感兴趣，所以我决定研究一下。与这次我想使用的 Remix 一起，我想介绍 Remix + Cloudflare Pages + D1 的第一步。
2023-09-17 16:04:36
481
原创 NPM v0 包捐赠给 Vercel 后续—— v0.dev
v0 是由提供的由 AI 提供支持的生成式用户界面系统。它基于Shadcn UI和生成复制和粘贴友好的React代码，人们可以在他们的项目中使用。
2023-09-15 10:19:24
457
原创 Tailwind CSS 初学者指南
Tailwind CSS 不是一个典型的 CSS 框架，它为您提供现成的组件，如按钮、卡片或导航栏。相反，它为您提供了一组低级实用程序类，您可以组合和自定义这些类，以直接在HTML中创建所需的任何设计。这是传统 CSS 框架：
2023-09-14 09:27:43
1133
2
原创 Vercel的下一件大事：AI SDK和开发人员加速器
Vercel 将 SDK 定义为“一个可互操作、支持流媒体、边缘就绪的软件开发工具包，用于使用 React 和 Svelte 构建的 AI 应用程序”。它支持React/Next.js和Svelte/SvelteKit，对Nuxt/Vue的支持“即将推出”。[更新：Vercel建议Nuxt和Solid.js框架现在都受支持。在LLM方面，SDK“包括对OpenAI，LangChain和Hugging Face Inference的一流支持。为了补充SDK，Vercel提供了一个游乐场，里面有二十多个LLM。
2023-09-13 14:13:50
212
原创 在 Next.js App目录中使用 Code Hike
接下来.js 13 在使用内容层和应用程序目录时遇到了一些问题，但此问题已在 Next.js 的 13.0.3 版本中修复。函数内部，我们传递下一个JS配置。如果要直接在目录中写入 MDX 文件，请确保在。完成此步骤后，您可以在项目中使用 MDX 文件，但还不能使用 Code Hike。然后还要安装下一个 mdx 插件、mdx 加载器和 Code Hike。在插件旁边，您可以传递一个配置对象。有了这个单独的组件，我们就可以使用Code Hike。，代码高亮提示我正在使用精彩的Code Hike库。
2023-09-12 14:45:10
133
原创 2023 年 Vue 最流行的动画库
Vue.js 因其简单性和灵活性而广受欢迎。Vue.js 以其创建流畅且引人入胜的动画视觉效果的能力而闻名。除了 Vue.js 内置的动画功能外，Vue 动画库还允许您创建自定义动画。为什么我们需要 Vue 动画库？它是一个专门为 Vue.js 应用程序设计的动画组件库。使用此库，您的 Vue.js 应用程序可以轻松展示引人注目的动画，而无需编写复杂的 CSS 或 JavaScript 代码。借助 Vue 的动画库，可以创建各种令人惊叹的效果，包括淡入、幻灯片、弹跳等。
2023-09-11 19:47:52
1215
原创 什么是Vercel？
Vercel 是一个面向前端开发人员的云平台，通过它我们可以抽象出部署、预览、CI/CD、API 调用和一大堆其他功能。免费。2020 年 4 月，Zeit 更名为 Vercel，反映了其对核心产品的关注以及对持续改进的承诺。自成立以来，Vercel在开发和推广Jamstack架构方面发挥了重要作用，该架构强调静态站点生成和无服务器功能，以构建快速安全的Web应用程序。Vercel 也是流行的 Next.js 框架背后的公司，这是一个基于 React 的框架，用于构建服务器渲染的应用程序。
2023-09-11 10:39:50
2788
原创 JavaScript 运行时比较： Node.js、 Deno 和 Bun
JavaScript 运行时可帮助您构建高级的、服务器驱动的 JavaScript 项目，这些项目不依赖于用户的浏览器来运行。有几种运行时可供选择，老牌坚定至高无上地位的 Node.js受到 Deno 和 Bun 的挑战。Deno是由最初创建Node.js的开发人员Ryan Dahl在2009年制作的最新项目。Deno旨在通过细粒度访问控制来提高其安全性，并提供更现代的功能，例如本机TypeScript支持和更好的Web兼容性。与此同时，Bun是最新的新贵，提供极快的速度，并显着优于其竞争对手。但是，它仍处
2023-09-10 10:55:27
1505
1
原创 理解 React 服务器组件
在高层次上，React Server Components 是一个全新范式的名称。在这个新世界中，我们可以创建仅在服务器上运行的组件。这允许我们做一些事情，比如在我们的 React 组件中编写数据库查询！return ())}作为一个已经使用 React 多年的人，这段代码起初对我来说绝对是疯狂的。😅“但是等等！”，我的直觉尖叫着。“函数组件不能是异步的！而且我们不允许像这样直接在渲染中产生副作用！服务器组件永远不会重新渲染。
2023-09-08 17:21:20
958
原创 Node.js 20.6支持.env配置文件，加入C++垃圾回收函式库Oilpan
env文件用于配置将存在于正在运行的应用程序中的环境变量。这个想法来自十二因素应用程序方法，该方法说要存储环境中部署之间可能有所不同的所有内容（例如开发，暂存，生产）。配置不应是应用程序代码的一部分，也不应签入到版本控制中。API 凭据或其他机密等内容应单独存储，并加载到需要它们的环境中。通过文件，.env可以管理在环境中设置变量不切实际的应用程序（如开发计算机或 CI）的配置。有许多不同的语言的库支持使用.env文件将变量加载到环境中，它们通常被称为“dotenv”，也不例外。
2023-09-07 11:03:48
771
原创 Framer Motion 教程：创建 React 动画就这么容易
React 中的动画以及整个 Web 中的动画是随着时间的推移更改页面上 UI 元素的视觉状态的过程。视觉状态是什么意思？影响元素外观的任何属性：高度、形状、相对于其他元素的位置等。动画的核心思想是，随着时间的推移，您正在更改页面上某些内容的某些可见属性。有几种方法可以在 React 中创建动画，但它们都分为两大类：CSS 动画，通过应用 CSS 规则来更改视觉状态;以及JavaScript动画，它使用JavaScript来更改元素的属性。在这两个类别中，您可以从头开始实现动画，也可以使用库。
2023-09-04 10:12:41
694
原创 Remix 和 Next.js 中实现依赖注入
Next.js 是一个 React 框架，它可以让你快速地构建服务器渲染的 React 应用程序。这是一个简单的 Next.js 依赖注入的示例。在实际应用中，你可能需要使用更复杂的解决方案，但是这个例子演示了如何使用。接下来，它将用户列表显示在一个简单的列表中。中，我们将服务包装在一个上下文中，并将其作为 props 传递给我们的组件。的 prop，该 prop 是用于传递所有依赖项的对象。中注入依赖项，然后将其作为 props 传递给任何组件。创建一个上下文对象。然后，在我们的组件中，我们可以使用。
2023-09-03 09:28:10
899
1
原创 Next.js Web 应用程序 SSG 与 SSR——选择正确的渲染方法
静态站点生成，顾名思义，在构建时生成静态 HTML 文件。每次构建应用程序时，都会创建一堆页面。然后将这些文件提供给用户，这意味着当用户访问网站时，服务器不需要做任何额外的工作。此方法非常适合内容不经常更改的网站，例如博客或文档网站。服务器端呈现涉及在用户请求时为服务器上的每个页面生成 HTML。使用 SSR，有一个服务器可以预渲染页面 - 它就像一个模板，您可以将变量插入其中，服务器处理所有渲染。这发生在请求时，因此当用户请求页面时，他们会获得服务器端呈现的页面。
2023-09-02 12:02:33
1410
1
原创 代码灵魂——通过你的代码表达你的意图
在 TypeScript 中，使用枚举类型可以方便地定义常量和枚举值，提高代码的可读性和可维护性。// 使用枚举类型定义常量在使用枚举类型时，需要注意枚举值的正确性和可读性，避免出现歧义或冲突。
2023-09-01 00:58:23
220
原创 使用 NestJS 和 Prisma 构建 REST API
在本教程中，您将学习如何为名为“Medium”（一个简单的模仿）的博客应用程序构建后端 REST API。您将从创建一个新的 NestJS 项目开始。然后，您将启动自己的PostgreSQL服务器并使用Prisma连接到它。最后，您将构建 REST API 并使用 Swagger 对其进行记录。祝贺！你已经使用 NestJS 构建了一个基本的 REST API。使用 NestJS 构建了一个 REST API将Prisma顺利集成到NestJS项目中。
2023-08-30 15:38:03
532
原创 如何使用 NestJS 构建 GraphQL API
本 GraphQL 和 NestJS 教程最后更新于 2023 年 8 月，旨在探索使用 GraphQL API 的好处。NestJS是一个TypeScript Node.js框架，可帮助您构建企业级，高效且可扩展的Node.js应用程序。它支持 RESTful 和 GraphQL API 设计方法。GraphQL 是一种用于 API 的查询语言，也是使用现有数据完成这些查询的运行时。
2023-08-30 13:14:58
431
原创 使用 Next.js、Langchain 和 OpenAI 构建 AI 聊天机器人
在当今时代，将 AI 体验集成到您的 Web 应用程序中变得越来越重要。与 Next.js 的强大功能相结合，提供了一种无缝的方式来将 AI 驱动的功能引入您的应用程序。在本指南中，我们将学习如何使用和构建AI聊天机器人。
2023-08-27 14:18:13
1129
1
原创 如何利用 MidJourney 进行 AI 艺术创作（详细教程）
Midjourney是生成AI的一个很好的例子，它根据文本提示创建图像。它已成为创建AI艺术的最流行的工具之一，与Dall-E和Stable Diffusion一起。与竞争对手不同，Midjourney是自筹资金和闭源的，因此确切地知道引擎盖下是什么是多云的。我们知道它严重依赖机器学习技术，如大语言和扩散模型。结果有时令人吃惊，总是令人印象深刻，并且可以具有非常逼真的品质。与其他AI艺术生成器不同，它没有免费试用。它变得如此流行，以至于在使用之前必须注册订阅。
2023-08-25 22:15:18
1008
1
一个基于 GraphQL 的 Node.js 工单系统
2023-08-08
A Brave Female Image- Interpretation of Hester in Scarlet Letter
2023-01-04
Authing + Wechaty 落地实际产品应用 PPT 演示稿
2022-07-29
元宇宙发地 Solidity 合约、SDK 及测试
2022-05-17
NFT 入门级项目-简单的道具批量生成完整项目源码
2022-04-29
wp-authing-0.0.3.zip
2022-03-25
Authing Remix SDK 示例项目，全栈框架应用快速集成单点登录 SSO
2022-01-30
Authing Next.js SDK 示例项目，全栈框架应用快速集成单点登录 SSO
2022-01-30
NFT 盲盒生成-批量图片生成、压缩、重命名示例
2022-01-25
Sidecar-12Monterey.scpt
2021-12-24
Sidecar-11BigSur.scpt
2021-12-24
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人