张宏杰的空间

已收录 90+ 篇 · 持续更新中

张宏杰

前端工程师 · 技术写作者

把复杂的技术拆成能看懂、能上手的文章。从 AI 大模型接入、微前端架构 到 Vite 工程化 与 Vue/React 实战，每一篇都追求「讲清楚为什么」—— 源自掘金，沉淀为可长期查阅的技术知识库。

探索 AI 专栏 → 浏览前端文章

4 技术专栏

90+ 深度文章

5 前端子方向

~/zhanghongjie — zsh

# 知识库概览
const blog = {
  articles: 94,
  topics: ["AI", "Micro FE", "Engineering", "Frontend"],
  stack: ["Vue", "React", "Vite", "RAG"],
};

blog.topics.forEach(t => archive(t));
// ✦ 原理 · 手写 · 实战 · 踩坑
→ ready.toRead()

大模型接入 · SSE · RAG · Agent Skill

手写框架 · 沙箱 · qiankun 实战

Git · Vite 插件 · 部署 · npm

Vue · React · JS/TS · CSS · 工具

精选文章

各专栏代表性内容，快速了解写作风格与深度

查看 AI 专栏 →

AI 对话「打字机」是怎么实现的

SSE 流式输出、Markdown 渲染与 Nginx 防粘连配置

阅读全文 → AI

前端视角详解 Agent Skill

AI Coding 时代的能力封装与 Cursor 实践

阅读全文 → 微前端

从原理到手写一个微前端框架

路由劫持、应用注册、沙箱隔离 —— 从零理解核心机制

阅读全文 → 工程化

JS 打包模式：IIFE / ESM / UMD 全解

一节课理清楚模块化的三种经典输出格式

阅读全文 → React

zustand 入门

轻量状态管理，对比 Redux 更简洁的 React 状态方案

阅读全文 → Vue

vue3 新特性 / 新用法 / 新写法及注意点

组合式 API、响应式系统升级与迁移避坑

阅读全文 →

探索领域

按方向浏览全部文章，左侧菜单可快速定位

AI

DeepSeek 接入、react-markdown 流式渲染、RAG、Agent Skill

18 篇文章 →

微前端

从架构原理到手写框架，再到 qiankun 生产级落地

3 篇系列 →

工程化

Git 工作流、Vite 插件、打包优化、部署与 npm 发布

24 篇文章 →

前端

Vue / React / JS·TS / CSS / 工具，五个子方向系统整理

49 篇文章 →

"

这不仅是博客，更是我的技术知识库—— 每篇文章从掘金导出、独立 HTML 存放，不依赖框架转义，长期可读可检索。好的技术写作不只是「怎么用」，更要讲清楚「为什么这样设计」，希望你在读完后能建立属于自己的技术判断力。