自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(84)
  • 资源 (1)
  • 收藏
  • 关注

原创 【SDD】Spec-Kit、OpenSpec与Superpowers深度解析

Spec-Kit、OpenSpec与Superpowers代表了AI编程规范化的三个不同切入点。Spec-Kit和OpenSpec解决的是“AI要做什么”的问题——通过结构化规范消除需求歧义;而Superpowers解决的是“AI怎么做”的问题——通过流程门禁和技能系统确保执行质量。三者并非竞争关系,而是互补关系。随着AI编程从“个人效率工具”走向“企业级交付流程”,这套“规范先行 + 纪律执行”的组合拳,正在成为AI辅助开发的新范式。

2026-08-03 23:27:10 183

原创 RabbitMQ 使用说明文档

RabbitMQ 是一个开源的消息代理软件(Message Broker),用于在分布式系统中实现消息的异步传递。它基于 AMQP(高级消息队列协议)标准,支持多种编程语言,如 Python、Java、C# 等。RabbitMQ 的核心作用是,确保消息的可靠传递。在微服务架构中,RabbitMQ 作为消息中间件,广泛应用于等场景。

2026-08-01 16:46:43 169

原创 RabbitMQ | RocketMQ | Kafka | Redis

Kafka 是“数据公路”,RocketMQ 是“银行级保障”,RabbitMQ 是“可靠快递员”,Redis 是“临时仓库”。选型的核心依据永远是。

2026-08-01 15:57:05 213

原创 六个SEO技术

robots.txt和 sitemap.xml是基础,确保网站可被爬取。TDK和JSON-LD是关键,帮助搜索引擎理解内容。Open Graph是放大器,提升内容在社交网络上的传播力。Web Vitals是评判标准,确保整个过程拥有良好的用户体验。对于前端开发者来说,将这些最佳实践融入日常开发,是提升网站SEO表现最可靠的方式。

2026-08-01 10:21:51 236

原创 cross-env

cross-env是一个非常轻量且实用的工具,它通过提供一个统一的、跨平台的接口来设置环境变量,极大地简化了跨平台 Node.js 项目开发中 npm 脚本的编写工作。

2026-07-31 17:30:56 221

原创 【MDX】 Markdown 和 JSX 融合

MDX 是一种将 Markdown 和 JSX 融合在一起的格式,它让你能在Markdown文档里直接使用React等框架的组件。这为编写交互式的技术文档、博客和组件库文档带来了全新的可能性。

2026-07-31 17:04:55 223

原创 CSR/SSR/SSG

服务器返回一个几乎为空的HTML外壳和JavaScript文件,浏览器下载并执行JS后,动态获取数据并渲染页面。典型的单页应用(SPA)如Vue、React默认采用此模式。在项目构建时预先生成所有页面的静态HTML文件,部署到CDN后直接分发。用户请求页面时,服务器实时获取数据并生成完整的HTML,直接返回给浏览器。浏览器拿到的是已经填充好内容的页面。的页面,如电商商品详情页(价格/库存频繁变动)、新闻文章、个股详情页等。例如登录后的个人资产页面,直接用CSR即可。内容相对静态、更新频率低的页面,如。

2026-07-31 14:27:14 165

原创 内部 BFF(Backend for Frontend)

内部 BFF 是一种以用户界面为中心的架构模式,它通过为每个前端创建专属的后端服务,来解决多端场景下通用API的灵活性不足问题。它的核心价值在于赋予前端团队更大的自主权,从而提升开发效率和用户体验。虽然带来了额外的复杂度和成本,但在需要精细化管理多端体验的大型项目中,BFF 模式是一种非常有效的解决方案。BFF 模式也衍生出了“胖BFF”和“瘦BFF”等不同形态的讨论。如果你想了解这方面的细节,我可以继续为你介绍。

2026-07-30 20:13:35 154

原创 tRPC(TypeScript RPC)概述

tRPC(TypeScript Remote Procedure Call)是一个专为 TypeScript 全栈项目设计的轻量级 RPC 框架。其核心目标是让前端与后端的通信实现端到端的完全类型安全(end-to-end typesafe),且不需要手动编写 API 契约、Schema 定义或代码生成。与腾讯开源的 tRPC 框架不同,TypeScript tRPC 并非企业级微服务框架,而是一个聚焦于全栈 TypeScript 开发体验的库。核心理念。

