微信小程序系列1——小程序组成

前言

  小程序有配置代码JSON文件，模板代码WXML文件、样式代码WXSS文件以及逻辑代码JavaScript文件组成。

一、JSON配置

JSON在小程序中扮演一个静态配置的角色。

先看一个例子，打开开发工具的编辑器，在根目录下可以找到 app.json 文件，双击打开，代码如下：

{
  "pages":[
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",  
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle":"black"
  }
}

JSON文件都是被包裹在一个大括号中 {}，通过key-value的方式来表达数据。

JSON的值只能是以下几种数据格式：

1. 数字，包含浮点数和整数
2. 字符串，需要包裹在双引号中
3. Bool值，true 或者 false
4. 数组，需要包裹在方括号中 []
5. 对象，需要包裹在大括号中 {}
6. Null

可以通过改变app.json来测试效果。

二、WXML

WXML全称是WeiXin Markup Language，是小程序框架设计的一套标签语言，结合小程序的基础组件、事件系统，可以构建出页面的结构。
WXML与Web开发中的HTML类似。为了更加适应小程序开发，WXML对HTML做了一些补充以及修改。

三、WXSS

WXSS（WeiXin Style Sheets）是一套用于小程序的样式语言，用于描述WXML的组件样式，也就是视觉上的效果。
WXSS与Web开发中的CSS类似。为了更适合小程序开发，WXSS对CSS做了一些补充以及修改。

四、JavaScrip

小程序的主要开发语言是 JavaScript ，开发者使用 JavaScript 来开发业务逻辑以及调用小程序的 API 来完成业务需求。

继续更新中……