一些小程序的知识点

2019-08-05  本文已影响0人  白玩VAC

样式

小程序的rpx单位,它相对于物理像素.在iPhone6下

1px:1rpx = 1:2

设置全局样式可以再最外层的app.wxss中

page{
    /*some css code*/
  }

因为小程序的页面总是被page标签包裹的(包括一些组件)
全局样式有一部分可以被组件样式继承.可以继承的样式有且只有(当然在Page中会正常继承)

font:xxx;
/*包括font-size,font-family等子样式*/
color:xxx;

逻辑

<view 
bind:tap ="someFunction" 
class ="someClass">{{msg}}
</view> 
----------js---------
//bind:tap事件不会阻止事件冒泡(多数情况)
//catch:tap 可以阻止事件冒泡,例如:
//<form/>的submit事件
//<input/>的input事件
//<scroll-view/>的scroll事件.
methods:{
  someFunction(event){
      
  }
}

组件对象的几个属性

data:{
  msg:'someMsg',
  //常见的数据绑定
  flag:true
},
properties:{
 //接收外来属性
  index:{
      type:String,
      value:'' //初始值,不一定指定
      observer:function(){
      //属性变化时执行的回调函数。在这里设置properties会导致
      //内存溢出。
    }
      
}
//待补充

注意:在 properties 定义段中,属性名采用驼峰写法(propertyName);在 wxml 中,指定属性值时则对应使用连字符写法(component-tag-name property-name="attr value"),应用于数据绑定时采用驼峰写法(attr="")。

上一篇 下一篇

猜你喜欢

热点阅读