摘要：http://www.cnblogs.com/hongru/archive/2012/03/16/2394332.html 转分享地址 阅读全文

摘要：/** * @namespace DOM Ready * 兼容某些页面头部没有引用jquery * @function * @param {Function} fn * @example * DOMReady(fn) */window.DOMReady = function() { var evt = [], isReady = false, guid = 1, randomKey = +new Date(); /** @ignore 执行并销毁队列事件 */ var fire = function() { if (!e... 阅读全文

摘要：判断点在多边形外算法：通过改点做一条水平射线：如果与多边形有 偶数个交点则说明点在多边形外，否则点在多边形内。以下通过一个简单例子：http://888.qq.com/promote/party/2013/0801_jczq/index.shtml#nogovar o = { init: function () { o.initParty(); this.flag = false; //鼠标位于多边形内 this.pos = 0; //记录位于哪个多边形 this.lastpos = -1; this.point = { x: 0, y: 0... 阅读全文

摘要：分享地址：http://www.cnblogs.com/lhb25/p/8-amazing-codepen-demos.html排序算法分享地址：http://www.w3cplus.com/js/99js-sorting-algorithm.html 阅读全文

摘要：一、特性检测：@cc_on我们可以用IE私有的条件编译(conditional compilation)结合条件注释来提供针对ie10的Hack：该脚本里面的IE排除条件注释，以确保IE6-9不承认它，然后它功能检测到了名为@ cc_on。12345请注意/*@cc_on ! @*/中间的这个感叹号。这样就可以在ie10中给html元素添加一个class=”ie10″，然后针对ie10的样式可以卸载这个这个选择器下：123.ie10 .example { /* IE10-only styles go here */}这是ie10标准模式下的截图：这是ie10，IE8模式下的截图：考录到兼容以后 阅读全文

摘要：什么是函数节流？介绍前，先说下背景。在前端开发中，有时会为页面绑定resize事件，或者为一个页面元素绑定拖拽事件（其核心就是绑定mousemove），这种事件有一个特点，就是用户不必特地捣乱，他在一个正常的操作中，都有可能在一个短的时间内触发非常多次事件绑定程序。而大家知道，DOM操作时很消耗性能的，这个时候，如果你为这些事件绑定一些操作DOM节点的操作的话，那就会引发大量的计算，在用户看来，页面可能就一时间没有响应，这个页面一下子变卡了变慢了。甚至在IE下，如果你绑定的resize事件进行较多DOM操作，其高频率可能直接就使得浏览器崩溃。怎么解决？函数节流就是一种办法。话说第一次接触函数节 阅读全文

摘要：我们这里说的throttle就是函数节流的意思。再说的通俗一点就是函数调用的频度控制器，是连续执行时间间隔控制。主要应用的场景比如：鼠标移动，mousemove 事件DOM 元素动态定位，window对象的resize和scroll 事件有人形象的把上面说的事件形象的比喻成机关枪的扫射，throttle就是机关枪的扳机，你不放扳机，它就一直扫射。我们开发时用的上面这些事件也是一样，你不松开鼠标，它的事件就一直触发。回到window resize和scroll事件的基本优化提到的优化：12345678910varresizeTimer=null;$(window).on('resize& 阅读全文