随笔分类 - JS
摘要：4.如何使用js懒加载图片a.懒加载图片是基于jquery.js的，所以：b. 需要懒加载的图片，①.增加 data-original="图片真实地址"②.页面所有的img标签的src属性指向同一个图片(图片未加载时，显示的一张临时图)③.图片一定要设置 width 与 height //为什么？请...
阅读全文
摘要：昨天压缩Js文件时发现了项目中的一个prototype的问题代码如下所示：1.2. 实际情景的代码如上类似，在1中我们可以执行fnx方法，但2中我们却不行，问题就是出现在实例化后XXX的原型链方向已经改变。代码1中XXX.prototype.fnx只是向原型链中加入一个方法，并不影响原型链的指向...
阅读全文
摘要：内部原因：构造，递归，循环，拷贝，动态执行，字符串操作等1.过度的封装（过多的创建“庞大的”对象，但是如果在允许的条件下，面向对象的封装是可以提高维护性，而且符合我们的高内聚低耦合原则）；2.少的去使用私有变量在外界访问（向外界通过暴漏接口的方式去访问私有变量很消耗性能）；3.大量构造对象开销很大；...
阅读全文
摘要：function getEvent(e) { var e=window.event || event; return e.srcElement || e.target;}
阅读全文
摘要：var mousewheel = document.all ? "mousewheel" : "DOMMouseScroll"; $(".w_content_inner").bind(mousewheel, function (e) { e.stopPropa...
阅读全文
摘要：本地文件拖动到页面实例：（支持IE） 页面元素拖动实例：（不支持IE） /** * @author Zzq */
阅读全文
摘要：worker新线程：1.通过postMessage( data ) 方法来向主线程发送数据;2.绑定onmessage方法来接收主线程发送过来的数据；3.worker外部文件不允许使用window，document，parent对象；请求数据： 响应数据：
阅读全文
摘要：localStorage.aa="aa"; //存储了一个key为aa并且value为aa的键值对；localStorage.setItem("bb", "bb");//存储了一个key为bb并且value为b的键值对；localStorage.getItem("bb");//获取一个key为b...
阅读全文
摘要：Desktop Notification
阅读全文
摘要：$(".curr_play").position().left //元素距离父级元素左侧位置$(".curr_play").offset().left //元素距离浏览器左侧位置
阅读全文
摘要：1.事件冒泡流（从注册事件元素到外侧容器元素的过程）；2.事件捕获流（与冒泡相反的过程）；
阅读全文
摘要：1.Dom0级事件： 注册obj.onclick=function () {}; （1.使用简单，2.跨浏览器）； 删除obj.onclick=null;2.Dom2级事件（比0级优点：多个处理函数不会被覆盖）： 成员 -> addEventListener注册事件 removeEventList...
阅读全文
摘要：JS的属性和C#有相似之处 ！使用get和set来进行属性的获取和设置var obj={ a:"1", get age(){ return obj.a; }, set age(value){ obj.a=value; } }; onload = function() { aler...
阅读全文
摘要：我们大家都知道onchange有时候很不好用，因为onchange事件是离开焦点后才会被触发，而不是实时去监听！ 那么oninput()事件和onpropertychange()完美的解决了问题；（onpropertychange是IE版本的专利） 在jquery中只有IE8和IE8以下的低版本支持
阅读全文
摘要：大家都用过Ajax的异步交互，下面的代码中使用 "trycatch工厂模式" 来进行针对Ajax请求对象的变化点进行封装
阅读全文
浙公网安备 33010602011771号