- 博客(91)
- 收藏
- 关注
RSS订阅原创 Wonder Claude Code - 一个可运行的、教学级的 Claude Code 精简复刻
一个：在终端里运行的 AI 编程助手（CLI Agent）。用 TypeScript +编写，，直接用fetch调 HTTP / SSE。它对照 Claude Code 的分层结构，从零实现了一个 Agent 的核心骨架：流式对话循环、工具调用、权限闸门、上下文压缩、会话持久化、子助手、MCP 接入、容错重试。目标是让你读完代码就能理解"Claude Code 这类工具到底是怎么转起来的"。
2026-09-05 08:29:48
390
原创 深入解构Claude Code - 第 12 篇 · 整体串起来
回到第 1 篇那个比喻：它是一个"有钥匙的钟点工"。一个转圈的核心循环让"想"和"做"交替进行；一组工具把手脚的能力暴露出来，又用权限关卡管住危险动作；一套上下文工程决定每次给大脑看什么、怎么省钱、聊长了怎么划重点；一个终端界面层让原始的字符终端呈现出流畅的交互；一层边界翻译让它能换大脑、接外部服务、被编辑器和手机驱动；以及落盘、快照、记账、功能开关、代码分割这些不起眼但决定成败的基础设施。
2026-09-03 21:32:31
324
原创 深入解构Claude Code - 第 11 篇 · 工程上的讲究
一个五千万级别的大型程序，怎么管理"有的功能给用户、有的功能还在试验"？怎么打包才能又小又快又省内存？怎么让它跑得流畅？怎么测试一个会聊天、会改文件的程序？本篇讲这四件工程上的事。
2026-09-03 21:25:16
318
原创 深入解构Claude Code - 第 10 篇 · 高级能力
本篇讲四个超出"聊天改代码"基本盘的能力：关掉终端它还在后台干活、放手让它自己干、几种工作模式、语音和看屏幕控制电脑。
2026-08-31 22:30:24
343
原创 深入解构Claude Code - 第 9 篇 · 怎么给它加功能
这个助手的能力不是写死的。你可以用斜杠命令快速触发功能、用钩子在关键时刻插一脚、用插件装别人写的扩展、还能让它派"分身"并行干活。本篇讲这四种扩展方式。
2026-08-31 21:51:18
323
原创 深入解构Claude Code - 第 8 篇 · 数据放哪、钱怎么算
本篇回答四个问题：程序里变化的数据怎么管理？关掉程序对话怎么找回？AI 改坏了文件怎么退回？花了多少钱是怎么记的？
2026-08-31 21:07:27
284
原创 深入解构Claude Code - 第 7 篇 · 连接外面的世界 审核中
这个助手不是孤岛。它要对接不同公司的 AI 模型、要证明你的身份、要在网络出错时自救、要接外部工具和服务、要被编辑器指挥、还要被手机远程控制。本篇讲这六件事。
2026-08-30 21:31:17
128
原创 深入解构Claude Code - 第 6 篇 · 终端里的图形界面
黑底白字、只能打字的终端，是怎么显示出彩色代码、进度条、输入框、弹窗、转圈动画的？本篇讲：终端怎么"画图"、为什么用做网页的思路做终端界面、文字怎么自动排版、刷屏为什么不卡、键鼠操作怎么被感知。
2026-08-30 21:26:36
308
原创 深入解构Claude Code - 第 5 篇 · 每次提问都给 AI 塞了什么资料
模型其实很"笨"：它没有记忆，每次请求都是一次全新的开始——它不记得你是谁、在哪个项目里、刚才聊了什么。它之所以表现得像记得，是因为程序每次都把它需要知道的一切重新打包发给它。这份打包的资料里，除了你刚打的那句话，还有一大段固定内容叫系统提示（system prompt）——相当于每次开工前给 AI 的一本"工作手册"。这本手册由十几个段落拼成：为什么要拆成这么多段，而不是写一大段？两个原因。第一是有的放矢：不同场景需要的段落不同。被程序调用的场景可能不需要"输出风格"，只读模式不需要"权限模式"，拆成段
2026-08-30 15:24:09
175
原创 深入解构Claude Code - 第 3 篇 · 一问一答怎么转起来
上一章说了"流回来"，这一章讲讲这个"流"到底是怎么回事，以及为什么屏幕上能逐字显示。先说没有"流"会怎样网络请求传统上是"请求-响应"模式：你发一个请求过去，对方在服务器上把完整答案准备好，然后一次性把整个答案发回来。如果答案是一篇 3000 字的分析，你就得干等几十秒，期间屏幕一动不动。流式（streaming）是什么流式就像水管：服务器不是等水接满一桶再递给你，而是接好管子，水一边产生一边流过来。模型那边每生成几个字，就立刻通过网络推过来几个字，不等后面的。技术上这是通过一种叫。
2026-08-30 13:57:59
317
原创 深入解构Claude Code - 第 2 篇 · 启动的秘密
你在终端敲下启动命令、按下回车，到屏幕上出现对话界面，这中间大约 1 秒钟。这 1 秒里程序做了几十件事，但第一件事特别反直觉：它做的不是"准备对话"，而是"校准钟表"。一个必须最先做的小动作：性能垫片程序的第一行有效代码（注意，真的是第一行，在所有其他代码之前），是导入一个叫"性能垫片"的小东西。垫片（shim）这个词你可以理解成"补丁"或"适配层"——在原有东西上面垫一层，让它变得合用。这个垫片做的事很简单：统一"计时"功能。程序里到处都在掐表——这个网络请求花了多少毫秒、那段渲染用了多久、一次对话总共
2026-08-30 13:32:18
328
原创 深入解构Claude Code - 第 1 篇 · 先认识它
Bun 负责"跑得快、启动快"，TypeScript 负责"大项目不出错"，React 负责"复杂界面好维护"，自研翻译层负责"把网页界面搬进终端"。
2026-08-30 10:19:53
360
原创 【办公自动化】如何使用Python脚本自动化处理音频？
pydub：简单易用的高级音频处理库，适合大多数日常音频处理任务librosa：专为音乐分析设计的库，提供丰富的音频特征提取功能：用于语音识别的库，支持多种语音识别引擎PyAudio：用于录制和播放音频的库：ffmpeg命令行工具的Python封装，用于复杂的音视频处理。
2025-09-11 08:36:35
823
原创 【办公自动化】学习使用Python库让视频剪辑自动化
MoviePy：简单易用的高级视频处理库，适合大多数日常视频处理任务OpenCV：提供底层视频处理能力，支持复杂的图像处理操作PyAV：基于FFmpeg的底层绑定，提供高效的视频处理能力：FFmpeg命令行工具的Python封装，用于复杂的音视频处理。
2025-08-27 08:35:52
742
原创 【办公自动化】如何使用Python库高效自动化处理图像？
在日常办公中，我们经常需要处理大量图像，如产品照片、营销素材、文档扫描件等。手动处理这些图像不仅耗时，还容易出错。通过Python自动化图像处理，我们可以高效地完成批量缩放、裁剪、加水印、格式转换等任务，大大提高工作效率。本文将介绍两个强大的Python图像处理库：Pillow（PIL的fork版本）和OpenCV，并通过实例展示如何使用它们实现各种图像处理自动化任务。
2025-08-25 08:41:23
646
原创 【办公自动化】如何使用Python自动化处理PDF文档？
PDF（Portable Document Format，便携式文档格式）是一种广泛使用的文档格式，具有跨平台、稳定性好、安全性高等特点。在办公自动化中，PDF文档处理是一项常见需求。本文将介绍如何使用Python实现PDF文档的自动化处理，包括读写、合并拆分、提取内容、添加水印等操作。
2025-08-20 08:36:16
960
原创 【办公自动化】如何使用Python操作PPT和自动化生成PPT？
在现代商业和教育环境中，PowerPoint演示文稿是信息传递的重要工具。通过Python自动化PPT创建和编辑过程，可以大幅提高工作效率，特别是在需要批量生成或更新演示文稿的场景下。本文将介绍如何使用python-pptx库实现PPT自动化，并提供实用的代码示例和应用场景。基础概念在Python中，可以使用python-pptx库实现PPT文件的自动化操作。需要注意的是，python-pptx只支持*.pptx文件格式的PPT文件（Office 2007及以上版本）。一个PPT文件通常由多个幻灯片组成
2025-08-14 08:30:25
1124
原创 【办公自动化】如何使用Python让Word文档处理自动化？
在日常办公中，Word文档是最常用的文本处理工具之一。通过Python自动化Word文档操作，可以大幅提高工作效率，减少重复劳动，特别适合批量生成报告、合同、简历等标准化文档。本文将介绍几种常用的Python操作Word文档的方法，并提供实用的代码示例和应用场景。
2025-08-13 08:36:02
1184
原创 【办公自动化】使用Python来自动化处理Excel表格有哪些方法？
在日常办公中，Excel是最常用的数据处理工具之一。通过Python自动化Excel操作，可以大幅提高工作效率，减少重复劳动，降低人为错误。本文将介绍几种常用的Python操作Excel的方法，并提供实用的代码示例和应用场景。
2025-08-07 08:36:12
787
原创 【办公自动化】日常工作中如何使用Python自动化整理文件？
在日常工作中，我们经常需要处理大量的文件：整理照片、归档文档、清理临时文件、按规则重命名等。手动完成这些任务不仅耗时，而且容易出错。通过Python自动化这些操作，可以让你从繁琐的文件管理工作中解放出来，专注于更有创造性的工作。
2025-08-06 08:36:19
418
原创 【办公自动化】如何使用Python实现读写文件自动化？
在日常工作中，文件操作是最基础也是最常见的任务之一。无论是批量处理数据文件，还是整理工作文档，掌握高效的文件读写技巧都能极大提升工作效率。本文将介绍几种实用的Python文件操作方法，帮助你轻松应对各种文件处理需求。
2025-08-05 08:37:57
926
原创 【前端工程化】前端项目开发过程中如何做好通知管理？
在企业级后台系统中，通知是保障团队协作、监控系统状态和及时响应问题的重要手段。与 C 端产品不同，B 端更关注构建完成、部署状态、异常报警等关键节点的推送机制。本文主要围绕通知场景、通知内容、通知渠道、自动化集成等方面展开，适用于使用 GitHub Actions / Jenkins / GitLab CI 的中大型项目。
2025-07-25 22:35:30
881
原创 【前端工程化】前端开发中想做好发布管理可以从哪些方面着手？
在企业级后台系统中，发布管理是整个开发流程的最终环节，也是最为关键的一环。它不仅涉及代码构建完成后的部署操作，还包括版本控制、灰度发布、回滚机制等保障系统稳定性的措施。本文主要围绕发布流程设计、版本控制、部署方式、灰度策略和回滚机制展开，适用于使用 Git + CI/CD 流程的中大型后台项目。
2025-07-23 08:37:32
562
原创 【前端工程化】做好前端项目构建需要做哪些事情
在企业级后台系统中，构建管理是保障项目稳定交付、提升开发效率和部署质量的关键环节。相比 C 端产品强调快速迭代和轻量构建，B 端更注重构建过程的可控性、产物的可追溯性和构建性能的稳定性。本文主要围绕构建工具选型、构建流程控制、构建优化策略、CI/CD 集成等方面展开，适用于使用 Vite/Webpack + Vue/React 的中大型后台管理系统项目。
2025-07-21 08:38:56
850
原创 【前端工程化】前端项目怎么做代码管理才好？
在企业级后台系统中，代码管理是保障多人协作、提升交付质量与维护长期可读性的关键环节。相比 C 端产品强调快速迭代，B 端更注重版本控制、提交规范、代码审查和权限管理。本文主要围绕 Git 分支策略、提交规范、代码审查机制、权限控制等方面展开，适用于使用 Git + PR 流程 + CI/CD 的开发团队。
2025-07-15 08:37:21
480
原创 【前端工程化】前端工作中如何协同管理开发任务？
在企业级后台系统开发中，任务管理是保障团队协作效率、控制交付质量的核心环节。相比 C 端产品强调敏捷响应和快速迭代，B 端更注重任务拆解的合理性、流程的可控性以及多人协作下的责任清晰。本文主要围绕需求拆解、任务分配、进度跟踪与闭环机制展开，适用于使用 Git + PR 流程 + 看板式工具的开发团队。
2025-07-10 08:35:55
521
原创 【前端工程化】前端开发中如何做一套规范的项目模版
在企业级后台系统开发中，项目模板是快速搭建新项目的标准化结构。它不仅定义了目录结构、技术栈选型和构建流程，还包含了统一的开发规范与工具链配置。使用项目模板可以显著提升开发效率，确保所有项目在初始阶段就具备一致的技术架构和开发体验。尤其适用于需要频繁启动新模块或子系统的 B 端场景。
2025-07-09 08:32:51
641
原创 【前端工程化】如何制定前端项目中的页面模版？
在企业级后台系统中，页面是用户与系统交互的核心单元。为了保证开发效率、维护成本和一致性体验，我们需要围绕常见的业务场景制定统一的页面结构规范。本文主要涵盖页面设计原则、标准结构示例、典型页面类型、开发最佳实践等内容，适用于 Vue 或 React 技术栈下的中大型后台管理系统项目。
2025-07-08 08:32:54
611
原创 【前端工程化】前端组件模版构建那些事
在企业级后台系统中，组件是构建页面的基础单元。与 C 端不同，B 端更注重功能完整性、交互一致性与复用效率。因此，我们需要围绕业务场景封装出可复用、易维护、结构清晰的组件模板。本文档主要围绕组件设计原则、分类建议和使用方式展开，适用于 Vue 或 React 技术栈下的开发场景。
2025-07-07 08:30:36
939
原创 【前端工程化】前端工作中的业务规范有哪些
在企业级后台系统中，业务逻辑往往复杂、层级多、交互密集。为了保证系统的可维护性与团队协作效率，我们需要在开发过程中遵循统一的业务实现规范。本规范主要围绕应用结构设计和用户交互控制展开，帮助团队在开发过程中形成一致的编码习惯和设计思路。
2025-07-06 13:22:09
778
原创 【前端工程化】你知道前端编码规范包含哪些内容吗
编码规范是保障代码质量、提升团队协作效率与维护性的基础。良好的编码习惯不仅有助于减少 Bug，还能提升项目的长期稳定性与可扩展性。以下是从以往项目中总结整理出来的一些编码规范，适用于 Vue/React 技术栈下的B端应用开发场景。
2025-07-05 08:43:30
824
原创 【前端工程化】前端开发中的这些设计规范你知道吗
控件类型规范说明按钮主操作按钮使用蓝色系，辅助按钮使用灰白色或边框形式；禁用状态统一为浅灰底色表格默认展示固定列头，支持排序、分页、多选、展开行等功能；斑马纹提升可读性输入控件Input、Select、DatePicker 等统一高度、边距、错误提示方式弹窗Modal 使用统一标题区、操作区布局，遮罩层点击默认不关闭图标使用图标字体或 SVG 集合，命名统一，如icon-addicon-edit。
2025-07-04 08:38:01
1007
原创 【前端AI实践】Trae：一款可以让你从0到1快速开发完整项目的IDE
Trae 并不是要取代你写代码的能力，而是帮你把那些繁琐、重复的工作自动化掉，让你把精力集中在真正需要思考和创造的部分。
2025-06-26 11:32:36
2536
原创 【前端AI实践】Lingma：使用工具辅助开发让你停不下来
阿里云 Lingma 是一款智能编程助手，深度集成主流 IDE，提供代码补全、注释生成、Bug 检测、逻辑解释等功能，显著提升前端开发效率。它能自动补全 Vue 组件 props 类型、生成 JSDoc 注释、优化命名风格，并解释复杂逻辑。在调试环节，Lingma 可识别响应式更新问题、优化低效代码，还能生成基础模块模板（如登录表单组件）和通用组件建议。此外，它支持前后端接口对接，根据文档自动生成请求函数。这些功能使其成为开发者高效协作的得力助手，尤其适合团队项目与复杂业务场景。
2025-06-19 11:51:11
1006
原创 【前端AI实践】DeepSeek：开源大模型的使用让开发过程不再抓头发
摘要：DeepSeek AI可辅助Vue开发者快速解决技术问题，如实现SSE流式请求（需结合Axios和EventSource）、修复响应式数据更新问题（使用$set方法）、生成带验证的登录组件（Composition API实现），并提供性能优化建议（如使用computed属性和虚拟滚动）。通过AI辅助，开发者能更高效地完成重复性工作，专注于核心业务逻辑开发。文中包含具体代码示例和解决方案，展现AI如何成为开发过程中的智能助手。（150字）
2025-06-18 11:18:09
701
原创 【前端AI实践】泛谈AI实践：技术大牛们早就在用的AI在前端领域的场景
本文分享了前端开发的实践经验，重点关注AI辅助开发的应用场景。内容包括：1)通过AI生成可复用的Vue表格组件代码；2)使用组合式函数重构数据获取逻辑；3)构建统一的错误处理机制；4)编写规范的代码注释和文档；5)设计标准化的API接口。文章展示了AI在代码生成、质量提升、文档规范等方面的高效支持，为开发者提供了提升效率和代码质量的实用建议，表明AI技术已能有效辅助日常开发工作。
2025-06-04 11:40:30
941
原创 【前端AI实践】简说AI大模型：什么时代了你还不会这些AI大模型的基本概念和使用吗
AI大模型是经过海量数据训练的神经网络，具备理解生成语言和处理代码的能力，已成为前端开发的"万能助手"。它能生成规范代码、解释逻辑、优化质量、排查bug，提升开发效率40%以上。主流工具各有侧重：GitHub Copilot适合实时编码，ChatGPT擅长逻辑分析，Cursor专注代码优化。开发者需明确AI的辅助定位，将其作为效率工具而非决策替代。合理使用可节省30%-50%重复劳动，让开发者更专注创造性工作。
2025-06-03 08:50:57
419
原创 不得不说一下vite
vite简介Vite 是一个由原生 ESM 驱动的 Web 开发构建工具。在开发环境下基于浏览器原生 ES imports 开发，在生产环境下基于 Rollup 打包。vite作用快速的冷启动：不需要等待打包操作；即时的热模块更新：替换性能和模块数量的解耦让更新飞起；真正的按需编译：不再等待整个应用编译完成，这是一个巨大的改变。vite运行原理在浏览器端使用 export、import 的方式导入和导出模块，在 script 标签里设置 type=“module” （ ES Modu
2020-10-16 00:09:40
548
原创 一文看懂Vue3.0的优化
1.源码优化：a.使用monorepo来管理源码Vue.js 2.x 的源码托管在 src 目录，然后依据功能拆分出了 compiler（模板编译的相关代码）、core（与平台无关的通用运行时代码）、platforms（平台专有代码）、server（服务端渲染的相关代码）、sfc（.vue 单文件解析相关代码）、shared（共享工具代码）等目录。Vue.js 3.0，整个源码是通过 monorepo 的方式维护的，根据功能将不同的模块拆分到 packages 目录下面不同的子目录中，每个 p
2020-10-16 00:07:30
483
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人