迷茫的小飞侠

摘要： 跨域通信HTML5提供了XDM（cross-document message）安全简单接口： 核心是 postMessage（）方法，用来向另一个地址传送信息： var iframeWindow = document.getElementById(“myframe”).contentWindow; 阅读全文

摘要： drag事件（ dragstart -- drag -- dragend ） 当按下鼠标开始drag一个可以拖动的对象时，触发dragstart事件，如果元素是不可拖动的话，会出现一个不可拖动的图标，圆环里面一条斜杠 dragstart事件触发以后，当你拖动元素，就会持续触发drag事件，直到你放开 阅读全文

摘要： 为什么要优化： 1、每一个函数都是一个对象，会占用内容 2、需要添加事件的Dom节点越多，就要花更多的时间去给那些节点添加处理函数，延迟整个页面的交互，因为先得把事件都加上去 : ( 优化1：使用事件代理 <ul id=”myLinks”> <li id=”goSomewhere”>Go somew 阅读全文

摘要： 请求数据的常用的五种方式 1、XMLHttpRequest (XHR) var url = '/data.php'; var params = [ 'id=934875', 'limit=20' ]; var req = new XMLHttpRequest(); req.onreadystatec 阅读全文

摘要： 1、避免双重判断 var num1 = 5, num2 = 6, result = eval("num1 + num2"), sum = new Function("arg1", "arg2", "return arg1 + arg2"); setTimeout("sum = num1 + num2 阅读全文

摘要： 1、取余数判断，整数除以1都为0 function isInteger(obj) { return typeof obj === 'number' && obj%1 === 0 } 2、使用Math.round、Math.ceil、Math.floor判断 function isInteger(ob 阅读全文

摘要： 前提：图片设置了别的width值 1、新建一个Image()对象，然后把图片的src赋给该对象 function getNaturalWidth(img) { var image = new Image() image.src = img.src var naturalWidth = image.w 阅读全文

摘要： 1、load事件 img.onload = function() { alert('loaded'); } 2、readystatechange事件 img1.onreadystatechange = function() { if(img1.readyState=="complete" || im 阅读全文

摘要： Indexed Database API 目的是提供一个可供javascript存储和检索对象，并且还能进行查询，搜索等数据库操作 设计为几乎完全异步，因此绝大部分操作都稍后执行，因此每次操作都应该提供onerror和onsuccess来处理结果 目前还没有完全支持，因此：var indexedDB 阅读全文

摘要： 用来保存键值对数据，数据以属性的方式保存在storage实例对象上 可以用storage1.length来决定键值对的数量，但是无法决定数据的大小，storage1.remainingSpace可以获得剩余空间大小 只能以string的形式保存数据，非string数据会被转化为string再存储 1 阅读全文