美文网首页
2019-03-19 wx小程序记录(分包,事件)

2019-03-19 wx小程序记录(分包,事件)

作者: 毛里求斯的一休哥 | 来源:发表于2019-03-19 10:04 被阅读0次

    1.分包加载(subpackages)

    目前小程序分包大小有以下限制:

    整个小程序所有分包大小不超过 8M

    单个分包/主包大小不能超过 2M


    2.小程序常用事件

    2.1:事件

    touchstart:手指触摸动作开始

    touchmove:手指触摸后移动

    touchcancel:手指触摸动作被打断,如来电提醒,弹窗

    touchend:手指触摸动作结束

    tap:手指触摸后马上离开

    longpress:手指触摸后,超过350ms再离开,如果指定了事件回调函数并触发了这个事件,tap事件将不被触发

    transitionend:会在 WXSS transition 或 wx.createAnimation 动画结束后触发

    animationstart:会在一个 WXSS animation 动画开始时触发

    animationiteration会在一个 WXSS animation 一次迭代结束时触发

    animationend会在一个 WXSS animation 动画完成时触发

    2.2:事件对象

    type  String:事件类型

    timeStamp   Integer(整数):页面打开到触发事件所经过的毫秒数

    target  Object:触发事件的组件的一些属性值集合

    currentTarget  Object:当前组件的一些属性值集合

    detail  Object:额外的信息

    touches  Array:触摸事件,当前停留在屏幕中的触摸点信息的数组

    changedTouches  Array:触摸事件,当前变化的触摸点信息的数组

    这里需要注意的是target和currentTarget的区别,currentTarget为当前事件所绑定的组件,而target则是触发该事件的源头组件。

    2.2.1: target和currentTarget事件对象属性

    id  String:当前组件的id

    tagName  String:当前组件的类型

    dataset  Object:当前组件上由data-开头的自定义属性组成的集合

    2.2.2:touch和changedTouches对象属性

    identifier  Number:触摸点的标识符

    pageX, pageY  Number:距离文档左上角的距离,文档的左上角为原点 ,横向为X轴,纵向为Y轴

    clientX, clientY  Number:距离页面可显示区域(屏幕除去导航条)左上角距离,横向为X轴,纵向为Y轴

    相关文章

      网友评论

          本文标题:2019-03-19 wx小程序记录(分包,事件)

          本文链接:https://www.haomeiwen.com/subject/jhbwmqtx.html