小程序进阶-基础入门

一、简介

小程序提供了一个简单、高效的应用开发框架和丰富的组件及API，帮助开发者在微信中开发具有原生 APP 体验的服务。

文档

• 小程序开发指南
• 小程序设计指南
• 小程序官方文档

与普通网页区别

• 小程序的主要开发语言是 JavaScript，但与普通的网页开发有所区别。网页开发渲染线程和脚本线程是互斥的，而小程序分别运行在不同的程序。前端一些常见的库以及Nodejs的npm包无法在小程序运行。
• 小程序运行环境

特色

• 应用触手可及
• 快速的加载和渲染能力，配套云能力、运维能力和数据汇总能力。
• 使得微信可以开放更多的数据，开发者可以得到用户的一些基础信息。

二、代码结构

JSON配置

• JSON是一种数据结构，在小程序中扮演静态配置的角色，不能被动态修改。
• JSON配置包含在一个{}中，并通过key-value的形式表达数据。
• JSON的key必要包含在双引号内。
• JSON中只支持6种数据类型：字符串 - 双引号括起来、布尔型 - true/false、数组 - []括起来、NULL、数字 - 整型、浮点型、对象 - {}括起来。
• JSON不支持注释。

WXML

• 小程序框架标签语言，结合小程序基础组件、事件系统，构建页面。
• 基本语法同HTML类似，标签严格闭合，属性及变量名区分大小写.
• 使用数据绑定功能，动态渲染页面。
• 通过{{变量}}绑定WXML和javasript文件种的数据结构。
• {{变量名}}使得WXMl拥有动态渲染的能力，并且还能进行简单的逻辑运算，或者直接放置字符串、数字或数组。
• 使用 wx:if 判断WXML是否需要渲染该模块，并使用 wx:elif和wx:else添加另一个模块。如果要一次性判断多个组件标签，可以使用一个 标签将多个组件包装起来。
• 在组件上使用 wx:for 控制属性绑定一个数组，使用数组的数据重复渲染该组件。默认数组当前下标变量名为index，当前项的变量名为item。wx:for-item指定当前元素变量名，wx:for-index指定当前下标变量名。wx:for也可以 用在 标签上，以渲染一个包含多节点的结构块。
• 使用 wx:key 来指定列表中项目的唯一的标识符。如果为字符串，代表for循环数组中某个item的元素，该元素值在数组中唯一且不能动态改变。如果为this，则表示item本身是唯一的字符串或数字。
• WXML提供模板（template）,可以在模板中定义代码片段，使用name指定模板名称。使用 is 属性，声明需要的使用的模板，然后将模板所需要的 data 传入。
• WXML提供两种文件引用：include和import。import不具备递归的特性，而include 可以将目标文件中除了