zoukankan      html  css  js  c++  java
  • 【小程序】学习笔记一

    ----------------------------------------------------------------------

    笔记整理自微信小程序官方文档,目的加深印象,以及日后快速查询 

    https://developers.weixin.qq.com/miniprogram/dev/framework/

    ----------------------------------------------------------------------

     

    一、事件响应:

    https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/event.html

     

    事件分为冒泡事件和非冒泡事件:

    • 冒泡事件:当一个组件上的事件被触发后,该事件会向父节点传递。
    • 非冒泡事件:当一个组件上的事件被触发后,该事件不会向父节点传递。

    绑定并阻止事件冒泡

     bind 外,也可以用 catch 来绑定事件。与 bind 不同, catch 会阻止事件向上冒泡。

     

    互斥事件绑定

    自基础库版本2.8.2起,除 bind 和 catch 外,还可以使用 mut-bind 来绑定事件。一个 mut-bind 触发后,如果事件冒泡到其他节点上,其他节点上的 mut-bind 绑定函数不会被触发,但 bind 绑定函数和 catch 绑定函数依旧会被触发。换而言之,所有 mut-bind 是“互斥”的,只会有其中一个绑定函数被触发。同时,它完全不影响 bind 和 catch 的绑定效果。

     

    事件的捕获阶段

    自基础库版本 1.5.0 起,触摸类事件支持捕获阶段。捕获阶段位于冒泡阶段之前,且在捕获阶段中,事件到达节点的顺序与冒泡阶段恰好相反。需要在捕获阶段监听事件时,可以采用capture-bind、capture-catch关键字,后者将中断捕获阶段和取消冒泡阶段。

     

    dataset

    在组件节点中可以附加一些自定义数据。这样,在事件中可以获取这些自定义的节点数据,用于事件的逻辑处理。

    在 WXML 中,这些自定义数据以 data- 开头,多个单词由连字符 - 连接。这种写法中,连字符写法会转换成驼峰写法,而大写字符会自动转成小写字符。如:

    • data-element-type ,最终会呈现为 event.currentTarget.dataset.elementType ;
    • data-elementType ,最终会呈现为 event.currentTarget.dataset.elementtype 

    mark

    在基础库版本 2.7.1 以上,可以使用 mark 来识别具体触发事件的 target 节点。此外, mark 还可以用于承载一些自定义数据(类似于 dataset )。

    当事件触发时,事件冒泡路径上所有的 mark 会被合并,并返回给事件回调函数。(即使事件不是冒泡事件,也会 mark 。)

     

    mark 和 dataset 很相似,主要区别在于: mark 会包含从触发事件的节点到根节点上所有的 mark: 属性值;而 dataset 仅包含一个节点的 data- 属性值。

    细节注意事项:

    • 如果存在同名的 mark ,父节点的 mark 会被子节点覆盖。
    • 在自定义组件中接收事件时, mark 不包含自定义组件外的节点的 mark 。
    • 不同于 dataset ,节点的 mark 不会做连字符和大小写转换。

    二、数据双向绑定

    https://developers.weixin.qq.com/miniprogram/dev/framework/view/two-way-bindings.html

    WXML 中,普通的属性的绑定是单向的,如果需要在用户操作的同时改变 this.data.value ,需要借助简易双向绑定机制,可以在对应项目之前加入 model: 前缀

    三、获取界面上的节点信息

    https://developers.weixin.qq.com/miniprogram/dev/framework/view/selector.html

    节点信息查询 API 可以用于获取节点属性、样式、在界面上的位置等信息。

    四、 小程序运行机制

    https://developers.weixin.qq.com/miniprogram/dev/framework/runtime/operating-mechanism.html

    小程序启动可以分为两种情况,一种是冷启动,一种是热启动

    • 冷启动:如果用户首次打开,或小程序销毁后被用户再次打开,此时小程序需要重新加载启动,即冷启动。
    • 热启动:如果用户已经打开过某小程序,然后在一定时间内再次打开该小程序,此时小程序并未被销毁,只是从后台状态进入前台状态,这个过程就是热启动。

    五、小程序更新机制

    https://developers.weixin.qq.com/miniprogram/dev/framework/runtime/update-mechanism.html

     

     

     

     

    得意时做事,失意时读书
  • 相关阅读:
    PHP的函数应用
    MyEclipse 使用Junit
    JAVASE知识点总结
    常见排序算法
    数据结构的java实现
    JDK1.5新特性总结
    Oracle练习题
    Oracle面试题2
    Oracle面试题1
    分别使用Statement和PreparedStatement对数据库进行操作
  • 原文地址:https://www.cnblogs.com/lanse1993/p/12623759.html
Copyright © 2011-2022 走看看