💚Vue3
Vue3 完整知识体系、源码内参与自研组件库
vue3文档
核心基础
Composition-API
进阶模式
原理与工程化
测试与最佳实践
Vite工程化实战
- 01-前端项目初始化实践
- 02-NPM包更新实践
- 03-Vue-Router基础回顾与改造思考
- 04-vite-plugin-pages自动路由方案
- 05-unplugin-vue-router类型安全路由方案
- 06-第三方库TypeScript集成问题排查
- 07-UI框架与CSS框架选型实践
- 08-VueUse与自动导入配置实践
- 09-组件自动导入与UI库集成实践
- 10-unplugin-icons图标集成实践
- 11-UnoCSS图标集成方案
- 12-vite-plugin-vue-layouts布局系统实践
- 13-Vue-Macros宏与语法糖扩展实践
- 14-PWA渐进式Web应用基础
- 15-vite-plugin-pwa集成实战
- 16-vite-plugin-mock数据模拟实践
- 17-User-Agent设备判断与移动端适配
- 18-REM响应式布局与媒体查询实践
- 19-移动端适配viewport方案实践
- 20-Transition动画与UnoCSS主题配置
- 21-unplugin-vue-markdown-Markdown组件化实践
前端测试实战
SSR服务端渲染
Nuxt3框架
通用组件库
响应式系统
组件渲染
组件机制
编译优化
路由与工程
项目规划与工程启动
图标体系
通用功能组件
国际化方案
通知中心
后台布局与导航
- 01-布局模式与菜单系统演进
- 02-DefaultLayout骨架与主题通信
- 03-Header与AvatarMenu封装演进
- 04-ThemeSettings抽屉与配置面板
- 05-ThemeSettings导航模式卡片与样式细化
- 06-ThemeSettings配置回传与布局响应式联动
- 07-DarkModeToggle与ThemeSettings暗黑模式联动
- 08-混合模式双菜单与菜单样式调整
- 09-Header折叠状态透传与双菜单交互预留
- 10-mixedBar深色样式与折叠逻辑修正
- 11-二级菜单折叠图标策略与mixTop布局修正
- 12-菜单模块收尾与Vue代码组织规范
- 13-Header细节优化与LocaleSelect激活态
- 14-Dropdown通用封装与LocaleSelect泛型改造
- 15-菜单标题国际化与路由Meta翻译约定
- 16-菜单递归查询重构与刷新态SubMenu自动展开
- 17-顶部导航折叠交互与Element-Plus菜单排查
- 18-ThemeSettings抽屉响应式宽度与Drawer样式定制
- 19-布局响应式折叠策略与移动端侧栏抽屉
- 20-菜单高亮持久化、面包屑过渡与KeepAlive页面缓存
- 21-面包屑选择性过渡与GSAP延迟动画
- 22-菜单激活态恢复与主题色CSS变量联动
- 23-顶部Tabs快捷导航与Pinia路由状态管理
- 24-顶部Tabs持久化、切换联动与样式优化
- 25-顶部Tabs关闭删除与默认路由回退
- 26-顶部Tabs批量关闭菜单与滚动宽度适配
- 27-主体内容区过渡动画与可配置页面切换效果
- 28-KeepAlive与Transition联动的缓存失效、Key策略与动画切换坑点
- 29-主体内容区滚动容器、固定头部与动态高度计算优化
- 30-面包屑响应式恢复、ResizeObserver宽度监听与节流防抖优化
- 31-CollapseTransition基础组件封装、滚动状态恢复与可配置折叠动画
认证与登录流程
表格与数据展示
- 01-表格组件选型与虚拟滚动方案
- 02-VTable基础封装与分页国际化接入
- 03-VTable插槽扩展与操作列渲染
- 04-表格页移动端滚动兼容与Safe-Area取舍
- 05-固定列流体高度与多级表头递归封装
- 06-VTable事件透传与高级案例接线
- 07-VTable实例方法透传与选择列控制
- 08-VTable排序筛选与列默认配置
- 09-VTable高级列模板与展开行方案
- 10-VTable树形数据合计行与合并行列
- 11-VTable模块收尾与组件化设计总结
- 12-自适应表格与行列拖拽方案分析
- 13-SortableJS列拖拽实现与拖拽事件透传
- 14-SortableJS行拖拽与拖拽句柄列渲染
- 15-VTable拖拽限制分析与树形拖拽扩展思路
表单与数据录入
指令与交互增强
图表与可视化
富文本与内容编排
音视频与媒体编排
- 01-音视频播放器选型对比与组件方案确定
- 02-video.js基础集成、播放器组件封装与默认配置合并
- 03-Howler.js音频播放器结构搭建、样式布局与响应式设计
- 04-Howler.js进度拖拽、点击跳转与响应式位置同步
- 05-Howler.js进度条组件封装、音量控制与播放模式切换
- 06-Howler.js实例初始化、播放进度同步与时间格式化
- 07-Howler.js进度条反控、音量联动与15秒快进快退、倍速切换
- 08-Howler.js实例方法透传、回调兼容与外层列表联动前置
- 09-Howler.js歌单切换、播放模式事件透传与自动播放状态继承
- 10-Howler.js播放模式策略、随机歌单回退与单曲循环实例控制
- 11-Howler.js播放模式调试收尾、状态修复与控制栏显隐设计
- 12-Howler.js控制栏显隐配置、移动端适配与useAudioPlayer逻辑抽离
- 13-滚动文本指令设计、requestAnimationFrame驱动与音频标题扩展
- 14-滚动文本指令延迟控制、暂停恢复与状态重置
- 15-滚动文本指令配置化、无反向模式与初始抖动修复
构建优化专题
CI部署与依赖治理
Vue组件库基础工程
组件库抽离与联调
组件库国际化与API完善
TS库构建专题
组件库接入与自动导入闭环
- 01-组件库指令导出与依赖外置优化：directives接入、peerDependencies收敛与bundle分析
- 02-模板项目回切组件库包：pnpm-link联调、入口替换与auto-import缺失排查
- 03-组件库统一前缀与类型别名：custom-resolver前置准备、VP组件命名与type导出收敛
- 04-组件库别名导出自动化：VP组件前缀、类型正则提取与custom-resolver铺垫
- 05-宿主项目自动导入回接：VP组件custom-resolver、hooks-auto-import与缓存排查
- 06-组件库Vite插件配置导出：setupDirectives补链、auto-import封装与components-resolver生成
- 07-宿主项目指令自动导入：directives导出扩展、unplugin-resolver接入与页面回归验证
- 08-组件库Vite接入模块打包：vite-plugin产物导出、NodeNext配置与宿主最终闭环
桌面端与跨平台应用
- 01-桌面端导学、应用场景与Electron-Tauri-Flutter技术选型
- 02-桌面端GUI框架横向对比、Electron优势与前端技术选型
- 03-桌面端UX与UI设计原则、交互一致性与资源加载策略
- 04-Electron官网导读、版本策略与首个Hello-Electron应用
- 05-Electron主进程、渲染进程与IPC通信模型
- 06-Electron调试扩展、--inspect-brk与VS-Code断点排查
- 07-Electron主进程app生命周期、平台差异与核心方法
- 08-Electron安全边界、preload脚本与contextBridge前置认知
- 09-Electron-IPC通信模式、invoke-handle与webContents-send实战
- 10-Electron双窗口IPC中转通信与preload安全暴露
- 11-Electron-MessagePort通信模型、后台任务场景与IPC区别
- 12-Electron-MessagePort双窗口实战、contextIsolation差异与页面接线
- 13-Electron-MessagePort隔离环境实践、window-postMessage桥接与安全取舍
- 14-Electron官方安全准则、默认防护与可落地最佳实践
- 15-Electron菜单系统、角色菜单、快捷键与动态菜单项更新
- 16-Electron-Dock菜单、右键菜单与菜单事件回传
- 17-Electron主进程菜单国际化、系统语言获取与i18n接入
- 18-Electron全局快捷键、按键映射与全屏控制
- 19-Electron与Vite两种集成方案对比、工程接入与版本取舍
- 20-Electron打包工具选型、Forge与Builder对比及跨平台构建策略
- 21-Electron-Builder快速配置、多平台配置与NSIS安装器打包策略
- 23-macOS开发者证书、Electron-Builder签名与CSC_LINK接入
- 24-macOS应用公证、electron-notarize集成与分发警告去除
- 25-Electron应用上架Mac-App-Store、证书申请与构建配置
- 26-Electron应用上架Mac-App-Store打包演示与常见问题
- 27-GitHub-Actions-CI-CD集成与多平台自动化构建
- 28-GitHub-Actions实操配置、前置准备与构建测试
- 29-GitHub-Actions接入macOS公证签名、Linux构建与打包问题修复
- 30-Electron自动更新集成、GitHub-Releases发布链路与手动检查更新
- 31-Electron-Builder打包资源目录buildResources、DMG背景与应用图标定制