黑白梦黑白梦

toggle navtoggle nav
  • 文章
  • 专栏
  • 文章
  • 专栏

Next.js SSR 部署总结笔记

2026-02-13

2026-02-13

最近将博客从 SSG 改成了 SSR ,基于原有的数据库和前台界面,通过 AI 编程完全重写写了后端接口和管理端界面,实现前后端同构、服务端渲染等。在此记录一些部署中遇到的问题,以及 PM2 + Nginx 的部署配置信息。

一套可落地的 AI 编程思路:SPEC → PLAN → TASK

2026-01-25

2026-01-25

AI 编程的问题在于有没有一个稳定、可复用的工作流程。通过 SPEC → PLAN → TASK 这套流程,可解决需求混乱、上下文漂移、输出不稳定等常见问题。

AI 编程工具 Agent Skill 概念,在 Trea 中的使用 ui-ux-pro-max-skill ,以及创建自己的 Skill

2026-01-25

2026-01-25

Agent Skill 推出以来,各个 AI 编程工具都已增加对它的支持,这里以 Trea 为示例,了解如何使用已有的成熟 Skill ,以及自己按实际的需求创建 Skill 。

用 SwiftUI 构建 Hybrid 应用:WKWebView 封装与 Promise 风格 JSBridge

2026-01-12

2026-01-12

在 SwiftUI 中封装 WKWebView,构建一个可用于 Hybrid 应用的最小架构,包括 JS → Native 通信、Promise 风格的 JSBridge 实现、安全区处理以及 WKWebView 的调试方法。

Vue 3 的响应式系统基础原理分析,模拟实现 reactive、ref、computed 方法

2026-01-10

2026-01-10

Vue 3 的响应式系统基于 ES6 Proxy,通过拦截对象的访问和修改,实现依赖收集与更新机制,其核心源码位于 packages/reactivity 目录。

Prisma、Drizzle 等时间存储与时区问题

2025-10-19

2025-10-19

Prisma、Drizzle 的时间类型都会存储为 UTC 时间,JS 时间对象转换 SQL 也会基于 UTC 。应在数据库存 UTC,展示层转本地时区。

Prisma 使用笔记

2025-10-19

2025-10-19

Prisma 是一个 TypeScript 语言支持良好的 ORM 框架,具备良好的数据模型、自动迁移、类型安全和自动完成功能。

SwiftData 入门笔记

2025-08-03

2025-08-03

了解 SwiftData 模型定义、关联关系、容器与上下文配置、增删改查等,实现基本业务功能。

SwiftUI 常用基础组件与修饰符笔记

2025-08-03

2025-08-03

整理一些 SwiftUI 入门常用组件和对应修饰符的笔记,以及一些参考文档地址等。

AI 代码编辑器工作流实践:使用 Trae 开发 iOS 应用

2025-08-03

2025-08-03

通过上下文、项目索引、文档集、规则定义、项目说明文档等,搭建 AI 代码编辑器工作流。通过 Trae + Qwen-3-Coder 进行实践,也适用于其他 AI 代码编辑器和模型。

SwiftUI 入门:Swift语法、项目结构、声明式视图、响应式数据、组件拆分

2025-08-02

2025-08-02

学习原生 iOS 开发,快速入门 Swift 语言,使用 SwiftUI 控件,类似 React 的声明式语法、响应式数据、组件拆分。

基于 @sentry/react 实现一个简易的 JS 错误收集功能

2025-06-27

2025-06-27

前端的报错有很多种类,可通过 @sentry/react 的 beforeSend 事件,组织数据格式上报到自己的接口中。

Ollama 本地运行 DeepSeek 等开源大模型,开启局域网访问,支持其他服务调用

2025-05-27

2025-05-27

Ollama 可本地运行 DeepSeek 等开源大模型,除了使用它自身的 SDK ,也可以作为服务供其他程序调用。

ffmpeg 操作音频元数据

2025-05-11

2025-05-11

音频文件的元数据(如标题、艺术家、专辑等)是很多播放器归类的依据,为了更好的管理音频文件在 VLC 等播放器中的分组,可以根据需要对音频的元数据进行处理。

编写 Chrome 插件,自定义右键菜单功能,如实现划词跳转翻译网站

2025-05-11

2025-05-11

Chrome 插件可以给浏览器增加自定义的功能,如在右键菜单中增加菜单项。这时候我们就可以根据需要添加一些功能,如划词右键跳转翻译网站。

@emotion/react 配置 css props ,优雅的 css in js 方案

2024-11-19

2024-11-19

css in js 有很多写法,此前主要接触的是 styled 写法,但这个写法不太习惯,也需要额外的 IDE 插件支持。emotion 的 css props 则相当于拓展了原生 style 标签,没有任何心智负担,也不影响现有项目的样式模式,可以无缝接入。

使用 Cloudflare Workers 创建 Hono 服务,结合 Drizzle ORM 配置 D1 数据库,Pages 部署静态页面

2024-11-14

2024-11-14

Cloudflare 提供了较多的免费资源,结合 Hono 、Drizzle ORM 框架试用了一下它的 Workers、Pages、D1 服务。

pnpm 搭建 monorepo ,前后端项目共享类型安全的 Hono.js RPC 客户端

2024-11-09

2024-11-09

在 Hono.js 后端项目中导出类型,通过 pnpm 搭建 monorepo workspace ,即可在前后端项目间共享类型,实现类型安全的 RPC 客户端。

Clerk 服务使用笔记,结合 Next.js 和 Hono.js 使用

2024-11-03

2024-11-03

Clerk 是一个 serverless 登录鉴权服务,支持大量第三方的 OAuth 登录,很方便就能搭建起登录体系,免费额度也较高。结合 Next.js 和 Hono.js 使用可很容易实现前后台全面的鉴权。

drizzle-orm 使用笔记

2024-11-02

2024-11-02

2024 主流的 ts orm 工具,类型安全,无二进制文件依赖,支持各种 serverless 运行时和数据库服务。
第 1 页,共 10 页

©2015-2026 黑白梦 粤ICP备15018165号

联系: heibaimeng@foxmail.com