小程序 基本语法

小程序 基本语法  

列表渲染:  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

  }

  }

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 视图层 框架的视图层由WXML(WeiXin Markup language)与WXSS(WeiXin Style...
    勇敢的_心_阅读 1,640评论 0 6
  • 微信小程序的特点 小程序是一种不需要下载、安装即可使用的应用,它出现了触手可及的梦想,用户扫一扫或者搜一下即开打开...
    Simple_3f19阅读 888评论 0 0
  • 0、杂记 0.1、在实际的开发中,图片资源不会存储在小程序的目录中,因为小程序的大小不能超过1MB(现在改为2M)...
    it筱竹阅读 5,473评论 0 10
  • 最近学习小程序,记录一下(2018.4.6) 目录结构1.为了方便开发者减少配置项,描述页面的四个文件必须具有相同...
    ZZES_ZCDC阅读 4,936评论 0 6
  • WXML WXML(WeiXin Markup Language)是微信的一套标签语言,结合基础组件、事件系统,可...
    许剑锋阅读 6,982评论 3 51