一些小程序的知识点

样式

小程序的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="")。

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

推荐阅读更多精彩内容

  • 每天的学习记录,可能有的地方写的不对,因为刚学,以后发现错的话会回来改掉整体流程 https://develope...
    有点健忘阅读 4,803评论 0 7
  • 微信小程序的特点 小程序是一种不需要下载、安装即可使用的应用,它出现了触手可及的梦想,用户扫一扫或者搜一下即开打开...
    Simple_3f19阅读 885评论 0 0
  • 版权声明:本文为博主原创文章,转载请注明出处【by:待孤君临天下】 前言:因项目需求,本人需要开发微信小程序(之前...
    待孤君临天下阅读 8,329评论 1 1
  • 视图层 框架的视图层由WXML(WeiXin Markup language)与WXSS(WeiXin Style...
    勇敢的_心_阅读 1,626评论 0 6
  • 去表姐家玩的时候我们玩了。我不敢玩芭比娃娃。那我忍不住想玩了。我拿了个瓶子当人。我居然是芭比娃娃的瓶子。就是玩嘛玩...
    全良劭阅读 461评论 0 1