2026-07-30 19:48:11 208

原创 Zod 校验库

/ 定义一个对象 schema});使用.refine(){ message: "至少需要 8 个字符" }// 更复杂的示例:密码必须包含数字"密码必须包含至少一个数字".refine(val => val.length >= 8, "至少8个字符").refine(val => /\d/.test(val), "必须包含数字").refine(val => /[A-Z]/.test(val), "必须包含大写字母");Schema 级别自定义。

2026-07-30 17:28:24 234

原创 Monorepo(多包存储库)Turborepo 和 Nx

Turborepo 和 Nx 都是现代前端工程中用于管理Monorepo(多包存储库)的任务编排与缓存系统。Monorepo 的核心挑战在于:一个仓库包含数十甚至上百个项目,每个项目都有自己的构建、测试流程。如果没有工具辅助,顺序执行所有任务会极其耗时。Turborepo 和 Nx 正是为了解决这个问题而生,它们通过依赖图分析、智能任务调度和缓存三大机制来加速工作流。工具核心回答的问题包如何安装和链接?任务如何快速、按正确顺序运行?多包版本管理和发布流程如何管理?Bazel。

2026-07-30 16:34:59 201

原创 【项目管理】pnpm Monorepo

Monorepo(单一存储库)是一种项目管理方式,即将多个工程放到一个 Git 仓库中进行管理。这种方式使得多个项目可以共享同一套构建流程、代码规范,特别是当存在模块间相互引用时,查看代码、修改 Bug、调试等会更加方便。pnpm 内置了对 Monorepo 的完整支持,通过机制将多个项目整合在单个存储库中。

2026-07-30 16:14:31 192

原创 CodeGraph 使用技能 (Skill)

以下是为 AI 助手编写的,你可以将其作为 system prompt 或 skill 文件导入,让 AI 助手熟练掌握 CodeGraph 的各项能力。

2026-07-29 19:45:51 248

原创 【Vibe Coding】CodeGraph 使用文档

CodeGraph 是一个为 AI 编程助手构建的语义代码知识图谱工具。它通过预先索引代码结构,让 AI 助手能够“理解”代码,而不是靠 grep 和逐文件阅读来猜测。在 7 个真实开源项目上的基准测试中,使用 CodeGraph 平均减少了和。

2026-07-29 19:42:19 299

原创 MyBatis 使用说明

MyBatis 通过 XML 或注解的方式将要执行的各种 Statement 配置起来,并通过 Java 对象和 Statement 中的 SQL 进行映射生成最终执行的 SQL 语句,最后由 MyBatis 框架执行 SQL 并将结果映射成 Java 对象并返回。核心特点将 SQL 与 Java 代码分离,便于统一管理和优化。支持动态 SQL,灵活应对复杂查询。提供映射标签,支持对象与数据库 ORM 字段关系映射。支持声明式缓存,集成简单。

2026-07-27 09:29:53 172

原创 **传统 MVC 三层架构** (Spring Boot 标配) | **DDD 四层架构** (Java范式)

如果你的项目现在全是MVC的贫血模型,不必完全推倒重来。第一步:先把Service中的if-else逻辑,下沉到Entity实体类中(让实体充血)。第二步:把Service改名为,让它只负责调用实体方法和Repository。第三步:引入Repository接口,把DAO放到包下实现。做到这三点,哪怕你依然用的,你的代码已经走在DDD的正确道路上了。记住:DDD 的核心不是分层,而是“让领域模型(实体)拥有大脑”,而不是让 Service 当保姆。如果还有具体场景的困惑,随时拿代码来问,我帮你重构!

2026-07-23 15:01:44 208

原创 MapStruct 的转换实践

定义 BaseMapping 基类抽取通用的转换逻辑(如统一的日期格式),避免重复配置。// ... 反向及集合转换方法之后,具体的 Mapper 可以通过来继承这些配置。处理复杂类型转换对于 MapStruct 无法自动映射的复杂类型,可以定义自定义方法来完成。// 自定义方法:将 JSON 字符串解析为 List<UserConfig>// ... 解析逻辑// 映射时会自动调用上面的自定义方法当采用充血模型时,Model包含了业务逻辑。保护领域模型严禁将Model直接暴露给外部。

