小程序开发与应用

小程序无法调用浏览器提供的dom和bom接口，但可以提供微信环境提供的api，地理定位等

结构组成: pages:用来存放小程序的页面

utils:用来存放工具性质的模块

app.js:小程序的入口文件

app.json:小程序项目的全局配置文件

app.wxss:小程序都全局样式文件

project.config.json:项目的配置文件

sitemap.json:允许被微信索引

单独分析pages文件

里面有包含四个小文件:

.js:脚本文件，存放数据，函数

.json:当前页面的配置文件，外观，表现

.wxml:页面的模版结构文件

.wxss:当前页面的样式表文件

json是一种数据格式 配置文件

根目录app.json文件:全局配置，所有页面路经，窗口外观，界面表现，底部tab

pages里的json配置文件会覆盖全局json中相同的配置项

在全局json中增加新添页面，增加新填页面的路径。 会把第一个页面的路径作为首页进行渲染。

模版:

wxml: 微信自己做的标签语言，用来构建小程序页面的结构，相当于html 但与html又有不同，提供了vue的模版语法

wxss: 微信自己做的样式语言，相当于css

三类js文件:

全局app.js:整个小程序都入口文件，通过调用app.()来启动整个小程序

页面.js文件:

页面的入口文件，通过调用page()函数来创建启动

普通.js:封装公共函数，或属性来使用

宿主环境是程序运行所必须的依赖环境，android系统和ios系统是俩个不同的宿主环境

手机微信是小程序的宿主环境

手机微信环境提供了，通信模型，运行机制，组件，API

通信模型(数据传递):渲染层与逻辑层(js)，逻辑层与第三方服务器之间 都是由微信客户端进行转发的

 画完ui，做真的可以引用

 view相当于div标签，块级元素，单独成行的

html中任何标签都有一个盒子属性，是块级的还是行内的，display则可以改变这种默认属性，定义新的盒子属性，用于布局，display:flex,意味着弹性布局，又有一系列新的属性可以写，布局

swiper:轮播图标签 ，里面单个页面必须由

swiper-item标签构成

横向居中:text-align:cenrer

纵向居中:line-height:跟盒子的高度一致

indicator-dots:轮播图底下的小圆点

inicator-color:未激活的小圆点颜色

inicatior-active-color:激活的小圆点颜色

当行书写 为swiper的属性 直接在那一行写

autoplay:自动切换 默认五秒 

inrerval:切换的时间 3000单位为毫秒 即3秒

circular:衔接滑动

text:该组件支持长按选中效果 属性:selectable

tabBar里面最少俩个数组