> For AI agents: the complete documentation index is available at /llms.txt, the full documentation bundle is available at /llms-full.txt.

# 我的博客

  这里记录的是做 **Web 前端开发** 这几年，在项目开发过程中遇到的问题以及对应的解决方案。工作之余对技术难点做分析和总结，以博客笔记的形式归档，方便日后遇到类似问题时快速查阅。

  本模块收录的是**成体系的实战方案**：从需求场景、方案选型到完整代码与踩坑记录，力求拿来即可复用。基础语法与零散片段已整理至[前端笔记](/note/index.md)，工具与环境配置整理至[学习记录](/record/index.md)。

### 模块划分

  全站按「内容性质」划分为四个模块：**我的博客**放实战方案，**前端笔记**放知识与代码片段，**前端文档**放官方文档入口，**学习记录**放环境与工具配置。四大模块的二级分类各自只用一个维度切分，彼此不交叉。

#### 自研 NPM 插件

  基于项目实际业务需求封装的 **NPM** 插件，共 3 篇，包含省市区三级联动数据、XLS 与 XLSX 文件解析。

#### 文件上传与云存储

  项目中最常见的文件域场景，共 8 篇，涵盖上传前的本地文件校验、阿里云 OSS 的 PUT / FormData / 直传三种方式、文件流上传、二进制流导出与多文件压缩下载。

#### 微信生态开发

  微信公众号 H5 的完整对接，共 5 篇，包含网页授权登录、H5 支付、JS-SDK 自定义分享及其在 history 路由模式下的改造。

#### Vue 项目实战

  可复用的 **Vue** 项目能力沉淀，共 8 篇，涵盖管理后台模板搭建与路由鉴权、动态表单拖拽、Vuex 持久化、多语言切换、全局查询参数拼接与下拉框大数据量优化。

#### 组件与播放器

  不依赖业务、可直接抽离使用的组件与播放器，共 7 篇，包含 **Canvas** 签字板、带图分享二维码、九宫格抽奖、vue2-editor 富文本编辑器及阿里云 / 腾讯云两款播放器接入。

#### 移动端与跨端

  移动端与混合开发的高频问题，共 6 篇，包含项目初始化模板、Vant UI rem 适配、iOS 橡皮回弹、H5 与双端 App 通信、页面可见性监听与跨窗口通信。

#### 工程化实践

  提升线上产物质量与提交规范，共 2 篇，包含生产环境移除 console.log 与提交前自动校验。构建工具的详细配置项见[构建与项目配置](/record/build/vue-cli.md)。