微信小程序系列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 来完成业务需求。

继续更新中……

你可能感兴趣的:(微信小程序系列1——小程序组成)