摘要: 简介: JS的单元测试之前写的不多,应用到项目中的更少,对待单元测试的看法,不同的程序员有不同的观点,个人感觉当项目组大了,人员流动比较频繁的时候,单元测试还是很有必要的,下面是针对前面博客中的分块延迟加载做的单元测试(感觉陌生的朋友可以先看完前面的2篇文章再来看这一篇,关联性比较大),请各位指正。 测试框架: 使用的测试框架是jasmine,一个非常简单易用的测试框架 describe('测试集合',function(){ //测试Suit it(‘用例描述’,function(){ //测试用例1 …….. }); it(‘用例描述’,function(){}); //测试 阅读全文
posted @ 2011-06-02 11:59 zaohe 阅读(3024) 评论(2) 推荐(4) 编辑
摘要: 简介: 本篇内容本来是想作为JS单元测试的Demo放出,但是看到不少朋友对分块延迟加载的具体实现感兴趣,我就在这里跟大家探讨一下,请多多提建议。 分析: 1. 适用于页面可以将图片划分区块,如无名良品首页的各个楼层。 2. 多个区块,并且区块的粒度适中,每个最好在半屏到2屏之间。 3. 更适合于每个区块上有导航的情形,因为会导航到中间区块,上面下面的区块都不加载图片。 实现: 1. 更改页面img 元素,将<img src=”图片地址”/> 更改为:<img data-ks-lazyload=” 图片地址” />,其中 data-ks-lazyload 为自定义属性,自 阅读全文
posted @ 2011-06-01 13:23 zaohe 阅读(5783) 评论(0) 推荐(5) 编辑
摘要: 简介: 为了提高用户体验,多图片的长页面需要使用延迟加载技术,对这方面的论述,Kissy中有很经典的论述,感兴趣的朋友可以去这里了解一下(http://docs.kissyui.com/kissy/docs/datalazyload/index.html),我先简单的介绍一下,然后讨论如何改进并用于项目中。 分析: 1. Img 更换 src方案:<img data-ls-src=”真正的路径”,src=”load图片的路径”/> 优点:实现简单,不更改页面Dom结构。 缺点:图片数量大时,效率不够好;ie6、ie7下替换SRC时有Bug存在。 2. textarea 延迟方案: 阅读全文
posted @ 2011-05-31 15:07 zaohe 阅读(4836) 评论(11) 推荐(8) 编辑
摘要: 简介:网站展示商品经常使用的一种方式就是滚屏,既可以增加商品展示的数目,又添加动态效果,不过当我们仔细研究后会发现,这些滚屏的动画效果,特别是滚屏效果不理想。例如,当从1 -->3 时,跟1-->2效果不一致动画的移动速度不同;从2-->1又是另外一种效果,移动方向不同,由此带来的用户感官不理想。分析:1. 滚屏的一般实现: 大多数网站实现滚屏,都是使用一个列表,要移动到哪一帧就直接移过去,移动层内的元素不发生顺序的改变,只使用CSS更改列表的绝对位置(top,left,right,bottom)。优点:实现简单缺点:滚动效果不一致,不够平滑。2. 简单的平滑实现: 有的网站 阅读全文
posted @ 2011-05-30 17:07 zaohe 阅读(2684) 评论(8) 推荐(2) 编辑
摘要: 良品首页3.0版本在设计的时候,想在首屏添加一些特殊的效果,例如彩蛋之类,所以整个首屏使用了Flash,在高品质的显示效果和动画效果背后带来了大量问题,下面来一一分析。 阅读全文
posted @ 2011-05-30 13:21 zaohe 阅读(1543) 评论(2) 推荐(0) 编辑
摘要: EAS系统异常设计一、 系统中异常现状1、C#定义的异常2、框架使用异常1)通用异常Exception类型异常描述CustomAppliactionException框架自定义异常的基类ClientApplicationException框架自定义异常的基类ServerApplicationException服务器相关异常(未使用)WrongImplementationException未知Fil... 阅读全文
posted @ 2010-01-22 12:34 zaohe 阅读(1320) 评论(0) 推荐(0) 编辑
摘要: EAS系统异常子系统(问题描述)一、 使用异常系统的目的:1、 将错误信息隐藏,防止代码层次的错误描述暴露给用户。2、 增强系统健壮性,防止出现局部错误引起模块、系统崩溃。3、 便于部署后的调试,记录异常信息到文件、数据库,定时回馈或集中处理。二、 常见异常:1、编程时粗心考虑不周,测试时不完全。2、函数调用顺序以及调用方式引起的对象引用为空。3、资源无效,如数据库连接异常、文件不存在。4、调用C... 阅读全文
posted @ 2010-01-22 12:21 zaohe 阅读(725) 评论(0) 推荐(0) 编辑