前端工程

这个栏目记录前端开发中的页面实现、组件组织、状态处理、接口联调和工程化经验。内容以 Vue2、Vue3、H5 和小程序为主，也会补充通用前端问题。

重点方向

业务页面

列表、表单、弹窗、详情、导入导出、权限显示和状态流转。

组件拆分

在项目现有结构内沉淀可复用组件，避免为了局部功能制造额外复杂度。

工程调试

记录构建、依赖、路由、接口、浏览器兼容和运行状态相关问题。

文档库

当前已补充 50 个前端工程整理文档，连同原有文章一起覆盖业务页面、组件设计、状态管理、接口联调、构建配置、移动端适配和交付检查等方向。

按分类查看

查看前端工程分类下的全部文章和整理笔记。

按标签查看

按 Vue、表单、权限、构建、接口联调等标签继续筛选。

文章总览

在技术文章总览页查看所有前端与 Node 文档。

重点补充方向

• 列表、筛选、分页、重置、批量操作
• 表单、弹窗、详情、动态字段、文件上传
• 菜单权限、按钮权限、路由守卫、页面缓存
• 组件拆分、组合式函数、状态管理、代码规范
• Vite 构建、环境变量、路径别名、Mock 与冒烟检查
• H5 适配、长文本、图片预览、滚动穿透和基础可访问性

写作模板

---
title: 文章标题
date: 2026-05-17
categories: [前端工程]
tags: [Vue3, 业务页面, 接口联调]
description: 文章摘要。
---

# 文章标题

## 背景

## 实现方案

## 关键细节

## 复盘