页面js数据缓存
页面js数据缓存
将js数据比如ajax请求来的数据缓存起来是很早就开始做的事情，原来是用一个全局变量__data来存储，现在基于jquery写的两种实现方式。cache这种方式是很普遍的一种实现方式，icache是将数据缓存到dom中，在使用的过程中依赖json.js可以缓存多种类型的数据。cache和icache有一个差别是icache需要检验key和value，这是因为将数据写入dom时需要将不同类型的数据先转换为字符串，这也是可能需要json.js的原因。
/**
* cache.
* page data cache in cache.
*/
(function($) {
$.cache = {};
$.extend($.cache, {
map : {},
push : function(key, value) {
$.cache.map[key] = value;
},
remove : function(key) { delete($.cache.map[key]); },
clear : function() {
$.cache.map = {};
},
get : function(key) { return $.cache.map[key]; }
});
})(jQuery);
/**
* icache.
* page data cache in dom. */
(function($) {
$.icache = {};
$.extend($.icache, {
validStr : function(str) {
return typeof(str) == 'string' ? true : false;
},
data : {
containerId :'icacheContainer'
},
enable : function() {
if ($('#' + $.icache.data.containerId).length != 0) return;
var container = $('
},
getContainer : function() {
$.icache.enable();
return $('#' + $.icache.data.containerId);
},
push : function(key, value) {
if (!$.icache.validStr(key) || !$.icache.validStr(value)) return;
var container = $.icache.getContainer();
var e = container.find('#' + key);
if (e.length == 0) e = $('
e.html(value);
},
get : function(key) {
return $.icache.getContainer().find('#' + key).html();
},
remove : function(key) {
$.icache.getContainer().find('#' + key).remove();
},
clear : function() {
$.icache.getContainer().empty();
}
});
})(jQuery);
javaScript重点知识总结
1、JavaScript 显示数据 JavaScript 可以通过不同的方式来输出数据： 使用window.alert()弹出警告框。 使用document.write()方法将内容写到HTML 文档中。 使用innerHTML写入到HTML 元素。 使用console.log()写入到浏览器的控制台。 实例： document.getElementById("demo").innerHTML = "段落已修改。"; document.write("
这是一个标题
");//write可以直接写入格式！ 2、JavaScript 数据类型 var length = 16; // Number 通过数字字面量赋值var points = x * 10; // Number 通过表达式字面量赋值var lastName = "Johnson"; // String 通过字符串字面量赋值var cars = ["Saab", "Volvo", "BMW"]; // Array 通过数组字面量赋值var person = {firstName:"John", lastName:"Doe"}; // Object 通过对象字面量赋值 var cars=new Array(); cars[0]="Saab"; cars[1]="Volvo"; cars[2]="BMW"; 3、JavaScript事件HTML 事件可以是浏览器行为，也可以是用户行为。 以下是HTML 事件的实例： HTML 页面完成加载。 HTML input 字段改变时。 HTML 按钮被点击。 右图是常见的事件(前面都有on) 事件有三种写法，举onclick为例： //后面再写函数实现方式。 4、JavaScript 字符串 var carname = "Volvo XC60"; var character = carname[7]; //字符串的索引从0 开始 JavaScript本身对单引号还是双引号没有区别。一般都用双引号，两个都存在时，再考虑。
js常用总结
JavaScript的内部对象： (1) Object (2) String (3) Math (4) Date (5) toString JavaScript 代码放在另一个单独的文件里，然后在网页（HTML文件）中使用“SRC= 此单独文件的路径/地址（URL）”来使用此单独文件里的JavaScript 程序代码。一般将这个单独的文件保存为扩展名为.JS 的文件： JS - 常用語句 1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是: document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是: window->(navigator,screen,history,location,document) 5.得到表单中元素的名称和值: document.getElementById("表单中元素的ID号").name(或value) 6.一个小写转大写的JS: document.getElementById("output").value=document.getElementById("input").value.toUpperCa se(); 7.JS中的值类型: String,Number,Boolean,Null,Object,Function 8.JS中的字符型转换成数值型: parseInt(),parseFloat() 9.JS中的数字转换成字符型: ("" 变量) 10.JS中的取字符串长度是: (length) 11.JS中的字符与字符相连接使用号. 12.JS中的比较操作符有: == 等于,!=不等于,>,>=,<.<= 13.JS中声明变量使用: var 来进行声明 14.JS中的判断语句结构: if(condition){}else{} 15.JS中的循环结构: for([initial expression];[condition];[upadte expression]) {inside loop} 16.循环中止的命令是: break 17.JS中的函数定义:
个人心得javascript总结模板
个人心得javascript总结模板 个人心得javascript总结模板 篇一：个人心得javascript总结 1、javascript 是一种基于对象，和事件驱动的并具有安全性的脚本语言；基于对象，动态语言，无需编译，直接解释执行； 2、可以放在的地方； A、中，一对 之间； B、单独文件中 C、将脚本程序代码作为属性值、javascript 3、保留字以及关键字； 4、javascript基本语法： 4.1 标识：大小写字母，数字，下划线，和美元符号：不能以数字开头； 4.2 javascript严格区分大小写 4.3 每条语句必须以分号结束；（不写，一般没事，但是可能会引起不必要的歧义） 4.4 多行注释**单行注释： 4.5 Function test(){ Var i=100;不加var 就会自动变成全局变量，这样在以后会产生冲突；
Alert(i); } Test(); 5、数据类型：(数字，boolean，String字符串；日期什么的是对象了) 特殊值：NaN，Infinity，函数isNaN（）；isFinite（）； Boolean，取值只能是true，和false 全是小写 逻辑运算符 var a=100; var b=0; var c=a||b; alert(c);返回值是100：就是当两边返回值都是false时，返回第一个或最后一个不为false的值； 6、什么值在javascript中是false？ 逻辑运算中，0，“”，false，null，undefined，NaN均表示false 6.1想要赋个默认值：怎么办？ function test(e){ e=e||new object(); if(https://www.360docs.net/doc/d314543972.html,!='ang'){ alert(e);}} test(3); 看这里： Var sth=test;相当于将函数赋给一个变量，这个变量之后可以传参运行
javascript笔记总结
DAY01 基本使用 什么是javascript 发展历史 javascript组成ECMAScript+BOM+DOM 使用标签 document.write方法 注释 使用引入js文件的方式