微信小程序入门一

基本的准备工作
-知识储备
--基础: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配置文件中最终会将所有的页面整合成一个页面，
-如何完成逻辑和界面

-界面如何开发