- 博客(228)
- 收藏
- 关注
RSS订阅原创 LangChain Agents 实战：构建智能文件管理助手
本文介绍了如何使用LangChain Agents构建智能文件管理助手，对比了四种Agent类型，并提供了选择建议。
2026-04-03 14:12:43
868
原创 LangChain Tools 和 Toolkits：封装第一个工具集
本文介绍了如何使用LangChain Tools封装工具集，解决AI开发中的常见问题。LangChain通过标准化接口和Zod验证实现了统一处理。文章详细讲解了DynamicTool和DynamicStructuredTool的使用方法，重点阐述了Zod Schema的参数验证规则，以及如何编写有效的工具描述。
2026-04-03 10:53:37
501
原创 LangChain.js 初探：从手写代码到框架思维
本文介绍了LangChain.js框架的核心价值和应用场景。通过对比手写代码和框架使用，展示了LangChain在减少重复代码、提升开发效率方面的优势。
2026-04-02 09:18:58
630
原创 复杂任务拆解：让 AI 像项目经理一样思考
文章详细阐述了任务拆解的五个策略模式（顺序、并行、条件、循环、聚合拆解）和四种Prompt技术（显式要求、模板化、Few-shot示例、思维链引导），通过任务拆解可显著提升AI的执行成功率和可解释性。
2026-04-02 09:15:22
220
原创 ReAct模式理论：让AI学会“思考-行动-观察”
ReAct模式是一种让AI通过"思考-行动-观察"循环自主解决问题的方法。相比传统固定流程的Chain模式，ReAct具有动态决策、多轮推理、自我修正等优势。
2026-04-01 09:40:24
574
原创 错误处理与容错机制：让AI学会“从失败中学习”
本文探讨了AI系统中的错误处理与容错机制，通过对比有无错误处理的用户体验差异，强调其重要性。文章将常见错误分为五类（参数/业务/网络/权限/限流错误），并提出了结构化错误信息设计标准，使AI能够理解错误并采取行动。
2026-04-01 09:03:15
732
原创 Tool Schema 设计模式详解
AI工具调用的准确性取决于Tool Schema的设计质量。好的Schema设计能显著提升AI的理解和调用精度，而差的设计会导致频繁出错。
2026-03-31 09:15:51
559
原创 排列算法完全指南 - 从全排列到N皇后，一套模板搞定所有排列问题
本文系统讲解了排列算法的解题思路和通用模板，通过对比排列与组合的区别，总结出排列问题的核心特点：顺序不同即为不同结果。
2026-03-31 09:13:53
345
原创 Function Calling 解剖：从请求到响应的完整数据流
本文深入解析了Function Calling的底层机制，重点剖析了请求参数（tools和tool_choice）与响应结构（tool_calls）的设计逻辑。通过对比普通对话与Function Calling输出的差异，揭示了其本质是让AI输出结构化JSON而非自然语言。
2026-03-30 09:55:37
607
原创 《Vue3+TS+Vite 高效编程与优化实践》专栏收尾
本文回顾了《Vue3+TS+Vite高效编程与优化实践》专栏的技术要点，系统梳理了从Vue3核心原理到实战优化的完整知识体系。主要内容包括：Composition API与TS深度集成、组件化开发、网络层优化、运行时性能调优、Vite工程化配置、图片优化策略以及测试保障等。
2026-03-30 09:29:58
378
原创 终局之战：全链路性能体检与监控
本文介绍了构建全链路性能监控体系的关键方法：首先通过对比被动优化与主动监控的区别，强调了性能监控的重要性。接着详细说明了核心性能指标及其采集方法，如FCP、LCP、FID、CLS等。
2026-03-28 06:57:08
357
原创 案例分析：从“慢”到“快”，一个后台管理页面的优化全记录
本文通过多维度优化显著提升性能：网络层采用并行请求和缓存策略；构建层实现路由懒加载和按需引入组件；渲染层使用虚拟滚动和keep-alive示；运行时改进监听机制避免频繁请求。
2026-03-28 06:53:00
366
原创 案例分析：大屏可视化项目的卡顿排查与解决
本文分析了城市交通指挥中心大屏可视化项目的性能问题及解决方案，优化措施包括：复用ECharts实例、增量更新数据、关闭动画效果、实现LTTB算法降采样等。
2026-03-27 09:31:21
421
原创 案例分析：一个复杂表单的响应式性能优化
本文分析了金融后台系统中复杂表单的性能优化案例，优化方案包括：使用shallowRef替代ref减少响应式开销；将大表单拆分为多个子组件；优化数据结构与更新方式。
2026-03-27 09:28:24
565
原创 组件测试策略：测试 Props、事件和插槽
组件测试不是测试每一行代码，而是测试组件的行为是否符合预期。Props 是输入，事件是输出，插槽是扩展点。把握这三个核心，就能写出高效、可靠的组件测试。
2026-03-26 07:19:53
373
原创 CDN图片服务与动态参数优化
CDN图片优化的核心是**"按需供给"**——不给任何设备加载它不需要的像素，不给任何网络传输它不需要的字节。通过动态参数、格式转换、智能预加载的组合，让图片资源真正做到"恰如其分"。
2026-03-25 09:24:38
761
原创 响应式图片的工程化实践：srcset 与 picture
用户可能不会注意到图片加载很快，但一定会注意到图片加载很慢。响应式图片优化，是对用户体验最深情的告白。
2026-03-25 09:22:12
352
原创 异步组件与 Suspense：如何优雅地处理加载状态并优化首屏加载？
异步组件与Suspense技术可以优雅地处理前端加载状态并优化首屏性能。通过defineAsyncComponent配置加载和错误组件，结合Suspense管理多个异步依赖，能显著改善用户体验。
2026-03-24 07:46:42
500
原创 初识Function Calling：让AI学会“调用工具”
Function Calling是AI从被动应答到主动执行的关键技术，通过结构化函数调用让AI具备实际操作能力。其核心流程包括：定义工具、AI返回工具调用请求、执行工具并返回结果、AI生成最终响应。
2026-03-24 07:38:41
1104
原创 Vue3 组件中的图片懒加载与渐进式加载
好的图片加载策略应该是无感知的。用户不会注意到图片是懒加载的，不会注意到有进度条，他们只会感觉页面"很快很流畅"。这才是优化的最高境界。
2026-03-23 09:41:37
619
原创 Vite 构建层面的图片优化：从压缩到转换
图片优化是投入产出比最高的性能优化手段。一个配置得当的 Vite 构建流程，可以在完全不改变开发体验的前提下，让图片加载耗时减少40-60%，首屏加载速度提升30%以上 。
2026-03-23 09:39:59
482
原创 ESLint + Prettier + Husky + lint-staged：建立自动化的高效前端工作流
本文介绍了如何通过ESLint、Prettier、Husky和lint-staged构建自动化前端工作流。这套工具组合能有效解决团队协作中的代码规范问题：ESLint负责代码质量检查，Prettier统一代码风格，Husky在Git提交时触发检查，lint-staged则只检查暂存区文件以提高效率。
2026-03-21 05:36:54
348
原创 网络请求在Vite层的代理与Mock：告别跨域和后端依赖
本文介绍了如何利用Vite的代理和Mock功能解决前端开发中的网络请求痛点。主要包括：跨域问题、接口未就绪和环境不稳定，以及传统解决方案的局限性。
2026-03-21 05:34:10
375
原创 生产环境极致优化：拆包、图片压缩、Gzip/Brotli 完全指南
优化的终极目标是让用户感受不到加载的存在。当用户打开我们的应用时，内容瞬间呈现，交互立即响应，这就说明我们的优化成功了！
2026-03-20 10:54:06
726
原创 开发环境优化完全指南：告别等待，让开发如丝般顺滑
开发者的时间比机器的时间更宝贵。花一个小时优化开发环境，可能每天能为团队节省数小时的等待时间。这是性价比最高的投资之一。
2026-03-20 09:34:13
755
原创 Vite 核心原理完全指南：从“等得花儿都谢了”到“瞬间启动”
Vite 的出现，标志着前端构建工具从打包时代进入了原生 ESM 时代。理解它的核心原理，不仅能让我们更高效地使用它，更能让我们对现代前端开发有更深的理解。
2026-03-19 10:18:32
430
原创 函数式组件 vs 有状态组件：何时使用更高效？
最好的优化就是不需要优化。在 Vue3 中，大多数情况下有状态组件已经足够高效。函数式组件是工具箱里的精密工具，只在特定场景下才需要拿出来使用。
2026-03-19 10:04:10
437
原创 回溯算法入门 - LeetCode经典回溯算法题
本文介绍了回溯算法的核心概念和解题框架，通过LeetCode经典题目（78、90、77、216、39、40）讲解回溯与剪枝技巧。
2026-03-18 10:46:42
502
原创 Prompt工程进阶：少样本与思维链
本文介绍了Prompt工程中的两种进阶技巧:少样本提示通过提供输入输出示例让AI模仿特定模式，适用于格式固定或有明确规律的任务;思维链则引导AI展示推理过程，适用于多步骤、条件复杂的场景。
2026-03-18 09:37:26
848
原创 事件监听器销毁完全指南：如何避免内存泄漏
好的代码不仅要能运行，还要能优雅地停止。学会正确地清理事件监听器，是每个前端开发者从入门到进阶的必修课。
2026-03-17 09:24:44
535
原创 shallowRef 与 shallowReactive：浅层响应式的妙用
Vue 的响应式系统是强大工具，但不是万能工具。当处理海量数据时，选择合适的数据结构和使用策略，才能让我们的应用既保持响应式的能力，又拥有接近原生的性能。
2026-03-17 09:23:23
594
原创 结构化Prompt——让AI说“人话”
本文探讨了如何通过结构化Prompt让AI生成更符合需求的代码，以Vue3组件开发为例，对比了开放式提问和结构化Prompt的效果差异，提出四大核心要素：角色设定、上下文信息、明确任务和输出格式要求。
2026-03-16 15:45:36
463
原创 v-once和v-memo完全指南：告别不必要的渲染，让应用飞起来
v-once和 v-memo 是 Vue 提供的两个强大的优化工具，但它们不是银弹。真正的性能优化，是在理解业务场景的基础上，选择合适的技术，验证优化效果，持续改进的过程。
2026-03-16 09:11:21
542
原创 破冰——建立我们的AI开发实验环境
本文介绍了如何快速搭建一个AI对话应用，提供了非流式和流式两种API调用方式，解释了Token的概念和计费方式，通过10分钟即可完成从零到一的AI应用搭建，适合新手入门体验。
2026-03-15 15:32:56
408
原创 虚拟列表完全指南：从原理到实战，轻松渲染10万条数据
虚拟列表的核心思想很简单：用计算换渲染，用内存换时间。通过只渲染可见区域，我们可以在处理海量数据时保持流畅的体验。无论是固定高度还是动态高度，掌握其原理后，我们就能根据实际需求选择最合适的方案。
2026-03-14 07:24:21
1016
原创 Vue Router 进阶：路由懒加载、导航守卫与元信息的高效运用
Vue Router 不仅仅是 URL 和组件的映射，更是整个应用的骨架和神经系统，把路由设计好了，整个应用就成功了一半。
2026-03-14 07:22:31
400
原创 5年前端，我为什么要all in AI Agent？
这不是AI理论专栏，而是聚焦前端视角的AI应用实战，记录从Vue/Electron到AI集成的真实转型经验。
2026-03-13 16:46:41
505
原创 Pinia 高效指南：状态管理的最佳实践与性能陷阱
Pinia 只是工具，不是目标，不要为了用而用，而是要在真正需要共享状态的地方使用它。好的状态管理应该让业务代码更清晰，而不是增加复杂度。
2026-03-13 09:05:22
394
原创 VUE3 中的 Axios 二次封装与请求策略
封装不是为了炫技，而是为了让代码更简单，让开发更高效。一个好的封装应该让 90% 的场景变得简单，同时给 10% 的特殊场景留出出口。希望这篇文章能帮助我们构建适合自己的请求层。记住，最好的封装是让使用它的人感受不到封装的存在。
2026-03-13 08:57:53
626
三次贝塞尔曲线动态图解 HTML 代码资源
2025-05-06
三次贝塞尔曲线静态图解 HTML 代码资源
2025-05-06
二次贝塞尔曲线动态图解 HTML 代码资源
2025-05-06
二次贝塞尔曲线静态图解 HTML 代码资源
2025-05-06
CSS 元素动画篇：基于当前位置的变换动画完整源码及详解
2025-05-03
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人