avalon视频学习笔记（六）

一、数据缓存

1、绑定属性ms-data-*

avalon的数据缓存功能与jquery的data()类似，但不同于jquery的是：avalon是直接将数据保存在元素节点上的data-*属性上。

在从data-*属性还原数据时，它会作简单的数据转换，再返回。

在ms-data绑定属性中，对象与数组是直接保存在元素节点上。

<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>avalon-ms-data-*</title>
<script type="text/javascript" src="../avalon.min.js"></script>
<script type="text/javascript">
avalon.ready(function(){
avalon.define({
$id:'text',
number1:111,
number2:NaN,
bool:false,
bool2:true,
nn:null,
vv:undefined,
array:[1,2,3],
date:new Date,
object:{
name:"这是数据"
},
show:function(){
var elem = avalon(this);
console.log(
elem.data("number1"),elem.data("number2"),
elem.data("bool"),elem.data("bool2"),
elem.data("null"),elem.data("void"),
elem.data("fn"),this["data-array"],
this["data-date"],this["data-object"]
);
alert(123)
}
});
avalon.scan();
})
</script>
</head>
<body ms-controller="text">
<div ms-data-number="number1"
ms-data-number2="number2"
ms-data-bool="bool"
ms-data-bool2="bool2"
ms-data-void="vv"
ms-data-null="nn"
ms-data-array="array"
ms-data-date="date"
ms-data-object="object"
ms-data-fn="show"
ms-click="show"
>点我
</div>
</body>

来自为知笔记(Wiz)

转载于:https://www.cnblogs.com/Zjingwen/p/4456489.html

avalon视频学习笔记（六）相关推荐

JAVA视频学习笔记-马士兵(六)
`JAVA视频学习笔记-马士兵` 常用类_字符串相关类(20200614~16) 常用类_字符串相关类(20200617) 常用类_基本数据类型包装类(20200618) 常用类_Math类(2020 ...
mysql入门很简单系列视频-学习笔记
mysql入门很简单系列视频-学习笔记视频链接:mysql入门很简单系列视频 https://www.bilibili.com/video/av14920200/ 以前主要就了解DDL.DML.DC ...
尚硅谷+黑马程序员MongoDB视频学习笔记（一）
本学习笔记是来源于学习B站上的尚硅谷和黑马的MongoDB教学视频而做的知识总结. 一.数据库(Database) 数据库是按照数据结构来组织.存在和管理数据的仓库.说白了,数据库就是存在数据的仓库. ...
Unity2019 从零到精通视频学习笔记
Unity2019 从零到精通视频学习笔记该文对Unity2019 做简单的自学了解,并做相应的笔记文章目录 Unity2019 从零到精通视频学习笔记一.C#基础回顾基本数据结构面向对象数 ...
影像组学视频学习笔记(43)-标准差、标准误及95%置信区间CI、Li‘s have a solution and plan.
作者:北欧森林链接:https://www.jianshu.com/p/f09d0f97592f 来源:简书,已获授权转载本笔记来源于B站Up主: 有Li 的影像组学系列教学视频本节(43)主要 ...
影像组学视频学习笔记(42)-影像组学特征提取问题解决过程复现、Li‘s have a solution and plan.
作者:北欧森林链接:https://www.jianshu.com/p/c3e6de2f79b3 来源:简书,已获转载授权本笔记来源于B站Up主: 有Li 的影像组学系列教学视频本节(42)主要 ...
影像组学视频学习笔记(41)-如何使用软件提取组学特征、Li‘s have a solution and plan.
作者:北欧森林链接:https://www.jianshu.com/p/72186eb3e395 来源:简书,已获授权转载本笔记来源于B站Up主: 有Li 的影像组学系列教学视频本节(41)主要 ...
影像组学视频学习笔记(37)-机器学习模型判断脑卒中发病时间(文献报告)、Li‘s have a solution and plan.
作者:北欧森林链接:https://www.jianshu.com/p/3e7a2c84288e 来源:简书,已获授权转载 RadiomicsWorld.com "影像组学世界" ...
影像组学视频学习笔记(23)-主成分析PCA、降维和特征筛选的区别、Li‘s have a solution and plan.
本笔记来源于B站Up主: 有Li 的影像组学系列教学视频本节(23)主要讲解: 主成分析PCA,影像组学降维和特征筛选的区别 0. PCA(Principal component analysis) ...

avalon视频学习笔记（六）

avalon视频学习笔记（六）相关推荐

最新文章

热门文章