2026-07-23 14:31:32 180

原创 对比POJO / Model / VO / DTO

POJO是血统(没继承框架);Model是身份(业务核心,可有逻辑);DTO是车票(跨层/跨进程传输,不含逻辑,面向接口);VO是衣服(展示给用户看,面向UI,不含逻辑,频繁随页面变化)。Controller 层只认 VO 和 Request,Service 层只认 DTO 和 Model,Repository 层只认 DO,四层之间用 MapStruct 隔离转换。这样无论前端怎么改、数据库怎么变,你的核心业务代码(Model层)都能稳如泰山。

2026-07-23 11:38:08 184

原创 Java DDD(领域驱动设计)

摘要: 领域驱动设计(DDD)是一种代码组织哲学,强调用代码直接表达业务逻辑,而非分散在CRUD中。Java中的经典DDD范式包括四层架构(表现层、应用层、领域层、基础设施层)和六大战术模式(值对象、实体、聚合根、仓储接口、领域服务、应用层服务)。核心原则包括: 领域层纯POJO:禁止依赖Spring或数据库,仅定义业务规则; 聚合根统一操作:外部只能通过聚合根访问聚合内实体; 依赖倒置:领域层定义仓储接口,基础设施层实现; 应用层极薄:仅协调领域对象,不包含业务逻辑。

2026-07-23 11:10:37 188

原创 【submodule 多仓管理】gitmodules

是 Git 实现模块化与依赖管理的关键。通过它,你可以清晰地声明项目所需的外部仓库,实现对依赖版本的精确控制。建议你在日常使用中,多通过系列命令来与交互,而非直接编辑文件,这样更安全、也更规范。

2026-07-23 10:16:48 229

原创 OpenSpec 规范开发框架完整文档

OpenSpec 是一个规范优先的编程框架,通过结构化工作流提升开发效率。其核心特点包括:采用流体动作模型而非阶段锁定,允许开发者在提案(proposal)、规范(specs)、设计(design)和任务(tasks)等环节自由切换;通过增量规范机制管理需求变更;提供/new、/ff、/apply、/archive等标准化命令支持快速开发流程。框架包含完整的目录结构和验证工具,既支持小型功能的快速迭代,也能处理复杂需求的探索性开发,特别适合开发者与AI助手协作的场景。

2026-07-21 09:56:27 273

原创 Prisma 教程 | 快速入门

打开文件,你会看到一些默认配置。User和Post,它们之间是一对多的关系。

2026-07-16 16:46:15 237

原创 npm 发布包

npm 发布包前言一、创建项目二、配置项目1.创建.npmignore2.配置package.json3. 发布打包三、发布打包问题1. npm publish报错ERR E4002. npm login 报错code E409四、测试文章目录前言一、创建项目二、配置项目1.创建.npmignore2.配置package.json3. 发布打包三、发布打包问题1. npm publish报错ERR E4002. npm login 报错code E409四、测试前言该包主要初步体验npm 打包 发

2022-01-11 12:08:49 455

转载 解决electron安装,卡在install.js不动的问题,UnhandledPromiseRejectionWarning: RequestError: read ECONNRESET

1.选择项目文件夹2.npm init3.npm install electron --save-dev4.npm --registry=https://registry.npm.taobao.org install5.node install.js的时候ctrl+c取消,y确定6.cd ./node_modules/electron7.下载https://cdn.npm.taobao.org/dist/electron/7.0.0/electron-v7.0.0-win32-x64.zip并复

2022-01-01 22:38:31 1867

原创 react + dataV + three.js + blender 实现3D可视化大屏效果

效果图3D 可视化展示是一个很不错的方向,但是纯three.js 开发效率低,简单展示类的可视化,可以考虑使用blender 等3D 绘制工具,快速,高效。文章目录效果图前言一、DataV 大屏布局二、blender 绘图1.效果二、three.js 加载实现1.初始化2.加载相机,场景和灯光3、加载fbx4、渲染,控制和动画5、加入点击事件(需要使用Raycaster 光线投影,对象坐标拾取)总结前言关于如何使用react 等内容这里不再介绍了,我们使用的工具库:DataV 大屏,three

