2012年1月2日
犀利的lazyLoad,求js高手鉴定
摘要： 最一段代码,是一段原生的图片加载器,可以实现如下功能,就目前自认为最牛X的页面图片加载器,已经过京东首页测试,IE6 7 8,chrome ,ff完美测试通过. 先说下它到底NB在哪里, 1.原生js实现,客户端性能NB.,不依靠任何框架. 2.可以支持两种方式的图片加载 <img src="images/blank.png" data-src="images/abstract_brushes.jpg" data-defer="5000"/> <img src="images/blank.png" 阅读全文
posted @ 2012-01-02 01:07 !nothing 阅读(5212) 评论(11) 推荐(6)
2011年12月23日
canvas坐标操作
摘要： 这周不知道写什么好,写了一个基本的canvas坐标操作,蛮有用的,对于理解canvas有一定帮助,直接贴源码.先看效果,人门总喜欢先看效果,后看代码,在线nothingDemo<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>test</title> <style type="text/css"> *{margin:0;padding:0;}canvas{display:block;margin:10px 阅读全文
posted @ 2011-12-23 18:10 !nothing 阅读(5500) 评论(0) 推荐(2)
2011年12月19日
五段实用的js淫荡技巧
摘要： 技巧一之setTimeout.应用案例:比如你想一个函数循环执行10次,怎么办?以前通常是先setInterval,然后clearInterval,技巧一就是克服这个问题(function () { var i = 0; function job() { console.log(i++); if (i < 10) { setTimeout(job, 1000); } } job(); })();上面这个job函数就只会乖乖的执行10次.然后自动停止技巧二之高效的for循环应用案例:抛弃传统的循环方式(... 阅读全文
posted @ 2011-12-19 12:00 !nothing 阅读(4319) 评论(14) 推荐(3)
2011年12月17日
仿新浪微博完美的时间组件升级版
摘要： 本博客没有华丽的布局,只求朴实的js的代码,只为js代码爱好者提供,一周大概会出1-2篇js前沿代码的文章.只是代码,不说技术.这个时间组件以前发过一次,上次那个很烂,这次有时间了,把这个升级了,性能更好,完美兼容所有浏览器,ie6下拉select档不住的问题也解决了.总之,差不多也算一个完美的时间组件,在线demo nothingDemo 突然发现下面的代码里面有个运行代码可以看在线demo,就再最下面然后贴出源码,只有一点简单的说明<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &quo 阅读全文
posted @ 2011-12-17 15:18 !nothing 阅读(2922) 评论(13) 推荐(4)
2011年12月16日
这段js代码事例详解
摘要： 这篇文章是接着上篇文章讲得,我这个讲个详细的列子,如果没看就点http://www.cnblogs.com/nothingbrother/archive/2011/12/15/2288931.html先看列子,本博客没时间去搞华丽的布局,只求朴实的代码,只为js代码爱好者使用 var Mouse = function () { if (document.addEventListener) { document.addEventListener('mousemove', this.move.bind(this,1,2,[3,4])); ... 阅读全文
posted @ 2011-12-16 17:08 !nothing 阅读(2905) 评论(2) 推荐(4)
2011年12月15日
这段js代码得拯救你多少时间
摘要： 1.应用案例: var Mouse = function () { // Look! no that = this! this.position = [0, 0]; if (document.addEventListener) { document.addEventListener('mousemove', ?); //this.move? } else if (document.attachEvent) { documen... 阅读全文
posted @ 2011-12-15 15:06 !nothing 阅读(6242) 评论(49) 推荐(6)
2011年12月5日
jQuery deferred应用dom加载完毕详细源码分析（三）
摘要： 我承认上章ajax部分写得不好,不要怪我,它的ajax代码太多了,而且跨越大,方法跳跃多,实在不好排版与讲解,但如果你真正想研究源码并且仔细读了得话,你的收获应该会很大,至少你明白了js的ajax是怎么回事.不懂得可以继续参阅ajax和Deferred ,其实我更希望你把deferred搞懂了在看这部分. 好吧,言归正传,这次我讲得是$(function(){console.log("dom ready")}); 多么简单的一段代码,但它是在每个浏览器运行的呢? 还是先来个全局展望,会用到以下几个方法,这里你会知道jQuery是真正的hold住哥,因为他要hold dom 阅读全文
posted @ 2011-12-05 23:41 !nothing 阅读(2517) 评论(3) 推荐(4)
2011年12月4日
jQuery deferred应用之ajax详细源码分析（二）
摘要： 在上一节中，我只贴出了$.Deferred的源码分析，并没用讲解怎么使用它，现在我们先看看$.ajax是如何使用它，让我们进行异步任务的处理。 如果没看上节的代码，请先稍微了解一下 jQuery Deferred的工作原理，这样ajax你才能用得更好。 这里我将以一个跨域请求 "http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"这个js文件为例，讲解jQuery的ajax工作原理，知道了原理，什么ajax都是浮云了。 先看这张图片，对$.ajax先来看全局的展望 这里外部有两个变量 prefilt 阅读全文
posted @ 2011-12-04 20:03 !nothing 阅读(9134) 评论(0) 推荐(1)
2011年11月30日
jQuery Deferred对象详细源码分析（-）
摘要： 本系列文章讲介绍这个Deferred东西到底拿来干什么，从1.5版本加进来，jQuery的很多代码都重写了。直接先上源码分析了，清楚了源码分析，下节将讲具体的应用 以及应用场景。创建对象 var def=$.Deferred(); 包含 done,resolve,resolveWith,reject,rejectWith,isResolved等等方法这套系列文章主要是分析jQuery的源码 1 jQuery.extend({ 2 // Create a simple deferred (one callbacks list) 3 _Deferred: ... 阅读全文
posted @ 2011-11-30 22:11 !nothing 阅读(7685) 评论(1) 推荐(0)
2011年10月2日
用jQuery模仿新浪微博时间组件
摘要： 废话不多说,实现原理主要是处理table,生成tr td,其中最重要的是如何找出每月第一天是星期几,然后就能对应出这个月的余下天数. 首先,说下有些人说这是重复造轮子,但我觉得不是,做项目,总不能老是拿别人的东西来吧,拿来主义并不是神马好玩意,当然如果你想轻松,也没话说,至少说我自己做得,我改起来或者扩展比较方便 效果以及代码如下,,预览效果自己放在html里面把,搞在这个页面上麻烦得很<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xh 阅读全文
posted @ 2011-10-02 14:31 !nothing 阅读(2899) 评论(0) 推荐(5)
下一页