小程序 基本语法

小程序 基本语法  

列表渲染:  wx:for 项的变量名默认为 item wx:for-item 可以指定数组当前元素的变量名

下标变量名默认为 index    wx:for-index 可以指定数组当前下标的变量名

wx:key 用来提高数组渲染的性能

wx:key 绑定的值 有如下选择

事件绑定: 小程序中绑定事件，通过bind关键字来实现。如 bindtap bindinput bindchange

<input bindinput="handleInput" />

Page({

  // 绑定的事件

  handleInput: function(e) {

    console.log(e);

    console.log("值被改变了");

  }

})

样式wxss: WXSS(WeiXin Style Sheets)是一套样式语言，用于描述 WXML 的组件样式。

与 CSS 相比，WXSS 扩展的特性有：

1.响应式长度单位 rpx

2.样式导入

尺寸单位: rpx（responsive pixel）: 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。

image标签 :

图片标签，image组件默认宽度320px、高度240px

支持懒加载  常见的有:widthFix 

子传父 : 1.子组件 触发事件 changeCount

        2. 携带参数  this.data.count 

父传子:    父组件  count="20" 传递参数

  properties: {

  count:{

     type:Number,

     value:10

  }

  }