微信小程序电商实战 09:性能优化——分包加载、虚拟列表与图片懒加载
针对电商小程序的三大性能瓶颈:主包超限、长列表卡顿、图片加载慢,分别用分包加载、Taro 虚拟列表、云存储 CDN + webp 给出完整解决方案。
微信小程序电商实战 06:购物车与订单——Pinia 状态设计与完整流程
用 Pinia 实现购物车全局状态(增删改、全选、批量删除),设计订单确认页到订单列表的完整流程,处理地址选择、价格计算、提交订单等核心逻辑。
微信小程序电商实战 05:商品模块——列表页、详情页与 SKU 选择
实现电商核心——商品模块:左侧分类 + 右侧商品列表的双栏布局、NutUI InfiniteLoading 无限滚动、商品详情页 + SKU 弹窗选规格,覆盖从列表到加购的完整购买链路。
微信小程序电商实战 03:NutUI 配置与电商常用组件
在 Taro 3 + Vue 3 项目中安装配置 NutUI,开启按需加载,掌握电商场景必用的 6 类组件:商品卡片、SKU 选择器、购物车角标、地址选择器、订单状态、Toast/Dialog 反馈。
微信小程序电商实战 02:Taro 3 + Vue 3 + TypeScript + Pinia 脚手架搭建
从零初始化 Taro 3 + Vue 3 + TypeScript + Pinia 项目,配置路径别名、环境变量、ESLint,跑通微信开发者工具预览,建立电商小程序的标准目录结构。
微信小程序电商实战 01:技术栈全景选型
系统对比原生、Taro、uni-app 三条路线,逐层拆解 UI 库、状态管理、云开发、支付集成的选型逻辑,给出一套适合电商场景的确定性技术栈:Taro 3 + Vue 3 + NutUI + Pinia + 微信云开发。