#我的博客

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

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

#模块划分

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

#自研 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 与提交前自动校验。构建工具的详细配置项见构建与项目配置。