2021-12-09 11:29:16 7566

原创 koa-router 路由配置和mongdb 连接和操作(二)

加粗样式

2021-11-23 16:50:33 554

原创 关于Linux上部署tomcat JDK MYSQL 日志分割和日志清除相关服务

2019年即将过去2018新春伊始的征兆新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入2018新春伊始的征兆...

2021-11-15 14:58:30 395

原创 小程序+colorUI实现原生开发

目标:小程序原生开发这个项目时间较长了,不做详细说明,简单展示一下。这里使用了colorUI产出:

2021-11-15 14:37:52 283

原创 关于React Native 仿微信界面设计

系列文章目录了解一个框架最好的方式是自己动手,算是学习提升的一种快速方式,这里简单简述一些过程。提示:由于使用的库比较多,前面的文章《关于React native Demo项目的总结》也有写些库的使用,这样不再说明。文章目录系列文章目录一、使用库二、使用步骤1.设置导航路由2.加载底部菜单3. 设置mobx 状态存储4.代码结构5.说明总结一、使用库"dependencies": { "@babel/plugin-proposal-decorators": "^7.14.5",

2021-07-31 14:19:15 771

原创 react+ electron 项目搭建和初步探索

项目缘由之前就使用过electron 构建桌面 应用程序,不过那是基于Vue的脚手架做的,electron-vue已经很长时间没有更新了,但是使用vue add electron-builder 构建还是很简单的,开始使用vue3 构建过程中 ,发现最新版本的electron-builder 需要node14及以上版本的环境,在安装node14的过程中又发现,他只支持Windows8 系统,对于Windows7系统的电脑,不能为了使用,把系统重新安装,再加上后来也发现,我选择的一些UI库对于react

2021-07-07 15:30:18 588 2

原创 关于React native Demo项目的总结

简述至于项目都是学习其他人的实战项目,这里不过是做一个学习总结,主要是记录下使用到的包和一些UI工具,以便于参考。react-navigation 页面跳转和转场动画react-native-svg-uri RN 中使用svg技术react-native-tab-navigator 底部导航栏react-native-element 一套ui库 内置常用组件react-native-vector-iconsreact-native-linear-gradient 渐变容器

2021-06-17 11:14:14 948

原创 关于React 项目开发中总结(性能优化)

系列文章目录提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加例如:第一章 Python 机器学习入门之pandas的使用提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录系列文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例

2021-02-08 09:37:00 662 2

原创 阿里云短信服务实现

系列文章目录提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加例如:第一章 Python 机器学习入门之pandas的使用提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录系列文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例

2020-11-26 17:28:43 318

原创 前端模块化规范学习(AMD ,CMD,ES6,CommonJs)

JavaScript 模块化之路充满了坎坷。JavaScript 模块发展史上那些著名的模块规范与实现。

2020-11-23 11:31:11 352

原创 关于小程序使用mqtt记录

系列文章目录提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加例如:第一章 Python 机器学习入门之pandas的使用提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录系列文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例

2020-11-19 11:52:10 985 8

原创 css3 弹性盒模型设计

系列文章目录提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加例如:第一章 Python 机器学习入门之pandas的使用提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录系列文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例

2020-11-17 10:31:53 394

原创 关于vue2 和vue3 对比学习记录

1、创建一个 Vue 实例https://v3.cn.vuejs.org/guide/instance.html#%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AA%E5%AE%9E%E4%BE%8Bvue2:每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的:var vm = new Vue({ // 选项})vue3:每个 Vue 应用都是通过用 createApp 函数创建一个新的应用实例开始的:Vue.createApp(/* 选项

2020-10-16 11:11:48 2690 1

原创 回顾 JavaScript 作用域和作用域链

作用域链

2020-10-12 14:17:52 143

原创 回顾JavaScript 内存管理

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Memory_Management

2020-10-12 11:55:44 140

原创 回顾 JavaScript 执行上下文 和 执行上下文栈

执行上下文栈

2020-10-12 11:19:55 152

electron.zip

winCodeSign-2.5.0 nsis-resources-3.3.0.zip nsis-3.0.3.2

2021-11-15

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除