- 博客(52)
- 收藏
- 关注
RSS订阅原创 【Harness Engineering】AI 时代的新技术革命还是又一个概念炒作？
AI领域最新概念Harness Engineering引发热议，它被视为Prompt Engineering和Context Engineering的进阶版。Harness原意为"马具"，引申为控制大模型的系统架构，其公式可表示为"Agent - Model"。OpenAI等公司已开始实践，如在5个月内用AI生成近百万行代码的生产系统。这项技术聚焦于构建围绕大模型的完整系统，包括规则配置、工具管理、权限控制等，标志着AI应用开发从单点优化转向系统化工程的新阶段。
2026-05-13 10:25:11
218
1
原创 【开发生产环境下 Vite vs Webpack】彻底打通任督二脉
摘要： Vite 通过浏览器原生 ESM 实现开发环境不打包，直接按需编译源码文件，大幅提升启动速度。其核心在于： 开发环境：源码作为独立模块由浏览器直接请求，第三方依赖通过预构建转为ESM； 生产环境：使用Rollup打包，输出兼容ESM或传统脚本的静态资源。相比之下，Webpack始终全量打包并自建模块系统。Vite利用现代浏览器ESM支持，解决了传统打包工具在开发阶段的性能瓶颈，同时保留生产环境的优化打包能力。
2026-04-30 14:11:28
369
原创 【Webpack 热更新 vs Vite 热更新】为什么 Vite 快到飞起？
Webpack与Vite热更新机制对比：Webpack采用打包式HMR，修改文件需重新分析依赖并打包整个chunk，通过WebSocket推送更新；Vite则利用浏览器原生ESM，仅重新编译单个文件，通过import.meta.hot实现精准更新。核心差异在于更新粒度（chunk vs 文件）、打包必要性及项目规模影响，Vite凭借原生ESM模块化实现毫秒级响应，而Webpack随项目增大性能下降明显。底层实现上，Webpack依赖自研HMR Runtime，Vite基于浏览器原生能力与文件监听。
2026-04-30 11:35:07
419
原创 【Class vs Hook 全面指南（下）】区别 · 优劣 · 演进 · 选型
本文对比了Class与Hook两种编程方式的区别。Class采用面向对象范式，通过this管理状态，代码按类型分块但逻辑分散；Hook采用函数式范式，通过闭包管理状态，代码按功能内聚。
2026-04-30 09:39:09
503
原创 【Class vs Hook 全面指南（上）】基础语法
本文对比了Class与Hook两种编程范式的基础语法。Class部分介绍了定义、继承、访问控制、抽象类、静态成员和Mixin等特性，展示了面向对象编程的核心概念。Hook部分则展示了函数式编程的特点，包括React和Vue3中响应式状态管理、派生状态计算和自定义Hook的封装与复用。
2026-04-30 09:23:45
294
原创 【前端性能优化全链路指南】从开发编写到构建运行的多维度实践
本文从构建优化、产物优化、运行时性能和开发效率四个维度系统介绍了前端性能优化的实践方案。
2026-04-28 14:59:25
589
原创 【Function Calling 与 MCP Server】AI 能力演进的两个里程碑
MCP Server（Model Context Protocol Server）作为Function Calling的演进，通过统一协议、模块化工具封装和持久化上下文管理，解决了标准化、安全性和动态工具发现等痛点。两者的关系是能力与标准的递进：Function Calling定义了AI调用函数的能力，而MCP Server则提供了工业化、标准化的实现方案。
2026-04-22 15:42:34
409
原创 【MCP 快速入门指南】—— 从原理到实战，带你深入掌握MCP（进阶篇）
本文是一份实战指南，详细介绍了如何搭建一个基于MCP协议的天气服务服务器。解释了MCP协议的底层通信机制，帮助开发者深入理解客户端与服务端的交互逻辑。
2026-04-14 10:59:11
412
1
原创 【从 MCP 到 CLI】AI Agent 开发者工具调用的转向与思考
摘要： 行业正从MCP（万能工具接口）转向CLI（命令行工具），因其核心优势： 低Token消耗：仅需简单bash说明，节省调用成本； 高效执行：通过管道符组合命令，减少大模型调度次数； 灵活生态：复用UNIX工具链，自由拼接功能； 易调试复用：命令可保存为脚本，直接复现问题。 MCP在结构化参数和安全性上仍有优势，尤其适合企业级场景。未来，CLI可能主导本地高效任务，MCP则服务于需安全审计的云端环境，两者互补共存。
2026-04-10 14:17:52
553
原创 【MCP 快速入门指南】—— 从原理到实战，带你深入掌握MCP（基础篇）
本教程旨在深入讲解和实践MCP（模型上下文协议）。MCP是Anthropic公司发布的协议，旨在让大模型更好地使用外部工具。教程从MCP的核心概念、数据流转和基本用法入手，逐步深入到构建MCP服务器，并通过分析输入输出数据来理解MCP协议的细节。
2026-04-09 18:10:10
1457
2
原创 【大模型组成详解】从 LLM 到 Agent 的一篇讲透
本文系统介绍了大语言模型(LLM)的核心概念与技术架构, 为构建高效可靠的大模型系统提供了全面指导。
2026-03-30 15:00:05
441
原创 Vue3 Diff 算法详解
Vue3的Diff算法相比Vue2进行了重大优化，通过预处理和最长递增子序列算法显著提升性能。Vue2采用双端比较算法，而Vue3则引入前置/后置预处理，快速处理相同节点，剩余部分使用最长递增子序列确定最小移动次数。Vue3还通过PatchFlag标记静态节点，减少比较范围。整体流程包括：头尾同步比较、处理新增/删除节点、乱序情况优化等步骤，实现了更高效的DOM更新，特别在列表乱序场景下表现优异。
2026-03-18 17:51:53
826
1
原创 Vue3 响应式系统完全解析
Vue3的响应式系统基于Proxy实现，相比Vue2的Object.defineProperty具有更强的拦截能力和性能优势。核心机制包括：1）Proxy代理层实现数据拦截；2）依赖收集层通过track/trigger实现订阅发布；3）应用层提供effect/computed/watch等API。系统采用惰性深层代理优化性能，仅在访问嵌套对象时才创建Proxy。数据结构上使用WeakMap建立对象-属性-依赖的映射关系，实现高效依赖追踪。
2026-03-14 18:12:16
783
5
原创 Vite 前端工程化完全指南
《Vite 前端工程化完全指南》摘要： Vite 是尤雨溪开发的下一代前端构建工具，通过原生 ESM 实现极速开发体验。它解决了传统工具在大型项目中启动慢、热更新慢的问题，具备双重角色：开发阶段作为按需加载的服务器，生产阶段使用 Rollup 进行高效打包。核心优势包括毫秒级启动、快速热更新、开箱即用的 TypeScript/JSX 支持，以及强大的插件系统。基础配置涵盖开发服务器、构建优化、路径别名等关键项，核心插件如@vitejs/plugin-vue提供Vue 3 SFC支持，@vitejs/plug
2026-03-14 10:32:58
772
原创 【物联网控制体系项目实战】—— 整体架构流程与 WS 实现
这是一份面向“产品、研发、测试、运维”的通用 IoT 控制架构说明，旨在帮助非实时音视频/物联网背景的同学也能快速理解“扫码绑定 → 任务控制 → 实时数据展示”的端到端路径。文中所有域名、路径、字段均为通用化示例，落地请以实际环境为准。WS：用于“事件驱动”，例如任务状态更新、配置变更、失败通知；延迟低、无需轮询。HTTP：用于“权威读取/指令下发”，例如任务创建/结束、刷新任务列表；具备幂等、鉴权、审计优势。组合优势：WS 触发 + HTTP 拉取权威数据，既实时又可控，便于审计与回放。
2025-10-23 21:35:51
1267
原创 Vue3 大文件上传实战：切片上传 / 断点续传 / 秒传 / 暂停恢复 / 全局并发控制
切片上传断点续传秒传（存在即返回）暂停 / 恢复全局并发控制与实时进度本文采用全局并发限流器作为上传调度核心，让多个文件、多个切片在总并发可控的前提下高效上传。统一、清晰的命名有助于维护与协作。/*** 文件上传状态枚举* - idle: 初始状态，未开始上传* - uploading: 上传中* - paused: 已暂停* - completed: 上传完成* - failed: 上传失败*//*** 分片上传状态枚举* - idle: 初始状态，未开始上传。
2025-10-21 21:26:57
1375
原创 Vue 3 响应式原理详细解读【一】—— Proxy 如何突破 defineProperty 的局限
Vue 3 使用 Proxy + Reflect 重构响应式系统，解决了 Vue 2 基于 Object.defineProperty 的三个核心痛点：1) 动态属性增删问题，Proxy 自动拦截对象所有操作；2) 数组支持不足，原生拦截 push/pop 等方法；3) 性能瓶颈，采用惰性代理避免初始化递归。
2025-07-21 17:07:27
1384
7
原创 【TypeScript】8个你必须要掌握的TypeScript工具类型技巧
本文深入解析了TypeScript中的8种核心工具类型，分为结构操作类型（Partial、Required、Readonly、Pick、Omit）和联合操作类型（Exclude、Extract、NonNullable）。
2025-07-09 11:17:19
1393
原创 Vue项目PDF目录功能集成【一】——方案深度思考
最终选择方案三的核心逻辑风险对冲将最容易出错的解析逻辑交给PDF.js维护，同时通过样式覆盖保留UI控制权，实现"核心稳定+外观可控"的平衡。演进可能性保留逐步替换的可能性：初期使用官方解析器，后期可针对高频文档类型开发优化版解析器，形成混合架构。虽然初期只实现目录，但后期增加缩略图也可以依赖于pdfjs demo 提供的能力。如果 核心需求只是展示目录树 UI（不需要交互跳转功能），那么方案一和方案二更简单。
2025-06-08 19:58:01
1160
原创 从npm库中的 Vue 组件到独立SDK：打包与 UMD 引入的最佳实践
本文介绍了文件预览组件从直接发布npm源码到打包为独立SDK的改造方案。
2025-06-04 21:20:26
1793
原创 前端开发知识体系全景指南
从知识清单中找到自己的`知识盲点与欠缺、具有知识体系化的思想，开始建立自己的知识体系阅读文章时将知识归类到知识体系中，并不断完善自己的知识体系，从文章中获取到了有用的资源
2025-06-02 17:29:10
1724
1
原创 JavaScript 模块系统：CJS/AMD/UMD/ESM
本文深入解析了JavaScript四种模块系统(CJS/AMD/UMD/ESM)的设计原理与应用场景。
2025-06-01 16:57:36
1257
原创 ERROR in node:path Module build failed: UnhandledSchemeError: Reading from “node:path“ is not handle
因引入sharp库导致Webpack无法处理"node:"协议的核心模块引用（如node:path），报错UnhandledSchemeError。
2025-05-27 15:39:34
929
原创 【前端设计模式讲解】工厂模式
本文探讨了工厂模式在前端开发中的应用价值及实现方式。设计模式是提升工程化思维的关键，能帮助开发者跳出重复业务代码的陷阱。文章以多支付系统为例，详细展示了工厂模式的实现。
2025-05-25 17:47:07
1454
原创 【TS简单上手，快速入门教程】————适合零基础
Vue 3 源码使用 TS 重写、Angular 默认支持 TS、React 与 TS 完美配合，TypeScript 已成为大中型前端项目的首选编程语言
2024-07-29 09:12:45
7966
1
原创 JS三座大山 —— 原型和原型链
利用流程图带你全方面理解原型和原型链！构造函数通过prototype属性指向原型对象，原型对象包含了共享的属性和方法，而对象实例通过原型链（__proto__属性指向原型对象）继承了原型对象的属性和方法。通过属性，我们可以追溯到对象实例的构造函数。这些概念共同构成了 JavaScript 中的原型继承机制。
2023-08-31 10:57:38
2528
44
原创 【百草阁送书-第二期】一名阿里服务端开发工程师的进阶之路
目前，资讯、社交、游戏、消费、出行等丰富多彩的互联网应用已经渗透到了人们生活和工作的方方面面，正深刻改变着信息时代。随着用户规模的增长和应用复杂度的上升，服务端面临的技术挑战越来越严峻。在头部互联网企业，服务端开发岗位的职责早已不再局限于简单地围绕数据库编排“增删改查”服务，而要求工程师具备业务分析、架构设计、代码编写、技术攻关、团队协作、系统维护等综合能力。很多时候，服务端的第一行代码尚未写就，工程师便不得不与产品、运营、法务等人员和网络、中间件、操作系统、数据、算法、运维、安全等技术体系打交道。
2023-08-28 20:36:34
2970
60
原创 2023前端面试高频考点 —— CSS3
欢迎阅读本篇前端面试笔记的CSS3篇！CSS3是前端开发中非常重要的一部分，它为我们提供了丰富的`样式和动画效果`，使得网页更加美观和交互性更强。在前端面试中，对CSS3的掌握程度往往是评判候选人技术水平的重要指标之一。本篇笔记将围绕CSS3的常见问题和知识点展开，帮助您更好地准备和应对前端面试。
2023-08-24 00:22:39
4086
原创 2023前端面试高频考点 —— HTML5
HTML5作为最新的HTML标准，为前端开发带来了许多新的特性和功能。在前端面试中，HTML5的知识和应用已经成为了必备的技能。本篇文章将总结HTML5的重要知识点和常见面试题，帮助读者更好地准备前端面试，提升自己的竞争力。
2023-08-20 13:37:00
4055
3
原创 如何从零开始配置前端环境以及安装必备的软件插件
本文讲解了 VSCode、Node.js、yarn、Webpack、vueCLI、git、等必备软件安装、以及VSCode 常用插件、VSCode代码格式化、VUE开发者工具安装
2023-08-05 15:26:39
19196
75
原创 从Vue2到Vue3【七】——Vue2中响应式原理的实现及其缺陷
本文将探讨Vue 2响应式原理及其存在的缺陷与解决办法。Vue 2的响应式数据机制在大多数情况下能够满足我们的需求，但也存在一些缺陷。首先，Vue无法直接响应新增的属性，需要使用特定的方法进行补救。其次，对于数组的变动和对象属性的删除，Vue也无法直接进行响应式处理，需要使用相应的方法来触发更新。这些缺陷在实际开发中可能会带来一些困扰。
2023-07-30 20:10:12
7577
134
原创 从Vue2到Vue3【六】——Vue3的改变（文末送书）
随着Vue 3的发布，我们迎来了一套强大且令人兴奋的组合式API，这为开发者带来了更多灵活性和可维护性。本文讲解了全局api、data、过渡类名、keyCode、native、 filter
2023-07-27 21:16:29
5083
274
原创 从Vue2到Vue3【五】——新的组件（Fragment、Teleport、Suspense）
本文详细讲解了vue3中新增的三个组件(Fragment、Teleport、Suspense)，这些新增的组件为Vue 3带来了更多的灵活性和便利性。它们使得组件化开发更加简单且功能更丰富，为开发者提供更多的选择和工具来构建高效、可维护的应用程序。
2023-07-25 23:29:44
5731
156
原创 从Vue2到Vue3【四】——Composition API（第四章）
随着Vue 3的发布，我们迎来了一套强大且令人兴奋的组合式API，这为开发者带来了更多灵活性和可维护性。本篇文章细致详细讲解了customRef、provide 与 inject、响应式数据的判断、Composition API 与 Options API的对比，干货满满！
2023-07-22 16:50:00
6119
216
原创 从Vue2到Vue3【三】——Composition API（第三章）
随着Vue 3的发布，我们迎来了一套强大且令人兴奋的组合式API，这为开发者带来了更多灵活性和可维护性。本文讲解了vue3组合式API中的 shallowReactive 与 shallowRef、readonly 与 shallowReadonly、toRaw 与 markRaw的用法以及注意事项，欢迎大家订阅本系列文章，干货满满！
2023-07-20 11:10:05
4366
136
原创 从Vue2到Vue3【二】——Composition API（第二章）
Vue3作为Vue.js框架的最新版本，引入了许多令人激动的新特性和改进。其中，组合式API是Vue3最引人注目的特性之一。在本文中，我们将深入探讨Vue3的组合式API(vue3中的生命周期钩子函数、hooks、toRef、toRefs)
2023-07-19 09:17:27
4527
145
原创 从Vue2到Vue3【一】——Composition API（第一章）
Vue3的组合式API为我们提供了一种更灵活、更强大的开发方式，本文主要讲解组合式api中的setup、ref、reactive、computed、watch、watchEffect等函数
2023-07-16 22:24:59
4857
151
原创 从Vue2到Vue3【零】——Vue3简介
Vue.js作为一种流行的JavaScript框架已经被广泛应用于前端开发中。随着Vue 3的发布，这个框架迎来了一系列的改变和升级。本文将带您深入了解从Vue 2到Vue 3的这段迁移之旅，探索新版本所引入的变化和新特性。
2023-07-15 11:43:10
5974
149
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人