解决什么问题：原生小程序的企业级落地与重构

很多开发者初次接触微信小程序，往往是照着文档写个静态页面、调几个基础接口，但一到真实业务里就会卡壳：多角色权限怎么管、复杂列表怎么做组件化抽离、全局状态怎么维护、老代码怎么重构。这门课聚焦的就是「企业级原生开发」这一段，不是带你跑通 Hello World，而是把组件化开发、微信原生 API、Flex 布局与 rpx 单位换算放进真实业务场景里讲。它解决的核心问题是：当你接到一个需要长期迭代的小程序项目，如何用原生方案把结构搭稳，而不是写成一堆难以维护的页面堆叠。课程后半段的重构提升部分，更适合已经能写出能跑的代码、但不知道怎么把代码组织得更合理的开发者。

适合什么基础、建议先看哪几块

这门课不适合完全没写过前端的人。默认你有基本的 HTML、CSS、JavaScript 基础，最好用过其他前端框架，能理解组件、状态、事件这些概念。如果你是后端想转前端、或者做过 Web 但没碰过小程序，建议先从准备工作那一章看起，重点看 AppID 与 AppSecret 的获取流程、公众平台配置、开发者工具使用，以及 git 仓库的定义与配置——这些是企业项目里绕不开的工程化前提，个人练手时往往被忽略，但真实项目里出问题最多的就是这些环节。已经熟悉小程序基础语法的，可以直接跳到组件化开发和原生 API 那几块，重点看复杂列表的拆分思路和接口封装方式。抓包工具那部分建议不要跳，企业级联调时定位前后端问题很依赖它。

学完能独立做什么、资料怎么配合练习

学完之后，你应该能独立承担一个中等复杂度小程序的从零搭建：完成账号申请与平台配置、搭建基于原生组件的可复用结构、对接后端接口并做错误处理、用 Flex 与 rpx 做出适配多机型的布局、最后对已有代码做一轮有方向的重构。练习时建议不要只看不写：每学完一个组件化章节，就自己仿写一个类似但数据结构不同的列表；学完接口章节，找一个本地 mock 服务对接真实请求流程，而不是只跑课程里的示例数据。资料里的配置项和工具使用说明可以当速查表，但代码结构部分一定要自己敲一遍，只读不写很容易在真正接项目时发现自己其实没记住组件通信的细节。重构部分最好放在自己已经写过一版完整小程序之后再回头看，对照自己的代码去理解为什么要那样改，效果会比一开始就照着重构后的写法抄一遍好得多。


本课程采用微信原生的小程序打造企业级的实战项目；聚焦组件化开发、微信原生API、Flex布局、rpx单位换算等技术点的同时，传授真实企业级小程序开发标准与技巧，

课程目录

*   第一章 为什么选择微信小程序？/

  *   为什么选择微信小程序？/

    *   本章导学

    *   为什么学习微信小程序？

    *   为什么选择微信小程序？

    *   小程序能干什么？

    *   微信小程序4大特点10大优势

    *   小程序与公众号的关联性及发展前景

    *   本章总结

*   第二章 小程序准备工作/

  *   小程序准备工作/

    *   本章导学

    *   小程序申请流程

    *   获取AppID及AppSecret

    *   小程序公众平台概览及配置（上）

    *   小程序公众平台概览及配置（下）

    *   微信开发者工具

    *   小程序组件及接口能力

    *   git仓库定义及配置

    *   小程序助手与小程序数据助手

    *   小程序助手与抓包工具（上）

    *   小程序助手与抓包工具（下）

    *   本章总结

*   第三章 小程序结构及新特性/

  *   小程序结构/

    *   本章导学

    *   小程序4种文件类型

    *   小程序生命周期

    *   app.json配置与app.wxss全局样式配置

    *   页面生命周期

    *   组件生命周期

    *   小程序新特性

    *   本章总结

*   第四章 设计图与API接口分析/

  *   设计图与API接口分析/

    *   本章导学

    *   蓝湖设计图分析与设计规范说明

    *   项目数据API接口（上）

    *   项目数据API接口（下）

    *   设计图与接口流程串联

    *   本章总结

*   第五章 小程序开发规范定义与应用/

  *   小程序开发规范定义与应用/

    *   本章导学

    *   小程序代码编写规范

    *   rpx换算单位

    *   苹方字体设置

    *   相对路径与绝对路径

    *   谈一谈小程序与Flex

    *   小程序中flex布局的使用-flex容器属性

    *   小程序中flex布局的使用-flex容器内元素属性

    *   缓存解决哪些问题？

    *   缓存可以改变用户体验

    *   本章总结

