小程序代码组成

描述

对微信小程序官方文档的要点摘录

JSON

• JSON文件在小程序代码中扮演静态配置的作用，在小程序运行之前就决定了小程序一些表现。
  需要注意的是小程序是无法在运行过程中去动态更新JSON 配置文件从而发生对应的变化的。
• JSON文件都是被包裹在一个大括号中 {}，通过“key”:“value”的方式来表达数据
• JSON的值只能是以下几种数据格式：
  a. 数字，包含浮点数和整数
  b. 字符串，需要包裹在双引号中
  c. Bool值，true 或者 false
  d. 数组，需要包裹在方括号中 []
  e. 对象，需要包裹在大括号中 {}
  f. Null
• 不可添加注释

WXML

• 基本语法

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

• 属性对大小写敏感，变量名对大小写敏感
• WXML 通过 {{变量名}} 来绑定 WXML 文件和对应的 JavaScript 文件中的 data 对象属性。这样可以实现动态改变
  属性值也可以动态的去改变，有所不同的是，属性值必须被包裹在双引号中，eg：属性名1="{{属性值1}}"
  没有被定义的变量的或者是被设置为 undefined 的变量不会被同步到 wxml 中
• 还可以在双中括号 {{ }} 内进行简单的逻辑运算
• 支持用 “+” 符号进行字符串拼接，如果在两个数字之间用 “+” 则是显示 “+” 号，而非进行加法
• 使用属性 wx:if="{{condition}}" 来判断是否需要渲染该代码块
  同样 else if 对应着 wx:elif="{{condition}}"
  else 对应着 wx:else
• 属性wx:for="{{array}}" 可遍历数组array
  其中当前项下标用 index 表示，当前项变量名用 item 表示
  在属性 wx:for="{{array}}" 后使用属性 wx:for-item="itemName" 指定数组当前元素的变量名为itemName，使用属性 wx:for-index="idx" 指定数组当前下标为idx

JavaScript

• 小程序中的脚本执行顺序有所不同。小程序的执行的入口文件是 app.js ，并且会根据其中 require 的模块顺序决定文件的运行顺序。当 app.js 执行结束后，小程序会按照开发者在 app.json中定义的 pages 的顺序，逐一执行。
• 在文件中声明的变量和函数只在该文件中有效，不同的文件中可以声明相同名字的变量和函数，不会互相影响。

页面

• 页面路径需要在小程序代码根目录app.json中的pages字段声明，否则这个页面不会被注册到宿主环境中。