Ruby web前端观察

摘要： 为什么我推荐事件委托而不是批量绑定太长时间没写blog了，最近迷迷糊糊，又到一个周末，为了给自己一个交代，还是尽力记录点东西吧。免得哪天失忆想回去找资料都没地方找了。今天要记录的东西很简单，就是事件委托。我相信但凡一个做前端方向的，甚至不是前端方向的编码者，对于dom元素的事件委托应该都了解了。所以今天不是说“事件委托”是什么？而是说为什么需要它。【基于前端模版的开发】我们先说这个，为什么要先说这个呢，因为事件委托在这种模式下显得比较有价值。前端模版-相信大家也都耳熟能详，玩的很溜了。web的越来越多的工作开始移交到前端来做。其中就包含这一个东西。当然，我们今天也不讨论前端模版的优势。而是要看 阅读全文

摘要： 【题一】 请实现以下需求，要做一个活动页面，页面上有一张图片（假设是800x600），图片正中心有一个椭圆形的可点击区域，假设椭圆长轴为200px（横向），短轴160px（纵向），请实现点击这个椭圆区域弹出“我被点击了”的字样，而其他区域点击无效。（不一定要兼容低端浏览器，能兼容当然更好） 其实重要的代码就是以下一段： 1 function clickCheck (e) { 2 e = e || win.event; 3 var tar = e.targe... 阅读全文

摘要： 分享地址：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& 阅读全文

摘要： javascript性能调优 阅读全文

摘要： 在项目中发现，点击一次事件，然而执行了>1次，原来是jquery给节点可以多次绑定事件，就等于绑定了n个click事件，所以点击一次就会执行多次。解决办法是在事件执行前用 $dom.unbind()事件进行事件解绑然后再绑定。 阅读全文