### **项目实战 大纲规划** * **项目的基本介绍** * 流程图 * 基本演示（视频或者体验使用 结合流程图说明） * 前置技术储备 (Html5 CSS3 ES6 Vue2) * **开发环境与开发工具** * 安装 Nodejs npm * 安装 hbuilder 或 vscode * 安装微信小程序开发工具 * 接口项目的部署与使用 * 项目模板 * **项目的开发** * 项目的快速上手 * 基于 *项目模板* 创建 * 项目的基本配置 * 项目目录说明 * 项目依赖的安装 * 项目模板的支持内容 * uni-app 和 vue 开发的区别和注意的地方 * 标签的使用 * vue 不兼容api * 搭建社区首页 * 开发流程 (分析需求 设计图、切图、对接数据、处理交互逻辑、优化) * 页面的创建 * 分析页面布局 (使用原型设计图) * 像素比例及单位问题 upx * 布局的思考 和 组件的划分 * 顶部搜索栏组件开发 * vant-icon * 导航栏组件开发 * scroll-view * 文章卡片组件 * vant-image * van-loading * 发布按钮组件 * movable-area * movable-view * 数据对接与交互处理 * 页面的声明周期 * 接口请求方法的使用 * 交互反的使用 * 页面跳转 * 交互提示 * 图片预览 * 完善组件的数据对接和交互逻辑 * 页面的上拉加载 和 下拉刷新 * --: **以上为开发常用的基础流程** * 社区发布页的搭建 * 图片上传 * 文章详情页的搭建 * 文章搜索页 * 数据缓存的使用 * 我的页面搭建 * 登录 * 用户信息 * 弹窗 van-overlay * 分享 * tabbar 和 自定义tabbar * 页面跳转的处理问题 switchTab * 自定义导航栏 * page.json 配置 * 整体的处理机制 * 登录权限判断机制 * 小程序的生命周期 * **项目的调试** * 调试器调试 * 真机调试 * **项目的上线** * 小程序的基本配置 * 服务器域名配置 * 版本控制 * 发布上线 * **拓展** * 骨架屏 * 条件编译 * 分包 * uniapp插件的使用 * uni-app 内置css变量[]() * **附录** * uniapp 文档 * vant 文档 * 微信小程序文档 * **经验之谈** * 开发中使用的一些小技巧。或者开发中遇到的坑。可以罗列出来 > 选用一个模块(社区首页) > 从切图 、数据对接，交互等，将开发常用到的知识串一遍，后面的其他模块的讲解 > 则针对功能方向性的讲解 >[success] 项目模板 :基础入门使用的项目源码，包含基础的功能支持和注释说明，能够让学者更专注于主要学习内容。