3微信小程序

1、模板以及json展示前端的运用

通常for循环不放在模板，只用wx:for以及data="{...item}"调用模板
<template name="car_number">
  <view>{{k}}</view>
</template>

<block wx:for="{{car_info}}">
  <template is="car_number"  data="{{...item}}"/>
</block>

 car_info:
[{ "k": "EMW3165" }, { "k ": "EMW3166" }, { "k": "EMW3031" }, { "k": "EMW3239" }
   ],



不用模板直接显示数据时，需要在属性前加item
<view wx:for="{{area}}" >
  <view>{{item.city}}</view>
  <view>{{item.area}}</view>
  <view>{{item.people}}</view>
</view> 
area:
[
  {
    "city": "北京",
    "area": 16800,
    "people": 1600
  },
  {
    "city": "上海",
    "area": 6400,
    "people": 1800
  }
]

2、json语法

以大括号表示，

object:{ "key":'hello',},其中object的数据写在test.js的data里面，访问方法:  <view>{{object.key}}</view>

json对象语法
var myObj, x;
myObj = { "name":"runoob", "alexa":10000, "site":null };
x = myObj.name;
x = myObj["name"];

嵌套json对象
myObj = {
    "name":"runoob",
    "alexa":10000,
    "sites": {
        "site1":"www.runoob.com",
        "site2":"m.runoob.com",
        "site3":"c.runoob.com"
    }
}
x = myObj.sites.site1;// 或者x = myObj.sites["site1"];

3、列表渲染（即遍历相同属性不同数值）：不使用模板时，就需要在展现数据加{{item.message}}

{}}里可做运算:
   {{}}可做逻辑判断，字符串运算，算数运算
   <view wx:if="{{condition}}"> </view>
   <view hidden="{{flag?true:false}}>hello</view>
   <view>{{a+b}}+{{c}}+d</view> 

block 不展现，只是做一些变量的运算。
<block wx:for{{[1,2,3]}}></block>，在数据绑定{{}}中，既可以直接写数据，也可以添加变量名

同时默认数组的当前项的下标变量名默认为 index，数组当前项的变量名默认为 item，使用 wx:for-item 可以指定数组当前元素的变量名，使用 wx:for-index 可以指定数组当前下标的变量名：

 

4、WXS(Weixin Script)
WXS的创建方式（weixin Script），不相同于javascript
WXS的使用，有两种方式。
<wxs module="foo">
var some_msg = "hello world"; 
module.exports = {    msg : some_msg, }
</wxs>
<view> {{foo.msg}} </view>

<!-- page/index/index.wxml -->
<wxs src="./../tools.wxs" module="tools" />
<view> {{tools.msg}} </view>
<view> {{tools.bar(tools.FOO)}} </view>