常用js总结1

Posted 2020-06-13

1.cookie.js(封装了cookie的基本操作)

　　1.引入cookie.js

　　　　<script type="text/javascript" src="../js/jquery-1.11.1.min.js"></script>
　　　　<script type="text/javascript" src="../js/jquery.cookie.js"></script>

　　2.常用方法

　　　　1.添加：　　$.cookie(‘the_cookie‘, ‘the_value‘);

　　　　　　注：当没有指明 cookie有效时间时，所创建的cookie有效期默认到用户关闭浏览器为止，所以被称为“会话cookie（session cookie）”。

　　　　2.获取：　　$.cookie(‘the_cookie‘); // cookie存在 => ‘the_value‘　　cookie不存在 => null

　　　　3.删除：　　$.cookie(‘the_cookie‘, null);

　　　　4.参数设置：　　$.cookie(COOKIE_NAME, $("#username").val() , { path: ‘/‘, expires: 10, domain: ‘jquery.com‘, secure: true });

　　　　　　注：当指明了cookie有效时间时，所创建的cookie被称为“持久 cookie （persistent  cookie）”。

　　　　　　　　expires: (Number | Date)      有效期，可以设置一个整数作为有效期（单位：天），也可以设置一个日期对象作为Cookie的过期日期。如果指定日期为负数，那么此cookie将被删 除；　　　　　　如果不设置或者设置为null，那么此cookie将被当作Session Cookie处理，并且在浏览器关闭后删除

　　　　　　　　path:  (String)          Cookie的路径属性，默认是创建该cookie的页面路径

　　　　　　　　domain: (String)     Cookie的域名属性，默认是创建该cookie的页面域名

　　　　　　　　secure: (Boolean)  如果设为true，那么此cookie的传输会要求一个安全协议，例如HTTPS

2.store.js(本地存储)

　　1.引入store.min.js和store+json2.min.js

　　　　<script type="text/javascript" src="../js/jquery-1.11.1.min.js"></script>
　　　　<script type="text/javascript" src="../js/store.min.js"></script>
　　　　<script type="text/javascript" src="../js/store+json2.min.js"></script>

　　2.常用方法

　　　　1.设置值：　　store.set("name","value")

　　　　　　　　　　　store.set("user",{name:"张三",age:32});

　　　　2.获取值：　　var value=store.get("name");

　　　　3.删除值：　　store.remove("name")

　　　　4.清空所用：　store.clear();

3.data.js(数据中心+消息订阅)

　　1.引入data.js

　　　　<script type="text/javascript" src="../js/jquery-1.11.1.min.js"></script>
　　　　<script type="text/javascript" src="../js/data.js"></script>

　　2.常用方法

　　　　1.获取实例:　　var D=new Data();或者  var D=Data();

　　　　2.设置值：　　Data.set("name","value")

　　　　　　　　　　注：可以在默认数据中心上操作，也可以在具体的实例上进行操作

　　　　3.判断值是否存在：　　Data.has("name")　　//返回true或false

　　　　4.获取值：　　Data.get("name")

　　　　5.添加订阅：　　var id=Data.sub(type,key,callback)

　　　　　　　　type {String} 订阅消息的类型 （可选值：set, add, update, delete 分别代表 设置，添加，更新，删除，其中set是通用类型，其他三个为细分类型，并且互斥）

　　　　　　　　key {String} 订阅消息的键值

　　　　　　　　callback {Function} 消息接受函数

　　　　　　　　return {Number} 消息的同意id用于取消订阅事件用

　　　　6.取消订阅　　var id=Data.unsub(type,key,id(可选))