9.27学习记录

78 阅读3分钟
  1. data-* :给标签添加数据?data-* 全局属性 H5新特性;是一类被称为自定义数据属性的属性,它赋予我们在所有 HTML 元素上嵌入自定义数据属性的能力,并可以通过脚本在 HTML 与 DOM 表现之间进行专有数据的交换。自定义数据属性 data-test-value 可以通过 HTMLElement.dataset.testValue ( 或者是HTMLElement.dataset["testValue"]) 来访问。

  2. dataset:当前组件上由data-开头的自定义属性组成的集合; 在组件节点中可以附加一些自定义数据。这样,在事件中可以获取这些自定义的节点数据,用于事件的逻辑处理。 在 WXML 中,这些自定义数据以 data- 开头,多个单词由连字符 - 连接。这种写法中,连字符写法会转换成驼峰写法,而大写字符会自动转成小写字符。如:data-element-type ,最终会呈现为 event.currentTarget.dataset.elementType ;data-elementType ,最终会呈现为 event.currentTarget.dataset.elementtype ;

  3. tap | 手指触摸后马上离开 |

  4. :class

  • 条件为真对应的选择器生效 :class = "{className1:(条件1),className2:(条件2)}"
  • 以三元表达式来表示class:class="isMini?'mini_humber':'normal_humber'"
  • 如果存在两个动态class,注意标签上不能写两个:class,可以写成数组形式"[_module,{'takePlace':!arr.con.htmlData}]"或者写成(注意空格) :class="'worktabText ' + (checkTab == '0' ? 'worktabTextcolor2' : 'worktabTextcolor1')"
  1. 503 Service Unavailable 是一种 HTTP 协议的服务器端错误状态代码,它表示服务器尚未处于可以接受请求的状态。
  • 通常造成这种情况的原因是由于服务器停机维护或者已超载。注意在发送该响应的时候,应该同时发送一个对用户友好的页面来解释问题发生的原因。该种响应应该用于临时状况下,与之同时,在可行的情况下,应该在 Retry-After 首部字段中包含服务恢复的预期时间。
  • 缓存相关的首部在与该响应一同发送时应该小心使用,因为 503 状态码通常应用于临时状况下,而此类响应一般不应该进行缓存。
  1. web-view 承载网页的容器。会自动铺满整个小程序页面,个人类型的小程序暂不支持使用。
  2. getCurrentPages() 函数用于获取当前页面栈的实例,以数组形式按栈的顺序给出,第一个元素为首页,最后一个元素为当前页面

var pages = getCurrentPages(); // 获取页面栈 var prevPage = pages[pages.length - 2]; // 上一个页面

  1. onShow 当 uni-app 启动,或从后台进入前台显示
  2. uni.getStorageSync(KEY) 从本地缓存中同步获取指定 key 对应的内容。
  3. 微信小程序setData()使用:
    Page.prototype.setData(Object data, Function callback)
    setData 函数用于将数据从逻辑层发送到视图层(异步),同时改变对应的 this.data 的值(同步)
    Object 以 key: value 的形式表示,将 this.data 中的 key 对应的值改变成 value。 其中 key 可以以数据路径的形式给出,支持改变数组中的某一项或对象的某个属性,如 array[2].message,a.b.c.d,并且不需要在 this.data 中预先定义。
    注意:
    直接修改this.data,而不调用this.setData(),页面不会重新渲染,会导致数据不一致;
  4. tap事件阻止二次点击可以通过设置布尔变量,初始值为真,变量为真可以点击,一次点击之后设为假,阻止二次点击;
  5. decodeURI()能解码中文,decodeURIComponent()中文和特殊字符,对于敏感字符(如%需要转换为%25)需要转换;