基本的准备工作
-知识储备
--基础: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代码,用来设置整个应用的样式
-项目配置
-页面结构
--页面的结构必须由多个文件组成
---js文件:定义页面的逻辑;app如上,page也是一个全局函数,用来创建页面对象
---json文件:配置文件,根据需求创建,无需求便可不创建,因为页面有页面的配置,应用程序有应用程序的配置。可以不存在,但是应用程序必须配置json文件。
---wxml文件:页面结构文件,是XML语法,不是HTML语法。
---wxss文件:样式文件。
--每个文件夹内的文件名次统一,只有后缀名不同,因为json配置文件中最终会将所有的页面整合成一个页面,
-如何完成逻辑和界面
-界面如何开发