摘要:
【实例演示】【程序源码】【源码下载】Fountain 阅读全文
随笔档案-2010年06月
淘宝Kissy框架分析【八】
2010-06-20 19:18 by BlueDream, 1400 阅读, 收藏, 编辑
摘要:
这一节将进行KISSY的选择器 selector.js分析.【程序源码】 阅读全文
淘宝Kissy框架分析【七】
2010-06-20 18:39 by BlueDream, 1921 阅读, 收藏, 编辑
摘要:
今天开始就正式进入了DOM文件夹部分. DOMAPI算是比较难搞的部分.KISSY也在不断完善中.所以现在实现的不是很全面.这篇我们主要看下dom.js和dom-class.jsdom.js只定义了个命名空间.代码还没有具体实现[代码]但由于DOM方法都是扩展在J.DOM命名空间下.所以这个文件是必须的.dom-class.js是对元素的class进行了控制.【程序源码】[代码]1. batch方... 阅读全文
Tween算法
2010-06-19 14:20 by BlueDream, 16758 阅读, 收藏, 编辑
摘要:
【程序演示】Tween类型LinearQuadCubicQuartQuintSineExpoCircElasticBackBounceEase类型easeIneaseOuteaseInOut【程序源码】【源码下载】Tween【参考来源】http://www.cnblogs.com/cloudgamer/archive/2009/01/06/Tween.html 阅读全文
淘宝Kissy框架分析【六】
2010-06-15 21:11 by BlueDream, 2071 阅读, 收藏, 编辑
摘要:
现在开始分析kissy-ua.js 浏览器检测部分.源码如下:[代码]这里不会源码做剖析,因为都是比较容易理解. 但现在对于UA浏览器嗅探和特性检测(如jQuery)的孰优孰劣.我认为都有其合适的应用场景.看自己的需求吧.如果需要特性检测可以参考jQuery源码.用法:[代码]如果是目标浏览器那么会返回该浏览器的版本号.如果不是那么就返回0。比如.你想检测浏览器是不是IE并且是IE8 就可以写 J... 阅读全文
淘宝Kissy框架分析【五】
2010-06-15 14:45 by BlueDream, 2937 阅读, 收藏, 编辑
摘要:
继续分析kissy-lang.js8.makeArray函数作用:转化类数组对象为真实的数组.原理:主要需要处理的就是将NodeList转化成真实的数组. 在非IE浏览器都可以通过Array.prototype.slice.call(NodeList)来直接转换.但IE却不支持. 所以IE下只能降级到普通的方法转换.测试用例:[代码]9.filter函数作用:通过回调函数的条件过滤数组项.测试用例... 阅读全文
淘宝Kissy框架分析【四】
2010-06-15 12:00 by BlueDream, 3341 阅读, 收藏, 编辑
摘要:
今天开始分析kissy-lang.js源码如下:[代码]1.isBoolean, isString, isNumber, isArray, isFunction类型判断函数类型判断函数没啥可说基本类型可以用typeof 复制类型使用Object.prototype.toString.call()来监测.注意:(1).isNumber 如果是infinity或NaN应该返回false. 所以加了is... 阅读全文
淘宝Kissy框架分析【三】
2010-06-12 22:35 by BlueDream, 5093 阅读, 收藏, 编辑
摘要:
继续分析kissy.js6.extend函数作用: 这个extend函数是kissy框架面向对象的核心.实现了继承机制.kissy的继承使用了 对象冒充 + 原型继承的混合模式.原理:[代码]测试用例:[代码]7.namespace函数作用: 建立命名空间. 如果该命名空间存在则直接引用.不覆盖. * S.namespace('KISSY.app'); // returns KISSY.app *... 阅读全文
淘宝Kissy框架分析【二】
2010-06-10 22:25 by BlueDream, 6745 阅读, 收藏, 编辑
摘要:
首先,让我们从kissy核心文件夹开始. 第一个文件kissy.js也是主架构文件.源码如下:[代码]首先整个函数通过简单的闭包机制实现了沙箱.然后将win[J]暴露给全局.所以我们就可以J1616.xx引用属性了.1. mix函数作用:将s的属性拷贝给r. ov(默认为true)为true则属性覆盖,为false则不覆盖. wl如果定义了.那么只有当s中含有wl定义的属性才会进行属性拷贝.测试用... 阅读全文
淘宝Kissy框架分析【一】
2010-06-09 22:15 by BlueDream, 12838 阅读, 收藏, 编辑
摘要:
浮躁的时候总需要找点事情去压制一下自己的恐惧心理.正好赶上淘宝Kissy发展在雏形期,便于分解和学习.就花费一段时间来研究一下Kissy的源码.那么先让我们看一下目前整个kissy的架构.然后展开来一点点学习.那么明天我们将进行的是kissy.js的分解学习 阅读全文
parseUrl
2010-06-09 21:44 by BlueDream, 597 阅读, 收藏, 编辑
摘要:
用法再附上原版的两位大神的方案http://james.padolsey.com/javascript/parsing-urls-with-the-dom/http://blog.stevenlevithan.com/archives/parseuri 阅读全文
漫谈B端的沙箱技术【转】
2010-06-05 12:12 by BlueDream, 1338 阅读, 收藏, 编辑
摘要:
作者 周爱民 发布于 2010年6月2日 上午12时5分从语言学的角度上来说,允许代码无节制地使用全局变量,是最错误的选择之一。而更可怕的,就是一个变量"可能"成为全局的(在未知的时间与地点)。但是这两项,却伴随JavaScript这门语言成功地走到了现在。也许是限于浏览器应用的规模,所以这一切还迟迟没有酿成灾难。在此之前,出现了两种解决方案。一种是ECMA在... 阅读全文
农历 公历 互转函数(包括节气获取)
2010-06-02 22:58 by BlueDream, 5596 阅读, 收藏, 编辑
摘要:
由于工作上需要实现公历转换农历.以及农历转换成公历.还有农历公历二级联动.特封装了这个转换函数. 有个函数的对照表对于农历的联动也很容易实现了.最近要用到节气的计算.所以又扩展了一下关于节气的计算:农历中一种日月兼顾的历法,月份是以月为历,节气是以日为历,地公转轨道是一个以太阳为一个焦点的椭圆,以近日点为0度,以太阳为中心,将地球公转所扫过的角度每十五度的界点所在日期便是一个节气。(可以运用立体几... 阅读全文
简易模板函数
2010-06-02 22:49 by BlueDream, 621 阅读, 收藏, 编辑
摘要:
在工作中经常会拼接字串然后通过innerHTML注入到容器中. 为了使HTML和JS代码松耦合.实现一个简易的模板函数可以使代码看上去更明朗些.实例如下: 阅读全文