微信小程序学习

第2章 小程序代码组成

JSON配置

作用

JSON为一种数据格式，在小程序中用作静态配置。

语法

{
  "pages":[                     //"key":"value" ,以键值对形式存在,且双引号不能少
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window":{                                //window,设置窗口界面的属性
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle":"black"
  }
}

JSON无法使用注释，此处为理解代码添加注释。

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

WXML模板

作用

WXML全程WeiXin Markup Language, 是小程序框架设计的一套标签语言,结合小程序基础组件、时间系统,可以构建出页面的结构。

语法

<标签 属性名1="属性值1" 属性名2="属性值2" ...> ...</标签>

基本语法

标签之间可以嵌套,常用<view>...</view>作为嵌套的外层。

数据绑定

WXML通过{ {变量名}}来绑定WXML文件和对应JavaScript文件中的data对象属性。

<text data-test="{
   {var2}}">...{
  {var1}}...</text>

js文件中data对象属性:

page({
    data: {
        time:(new Date()).toString(),
        var1:"输出:",
        var2:undefined,
        var3:null,
        var4:"4"
      }
})

逻辑语法

{ {变量名}}中可以进行简单的逻辑运算。
三元运算

<text>{
   { a