摘要:
最一段代码,是一段原生的图片加载器,可以实现如下功能,就目前自认为最牛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" 阅读全文
摘要:
这周不知道写什么好,写了一个基本的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 阅读全文
摘要:
技巧一之setTimeout.应用案例:比如你想一个函数循环执行10次,怎么办?以前通常是先setInterval,然后clearInterval,技巧一就是克服这个问题(function () { var i = 0; function job() { console.log(i++); if (i < 10) { setTimeout(job, 1000); } } job(); })();上面这个job函数就只会乖乖的执行10次.然后自动停止技巧二之高效的for循环应用案例:抛弃传统的循环方式(... 阅读全文
摘要:
本博客没有华丽的布局,只求朴实的js的代码,只为js代码爱好者提供,一周大概会出1-2篇js前沿代码的文章.只是代码,不说技术.这个时间组件以前发过一次,上次那个很烂,这次有时间了,把这个升级了,性能更好,完美兼容所有浏览器,ie6下拉select档不住的问题也解决了.总之,差不多也算一个完美的时间组件,在线demo nothingDemo 突然发现下面的代码里面有个运行代码可以看在线demo,就再最下面然后贴出源码,只有一点简单的说明<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &quo 阅读全文
摘要:
这篇文章是接着上篇文章讲得,我这个讲个详细的列子,如果没看就点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])); ... 阅读全文
摘要:
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... 阅读全文
摘要:
我承认上章ajax部分写得不好,不要怪我,它的ajax代码太多了,而且跨越大,方法跳跃多,实在不好排版与讲解,但如果你真正想研究源码并且仔细读了得话,你的收获应该会很大,至少你明白了js的ajax是怎么回事.不懂得可以继续参阅ajax和Deferred ,其实我更希望你把deferred搞懂了在看这部分. 好吧,言归正传,这次我讲得是$(function(){console.log("dom ready")}); 多么简单的一段代码,但它是在每个浏览器运行的呢? 还是先来个全局展望,会用到以下几个方法,这里你会知道jQuery是真正的hold住哥,因为他要hold dom 阅读全文
摘要:
在上一节中,我只贴出了$.Deferred的源码分析,并没用讲解怎么使用它,现在我们先看看$.ajax是如何使用它,让我们进行异步任务的处理。 如果没看上节的代码,请先稍微了解一下 jQuery Deferred的工作原理,这样ajax你才能用得更好。 这里我将以一个跨域请求 "http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"这个js文件为例,讲解jQuery的ajax工作原理,知道了原理,什么ajax都是浮云了。 先看这张图片,对$.ajax先来看全局的展望 这里外部有两个变量 prefilt 阅读全文
摘要:
本系列文章讲介绍这个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: ... 阅读全文
摘要:
废话不多说,实现原理主要是处理table,生成tr td,其中最重要的是如何找出每月第一天是星期几,然后就能对应出这个月的余下天数. 首先,说下有些人说这是重复造轮子,但我觉得不是,做项目,总不能老是拿别人的东西来吧,拿来主义并不是神马好玩意,当然如果你想轻松,也没话说,至少说我自己做得,我改起来或者扩展比较方便 效果以及代码如下,,预览效果自己放在html里面把,搞在这个页面上麻烦得很<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xh 阅读全文