一、小程序页面基本组成

       1.WXML（相当于web中的HTML）

       2.WXSS（CSS）

       3.JavaScript+WXS（JavaScript）

二、开发准备

       下载微信小程序开发软件并注册账号

三、小程序的基本结构

1.分为pages对象和app对象，pages中放置页面，页面中可以有多个组件

2.app文件

        ①app.js:用来监听app对象的生命周期，存储一些全局数据     

        ②app.wxss：样式配置

        ③app.json：全局配置，以及页面的注册

Window窗口来设置导航栏

2.pages文件：会自动生成四个文件：

        ①page.js：监听Page的生命周期，设置页面数据，页面逻辑

        ②page.json：component的注册，设置导航栏，上下拉刷新……

        ③page.wxml:页面结构，数据渲染以及事件绑定

        ④page.wxss页面样式

3.component文件 

        ①component.js：组件的数据、逻辑

        ②component.wxml：组件的结构

        ③component.wxss：样式

        ④component.json：组件配置

        组件的json中会有一段component:true来表示这是一个组件                

        新建一个component文件，在里面放置组件，而在pages中要使用所创建的组件，需要现在.json中进行一个声明，并在”usingcomponents”:{}中放置所需要使用的component的地址

四、WXML的标签

      与web页面开发不同，在小程序页面的开发中，不需要在WXML中对WXSS进行引入，可以直接在WXSS中对样式进行编写

       Web中的div标签变为view标签，img标签变为image标签。

       Image标签引入路径<image src = “#”/>

大致语法与web相同

       使用components组件来对多个相同的标签进行封装，便于之后的多次使用，在page页中的json文件中添加语句：“usingComponents“:{” 组件名”:”组件地址”}  然后在WXML文件中直接写上<组件名/>就可以直接在页面上添加组件（json中的组件名称可以按自己的喜好设置，但是文件地址不能有错）

五、小程序配置

       1.项目开发配置

       2.小程序收录配置

       3.全局配置：在app.json文件中

       4.页面配置：在页面同名的.json文件中进行单独页面配置的设置

       小程序配置文件使用官网的文档进行查询