258资源分享网

基本的准备工作
-知识储备
--基础:HTML+JS+CSS
--进阶：React、Vue
-工具安装
--工具由微信官方提供
---下载地址：https://github.com/zce/weapp-demo
-项目预览>校验环境
--根据目录进行操作
--在开发者工具预览效果
--页面基本结构，几乎每个小程序都是这个结构
--nav bar
--body
--tab bar
开发体验阶段
-理解微信小程序的架构
--开发基础骨架：https://github.com/zce/weapp-boilerplate.git
└─ empty-folder/ ·································· 项目所在目录
├─ pages/ ······································ 页面目录
│ ├─ index/ ··································· index页面
│ │ ├─ index.js ······························ index页面逻辑
│ │ ├─ index.wxml ···························· index页面结构
│ │ └─ index.wxss ···························· index页面样式
│ └─ logs/ ···································· logs页面
│ ├─ logs.js ······························· logs页面逻辑
│ ├─ logs.wxml ····························· logs页面结构
│ └─ logs.wxss ····························· logs页面样式
├─ utils/ ······································ 公共脚本目录
│ └─ util.js ·································· 工具脚本
├─ app.js ······································ 应用程序逻辑
├─ app.json ···································· 应用程序配置
└─ app.wxss ···································· 应用程序公共样式
--app.js>用于定义整个应用的逻辑
---app函数是一个全局函数
---app函数作用就是用来创建一个应用程序实例
---每个应用程序都会有他的生命周期
--app.json
---页面的基本配置信息
--app.wxss
---css代码，用来设置整个应用的样式
-项目配置