-
data-* :给标签添加数据?data-* 全局属性 H5新特性;是一类被称为自定义数据属性的属性,它赋予我们在所有 HTML 元素上嵌入自定义数据属性的能力,并可以通过脚本在 HTML 与 DOM 表现之间进行专有数据的交换。自定义数据属性 data-test-value 可以通过 HTMLElement.dataset.testValue ( 或者是HTMLElement.dataset["testValue"]) 来访问。
-
dataset:当前组件上由data-开头的自定义属性组成的集合; 在组件节点中可以附加一些自定义数据。这样,在事件中可以获取这些自定义的节点数据,用于事件的逻辑处理。 在 WXML 中,这些自定义数据以 data- 开头,多个单词由连字符 - 连接。这种写法中,连字符写法会转换成驼峰写法,而大写字符会自动转成小写字符。如:data-element-type ,最终会呈现为 event.currentTarget.dataset.elementType ;data-elementType ,最终会呈现为 event.currentTarget.dataset.elementtype ;
-
tap | 手指触摸后马上离开 |
-
: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')"
503 Service Unavailable是一种 HTTP 协议的服务器端错误状态代码,它表示服务器尚未处于可以接受请求的状态。
- 通常造成这种情况的原因是由于服务器停机维护或者已超载。注意在发送该响应的时候,应该同时发送一个对用户友好的页面来解释问题发生的原因。该种响应应该用于临时状况下,与之同时,在可行的情况下,应该在
Retry-After首部字段中包含服务恢复的预期时间。 - 缓存相关的首部在与该响应一同发送时应该小心使用,因为 503 状态码通常应用于临时状况下,而此类响应一般不应该进行缓存。
- web-view 承载网页的容器。会自动铺满整个小程序页面,个人类型的小程序暂不支持使用。
getCurrentPages()函数用于获取当前页面栈的实例,以数组形式按栈的顺序给出,第一个元素为首页,最后一个元素为当前页面
var pages = getCurrentPages(); // 获取页面栈
var prevPage = pages[pages.length - 2]; // 上一个页面
- onShow 当 uni-app 启动,或从后台进入前台显示
- uni.getStorageSync(KEY) 从本地缓存中同步获取指定 key 对应的内容。
- 微信小程序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(),页面不会重新渲染,会导致数据不一致; - tap事件阻止二次点击可以通过设置布尔变量,初始值为真,变量为真可以点击,一次点击之后设为假,阻止二次点击;
- decodeURI()能解码中文,decodeURIComponent()中文和特殊字符,对于敏感字符(如%需要转换为%25)需要转换;