初步认识微信小程序

初步认识小程序

1.什么是微信小程序
小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”，的梦想，用户扫一扫或者搜一下即可打开应用

2.微信小程序特点
无需安装和卸载
制作成本低
内存小，运行快，操作便利快捷
容易部署，具有丰富的延展性

小程序语法

1.小程序中的四种结构
.js 逻辑文件 .wxml 页面结构 .json页面配置 .wxss页面样式

注意：为了方便开发者减少配置项，描述页面的四个文件必须具有相同的路径与文件名。

2.小程序中的配置文件

(1)全局配置
小程序根目录下的app.json文件用来对微信小程序进行全局配置，决定页面文件的路径，窗口表现，设置网络超时时间，设置多tab等
**Pages:**用于指定小程序由哪些页面组成，每一项都对应一个页面的 路径（含文件名） 信息
其中，pages里面是用来配置页面路径的，注意不需要加后缀。我们可以手动在里面输入一个页面路径，然后保存（注意是在微信开发者工具保存才会立即生效），然后会自动生成xxx.wxml、wxss、js和json文件；

**Window:**用于设置小程序的状态栏、导航条、标题、窗口背景色

navigationBarBackgroundColor:用于设置导航栏背景颜色;
navigationBarTitleText:用于设置导航栏的标题文字；
navigationBarTextStyle:用于设置导航栏标题文字的颜色，只能是black或者white;
enablePullDownRefresh:开启下拉刷新；
backgroundTextStyle:用于设置下拉的点点的样式，只支持dark和light;
backgroundColor:这个不是页面的背景颜色，而是下拉的背景颜色

**tabBar:**如果小程序是一个多 tab 应用（客户端窗口的底部或顶部有 tab 栏可以切换页面），可以通过 tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页面。

tabBar 中 list 接受一个数组，只能配置最少 2 个、最多 5 个 tab。tab 按数组的顺序排序，每个项都是一个对象

（2）页面配置

每一个小程序页面也可以使用同名 .json 文件来对本页面的窗口表现进行配置，页面中配置项会覆盖 app.json 的 window 中相同的配置项。

（3）sitemap配置

小程序根目录下的 sitemap.json 文件用来配置小程序及其页面是否允许被微信索引。

（4）小程序中的模板语法
1*数据绑定
wxml中的动态数据均来自对应的Page 的 data
简单绑定的数据绑定使用Mustache语法（双大括号）将变量包起来
组件属性，控制属性：需要在双引号之内

wsml 文件
<!-- 普通表达式 -->
<view