*   第六章 实现第一个小程序（首页）/

  *   模板样式实现/

    *   本章导学

    *   所谓项目开发流程

    *   创建自定义组件

    *   实现WXSS样式之技巧

    *   实现WXML模板-实现首页收缩模块（上）

    *   实现WXML模板-实现首页收缩模块（下）

    *   实现WXML模板-实现首页banner模块

    *   实现WXML模板-实现首页二级分类的模块

    *   实现WXML模板-实现首页品牌模块

    *   实现WXML模板-实现首页人气推荐模块

    *   实现WXML模板-专题精选模块

    *   实现WXML模板-底部tabBar模块

    *   WXML模板使用技巧

  *   加载渲染数据/

    *   绑定数据及setData重要性

    *   绑定事件

    *   wx.request请求接口

    *   列表渲染之优化

    *   wx key的用法与意义

    *   条件渲染

  *   分享跳转与调试/

    *   分享share给好友或群

    *   页面跳转navigateTo及多种方式

    *   调试与预览

    *   本章总结

*   第七章 首页API进行Premise双层封装/

  *   封装底层API/

    *   本章导学

    *   创建utils工具包

    *   封装wx.request请求

    *   错误状态码处理

  *   封装业务API及使用/

    *   封装业务URL

    *   import引入封装API

    *   调用api并传入params参数

    *   本章总结

*   第八章 组件高级应用与设计思想/

  *   组件高级应用/

    *   本章导学

    *   组件的properties和data属性详解

    *   小程序组件间通信与事件

    *   页面型组件与通用型组件

    *   通用组件使用技巧（实用）

    *   高阶组件

    *   小程序三种编译模式

  *   设计思想/

    *   组件设计思想：slot插槽的使用

    *   本章总结

*   第九章 项目流程实现/

  *   登录体制/

    *   本章导学

    *   【新版】微信授权机制

    *   openID和unionID的含义和机制

    *   open-data显示用户信息

    *   通过getSetting判断用户是否授权

    *   个人中心页面运用登录模块

    *   采用双层API加载与Token存储

  *   业务流程实战/

    *   搜索-分析及实现（上）

    *   搜索-分析及实现（下）

    *   搜索页input输入防抖与confirm-type

    *   搜索页分类与列表（上）

    *   搜索页分类与列表（中）

    *   搜索页分类与列表（下）

    *   专题页分析与实现

    *   专题页列表触底加载数据

    *   分类页分析与实现（上）

    *   分类页分析与实现（下）

    *   详情页分析与实现

    *   详情页-收藏功能开发

    *   详情页-购物车选择商品规格（上）

    *   详情页-购物车已选择规格商品（下）

    *   详情页-调用加入购物车接口并实现逻辑

    *   详情页-preview功能

    *   详情页-分享功能

  *   购物车及订单体系/

    *   购物车分析与实现

    *   购物车-实时统计功能

    *   购物车编辑与下单

    *   订单页分析与实现

    *   订单页-微信支付功能

    *   订单页-订单号一键复制

    *   订单支付状态

    *   我的订单

    *   真实操作项目流程

    *   GIT提交代码

    *   本章总结

*   第十章 云开发与上线/

  *   小程序云开发/

    *   本章导学

    *   谈一谈云开发(上)

    *   谈一谈云开发(下)

  *   小程序上线/

    *   发布注册事项

    *   发布上线

    *   本章总结

*   第十一章 模块重构与技巧篇（干货）/

  *   模块重构/

    *   本章导学

    *   登录模块重新定义

    *   采用高阶组件重构搜索功能

    *   倒计时setTimeOut多场景高性能（上）

    *   倒计时setTimeOut多场景高性能（下）

    *   自定义导航栏

  *   模块技巧/

    *   setData使用技巧

    *   getCurrentPages路由页面栈

    *   图片的缩放与懒加载

    *   分享功能的多样性

    *   Behavior行为与多继承

    *   本章总结

*   第十二章 小程序扩展运用篇 （提升）/

  *   小程序扩展运用/

    *   本章导学

    *   小程序分包加载

    *   跳转至第三方小程序

    *   埋点(企业级数据统计)

    *   阿拉丁数据统计

    *   canvas生成朋友圈分享图（实用）（上）

    *   canvas生成朋友圈分享图（实用）（中）

    *   canvas生成朋友圈分享图（实用）（下）

    *   webview实现H5业务-webview的组件

    *   webview实现H5业务

    *   支持npm包

    *   注意防范内存泄漏

    *   本章总结

*   第十三章 性能优化分析Audits/

  *   性能优化分析Audits/

    *   本章导学

    *   改善性能的重要性

    *   小程序优化建议

    *   Audits实际页面分析性能纬度（上）

    *   Audits实际页面分析性能纬度（下）

    *   Warning和error处理机制

    *   本章总结

*   第十四章 配套后端Api服务Node+Mysql （扩展技能）/

  *   配套后端Api服务Node+Mysql/

    *   本章导学

    *   微信小程序-配套API后端服务

    *   ThinkJS未来开发Node.js框架

    *   服务端API接口定义

    *   数据库CRUD

    *   node一小步，前端一大步

    *   本章总结