微信小程序

之前小程序大热，于是空下来开始学学小程序。

首先在微信公众号官网，进行小程序注册。

就可以看到开发者文档，进行小程序的基本结构搭建学习。

微信小程序原理：

小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务。

框架提供了自己的视图层描述语言 WXML 和 WXSS，以及基于 JavaScript 的逻辑层框架，并在视图层与逻辑层间提供了数据传输和事件系统，可以让开发者可以方便的聚焦于数据与逻辑上。

响应的数据绑定

框架的核心是一个响应的数据绑定系统。

整个系统分为两块     视图层（View） （视图层由 WXML 与 WXSS 编写） 和  逻辑层 （App Service）  逻辑层由 JavaScript 编写。

框架可以让数据与视图非常简单地保持同步。当做数据修改的时候，只需要在逻辑层修改数据，视图层就会做相应的更新。

文件结构

小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。

一个小程序主体部分由三个文件组成，必须放在项目的根目录，如下：

app.js小程序逻辑app.json小程序公共设置app.wxss小程序公共样式表app.json文件用来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。

app.json 配置项列表

属性类型必填描述pagesString Array是设置页面路径windowObject否设置默认页面的窗口表现tabBarObject否设置底部 tab 的表现networkTimeoutObject否设置网络超时时间debugBoolean否设置是否开启 debug 模式

注意：客户端窗口的底部或顶部有 tab 栏可以切换页面），可以通过 tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页面。

tabBar 中的 list 是一个数组，只能配置最少2个、最多5个 tab，tab 按数组的顺序排序。

一个小程序的单个页面，可以由

js页面逻辑wxml页面结构wxss页面样式表json页面配置

根据自己的需要，有些文件是可以不需要的，注意为了方便开发者减少配置项，描述页面的  四个文件必须具有相同的路径与文件名。

同时有一个快捷方式生成文件夹和文件，就是在app.jon  配置项pages里面直接输入路径：

例如 "pages": [

"pages/index/index",

"pages/music/music",

],

就可以快速生成：