📘 跨端开发 · 从网页到小程序
30 章完整目录
01
跨端开发概述
什么是跨端开发 · 为什么需要跨端 · 主流方案对比 (React Native / Flutter / uni-app / Taro)
02
环境搭建与工具链
Node.js · npm/yarn · 微信开发者工具 · HBuilderX 安装配置
03
HTML5 基础回顾
语义化标签 · 表单与输入 · 多媒体 · Canvas 绘图基础
04
CSS3 核心进阶
Flexbox · Grid · 响应式设计 · CSS变量与预处理器
05
JavaScript ES6+ 核心
let/const · 箭头函数 · 解构赋值 · 模板字符串 · 模块化
06
DOM 与 BOM 操作
DOM选择器 · 事件处理 · 事件委托 · 本地存储 · Cookie/Session
07
前端工程化入门
Webpack基础 · Loader/Plugin · 模块热替换 · 构建优化
08
Vue.js 3 基础
响应式数据 · 模板语法 · 计算属性/侦听器 · Class/Style绑定
09
Vue.js 3 进阶
组件通信 (props/emit, provide/inject) · 插槽 · 动态/异步组件
10
Vue Router 与状态管理
路由配置 · 导航守卫 · Vuex/Pinia · 模块化状态管理
11
React 18 基础
JSX语法 · 组件/Props · State与生命周期 · 事件处理
12
React 18 进阶
Hooks (useState/useEffect/useContext) · 自定义Hooks · 性能优化
13
React Router 与状态管理
React Router v6 · Redux Toolkit · Context API + useReducer
14
uni-app 框架入门
项目创建/目录 · 页面配置 · 组件基础 · 样式与布局
15
uni-app 组件开发
内置组件 (view/text/image/scroll-view) · 自定义组件 · 通信
16
uni-app API 调用
网络请求 (uni.request) · 数据缓存 · 界面交互 · 设备API
17
uni-app 生命周期与路由
应用/页面生命周期 · 路由跳转传参 · 路由守卫
18
uni-app 跨平台适配
条件编译 · 平台差异处理 · 自定义导航栏 · 安全区域
19
Taro 框架入门
项目创建/目录 · 配置编译 · 页面/组件 · JSX语法差异
20
Taro 组件开发
Taro UI组件库 · 自定义组件 · 样式隔离 · 跨平台组件
21
Taro API 与生命周期
Taro API规范 · 网络请求 · 数据缓存 · 生命周期对比
22
Taro 状态管理与路由
Taro + Redux/Pinia · 路由配置 · 参数传递
23
小程序原生开发基础
WXML模板 · WXSS样式 · JS逻辑层 · JSON配置
24
小程序组件与API
内置组件详解 · 自定义组件 · 云开发基础 · 开放能力
25
小程序性能优化
包体积优化 · 渲染性能 · 网络优化 · 缓存策略 · 分包加载
26
跨端项目实战（一）
需求分析 · 技术选型 · 目录结构设计 · 组件库搭建
27
跨端项目实战（二）
页面开发 (首页/列表/详情) · 状态管理 · 路由设计
28
跨端项目实战（三）
API对接 · 数据流设计 · 错误处理 · 加载状态管理
29
跨端项目实战（四）
平台差异化处理 · 条件编译 · 兼容性测试 · 真机调试
30
发布与持续集成
小程序提审流程 · H5部署 · CI/CD配置 · 版本管理与回滚