1.微信小程序介绍 1.1什么是小程序？
2017年百度百科靠前热词之一
微信小程序（wei xin xiao xu），简称小程序，是一种无需下载安装即可使用的应用程序（张小龙将其定义为无需安装，用了就走，其实是需要安装的，但是小程序体积很小，下载速度很快，用户感觉不到下载的过程）
限制：同一个子包内的页面共享一个预下载大小限制，均为 2M。工具在打包时会检查该限制。
2017年1月9日零点，万众瞩目的首批微信小程序正式低调上线。
1.2 小程序能做什么？
与App互补，提供与App类似的功能，且比App更简洁。
扫描或微信搜索下载
对于用户不经常使用但不得不用的功能软件，小程序是目前的首选
打通线上线下
开发门槛低、成本低
2.小程序开发 2.1 注册账号（如已有账号，可跳过此步骤）
首先，前往微信公众平台（）注册一个账号，点击“立即注册”按钮，账号类型选择小程序。
进入小程序注册页面，按照提示填写信息并提交相应材料，即可拥有自己的小程序账号。
在这个小程序管理平台中，你可以管理你的小程序的权限，查看数据报表，发布小程序等操作。
登录小程序后台后，我们可以在菜单“开发”-“开发管理”-“开发设置”中看到该小程序。
小程序相当于小程序平台的身份证，以后很多地方都会需要它（注意要和服务号或者订阅号区分开来）。
有了小程序账号之后，我们需要一个工具来开发小程序。
2.2 安装开发工具
进入微信开发者工具下载页面（），根据你的操作系统下载对应的安装包，这里我下载的是稳定版
安装完成后打开开发者工具会出现一个二维码，用微信扫码即可登录使用。
3.小程序的结构
在新建项目中选择小程序项目，选择代码存放的硬盘路径，填写你刚刚申请的小程序名称，给你的项目起一个好听的名字，勾选“不使用云服务”（注意：创建项目必须选择一个空目录）
点击新建，你将获得你的靠前个小程序。点击顶部菜单中的编译，即可在微信开发者工具中预览你的靠前个小程序。
如果出现你的微信头像，则表示小程序创建成功。
3.1 小程序目录结构
小程序由一个描述整体程序的应用和多个描述各个页面的页面组成。
小程序主体部分由三个文件组成，必须放在项目的根目录下，如下：
所需文件功能
应用程序.js
是的
小程序逻辑
应用程序.json
是的
小程序公共配置
应用程序.wxss
不
小程序公共样式表
一个小程序页面由四个文件组成，分别是：
文件类型所需角色
js
是的
页面逻辑
动态链接库
是的
页面结构
不
页面配置
维克斯
不
页面样式表
注意：为了帮助开发者减少配置项，描述页面的四个文件必须具有相同的路径和文件名。
3.2 小程序代码组成
项目中生成了不同类型的文件：
带 .json 后缀的 JSON 配置文件
后缀为.wxml 的 WXML 模板文件
.wxss 后缀的 WXSS 样式文件
.js后缀的JS脚本逻辑文件
接下来我们来看一下这四个文件的作用。
1.JSON配置
JSON 是一种数据格式，而不是一种编程语言。在小程序中，JSON 起到的是静态配置的作用。
我们可以看到在项目的根目录下有一个app.json和..json，另外在/logs目录下还有一个logs.json，我们来一一讲解一下它们的用途。
1.1 小程序配置app.json
app.json是当前小程序的全局配置，包括所有页面路径、接口表现、网络超时、底部tab等。项目中app.json的配置内容如下：
{ "pages":[ "pages/index/index", "pages/logs/logs" ], "window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#fff", "navigationBarTitleText": "Weixin", "navigationBarTextStyle":"black" }, "style": "v2", "sitemapLocation": "sitemap.json
简单解释一下这个配置中每一项的含义：
字段-用来描述当前小程序的所有页面路径，是为了让微信客户端知道你的小程序页面当前定义在哪个目录下。
字段-定义小程序所有页面顶部背景颜色，文字颜色定义等。
1.2 工具配置.json
通常人们在使用一个工具的时候，都会根据自己的喜好来进行一些个性化的配置，比如界面颜色，编译配置等，当换到另一台电脑重新安装该工具的时候，还是要重新进行配置。
考虑到这一点，小程序开发者工具会在每个项目的根目录下生成一个.json 文件，你在工具上做的任何配置都会写入这个文件。当你重新安装工具或者换电脑的时候，只需要加载同一个项目的代码包，开发者工具就会自动恢复成你开发项目时的个性化配置，包括编辑器的颜色、上传代码时的自动压缩等一系列选项。
1.3 页面配置page.json
这里的page.json其实是用来表示小程序页面相关的配置的，比如/logs目录下的logs.json。
如果你整个小程序的风格都是蓝色的，那么你可以在 app.json 中声明顶部颜色为蓝色。实际情况可能不是这样的，可能你的小程序中每个页面为了区分不同的功能模块，都有不同的色调。所以我们提供了 page.json，让开发者可以独立定义每个页面的一些属性，比如刚才提到的顶部颜色，是否允许下拉刷新等。
2. JSON 语法
这里介绍一下小程序中 JSON 配置的一些注意事项。
JSON 文件以花括号 {} 包裹，数据以键的方式表达。JSON 键必须用双引号包裹。实际编写 JSON 时，忘记给键值添加双引号或将双引号写成单引号是一种常见的错误。
JSON 值只能采用以下数据格式。任何其他格式都将触发错误，例如以下示例中的格式。
数字，包括浮点数和整数
字符串必须用双引号括起来
布尔值，true 或
数组需要用方括号 [] 括起来
对象需要用花括号 {} 包裹
无效的
还需要注意的是，JSON 文件中不能使用注释，尝试添加注释将导致错误。
3.WXML 文档
从事过Web编程的人都知道，Web编程采用的是HTML+CSS+JS的组合，其中HTML用于描述当前页面的结构，CSS用于描述页面的外观，而JS通常用于处理页面与用户的交互。
同样，在小程序中，WXML 扮演着和 HTML 类似的角色。打开 //.wxml ，你会看到以下内容：
获取头像昵称 获取头像昵称 请使用1.4.4及以上版本基础库 {{userInfo.nickName}} {{motto}}
WXML与HTML很相似，由标签，属性等组成。但也存在很多区别，我们将一一讲解：
标签名称略有不同
在编写 HTML 时，经常使用的标签有 p、p、span。开发者在编写页面时可以基于这些基础标签组合出不同的组件，例如日历、弹窗等。也就是说，既然大家都需要这些组件，我们为何不能将这些常用的组件封装起来，以大大提高我们的开发效率。
从上面的例子可以看出，小程序的WXML中使用的标签有view、text等，这些标签是小程序为开发者封装好的基础能力，我们还提供了地图、视频、音频等组件能力。
TAG：微信小程序是什么
客服1 