这个页面demo:http://xiaotiqin.aliapp.com/我想想中的页面应该是这样: 1.页面不要一股脑的拉下来,会觉得看着乏闷,对于那些一股脑拉下来的网站、看着就烦,十几年过去了,能不能换种浏览方式。 2.页面跳来跳去的,妈的,跳着跳着就不知道跳到哪里,有些网站,你甚至找不到从哪个页面过来的,比如微博我找了半年才找到从哪修改头像,擦! 3.我的屏幕这么大你给我来半个屏幕的白屏,浪费电费不说,还看着不爽!!!我要这么大屏幕干嘛啊!!! 4.最鄙视的就是抄来抄去的,擦,大家都说腾讯抄,你敢说自己不是抄的吗,在中国互联网没有创新,大家都等着国外出新东西,立马抄过来!!!没意... Read More
posted @ 2012-06-28 19:28 dushaobin Views(5577) Comments(47) Diggs(7) Edit
一.动态语言与闭包1.语法域和执行域 所谓语法域,是指定义某个程序段落的区域,所谓执行域,是指调用某个程序段落时所影响到的区域。 静态语言中,语法域与执行域基本是确定的,但是在动态语言中语法域与执行域基本一般不同,执行域通常比语法域大很多。2.一个体现闭包本质的例子 所谓闭包,是指语法域位于某个特定的区域,具有持续参考(读写)位于该区域内自身范围之外的执行域上的非持久型变量值的能力的段落!这些外部执行域的非持久型变量神奇地保留他们在闭包最初定义是的值。javascript闭包通常是通过定义在函数内部体function来实现的。<html> <head> </hea Read More
posted @ 2011-03-09 11:09 dushaobin Views(1334) Comments(4) Diggs(4) Edit
1.现在有很多用滚动条,向下滚动,页面跟随动画滚动动画,如果滚动条想上滚动动画可以倒着播放。2.这个一个就是这样一个动画库,你只需要定义运动的对象,以及动画类型,以节点的方式添加进去,就可以自动播放倒放。3.实现原理:跟flash类型有一个虚拟轴,这个轴是以一个单位的形式增加或递减,把实际的物理位置映射到这个轴上。从而找出当前各个对象的对象。4.另外可以设置自动运行,如果设置了自动运行,如果滚动到了改点。后面将会不受控制,而自动执行,直到结束,如果从后面运行到虚拟轴的末尾,就会自己倒着播放也不受控制下面是一个实例: Read More
posted @ 2012-10-16 16:48 dushaobin Views(452) Comments(2) Diggs(1) Edit
注:09年转载的,每年对比一下,与大家分享了自西方文艺复兴以来,中国在自然科学方面落后西方很多,软件领域也不例外。当然现在中国的许多程序员们对此可能有许多不同的意见,有些人认为中国的程序员水平远落后于西方,有些则认为中国的程序员个人能力并不比西方的程序员差,只是整个软件产业落后而已。 那么,到底中国的程序员水平比西方程序员水平差,还是中国有许多优秀的程序员达到或超过了西方程序员同等水平呢?要解决这个问题,必须先知道程序员有多少种技术层级,每个层级需要什么样的技术水平,然后再比较中国和西方在各个技术层级的人数,就可以知道到底有没有差距,差距有多大。 当然,对于如何划分程序员的技术层级,不同公司或 Read More
posted @ 2012-08-30 17:00 dushaobin Views(1143) Comments(7) Diggs(3) Edit
What does it do?The comma operator evaluates both of its operands (from left to right) and returns the value of the second operand. (MDC)var a = (7, 5);a; //5var x, y, zx = (y=1, z=4);x; //4y; //1z; //4Why did you wrap those variable assignments in parentheses?Because of operator precedence. A JavaS Read More
posted @ 2012-04-20 14:40 dushaobin Views(392) Comments(0) Diggs(1) Edit
现在很多网站都用不规则矩形来罗列图片,ipad上面很多应该用也都是用的不规则的矩形,但是还要让他们各自都靠近排列,不能有空隙,这个东西让我想起了俄罗斯方块,这个实现起来很简单,容器里面所有的块元素用绝对定位排列,如果能放的下就放在这里,如果放不下了,在队列中找到能放得下的元素放置,实在找不到,则换行排列下一行,具体思路是这样。代码里有详细的注释直接看代码吧。下面是一个demo:http://steve.aliapp.com/sortRect.html, Read More
posted @ 2012-04-16 10:37 dushaobin Views(2534) Comments(2) Diggs(5) Edit
1.js太多要分开了,现在我要这样写了,view->每个页面对应一个js文件,里面对应的是元素绑定,和错误正确的提示信息,主要就是与dom耦合紧密的。logic->里面对应的是逻辑操作,比如大量的插件,与dom分离。base->主要就是基础类库,兼容性封装,与逻辑无关。view -> logic->baseview -> base有问题再说!!! Read More
posted @ 2012-03-29 12:46 dushaobin Views(213) Comments(0) Diggs(0) Edit
源码地址:http://zhifeiji.aliapp.com/script/validate.js * 这个验证插件是这样的指定一个form表单 * 里面只需要有如下的结构就可以了 * * <input name="email" data-validate="vType=requried,when=blur,fail=email不正确,success=不错哦;vType=email,when=blur,fail=密码不能为空&setClass:fail,success=setClass:show;" /> * * 设置说明:data Read More
posted @ 2012-03-14 15:40 dushaobin Views(403) Comments(0) Diggs(0) Edit
这段时间没事干就写个小日历连续,有很多东西碰到。1.支持css3支持良好的浏览器,ie9 还凑合,ie8就杯具2.每个js文件尽量独立,不影响其他的js文件还可以异步加载3.不同浏览器器要有不同的版本的js,ie8 就加载ie8的js,标准就加载标准的js,好处兼容少,性能好,但是会有一些重复代码,个人认为比较好,比yui那种不管什么都加载来要好4.还有很多要注意的地方没有优化,时间仓促,有兴趣自己搞吧,地址:zhifeiji.aliapp.com来两张效果图: Read More
posted @ 2012-03-05 19:05 dushaobin Views(507) Comments(0) Diggs(0) Edit
看到某些工具上有水波效果,想能不能用canvas实现呢,于是就google了一下还真有在这里与大家分享吧!这里有一篇教程,介绍实现原理的,水波纹原理下面是js实现的源代码var ripple = (function(img_src, container){ var img = new Image, img_data, delay = 30, width, height, half_width, half_height, riprad = 5, oldind, newind, mapind, size, ripplemap = [], last_map = [], ripple, ripp... Read More
posted @ 2011-12-21 18:25 dushaobin Views(954) Comments(2) Diggs(0) Edit
译者注:一篇很好的文章,很久以前在blog上就推荐过,这两天断断续续花了点时间翻译了一下,推荐读读。英文原文在此。文中所有的 layout 这个单词都未作翻译,一来本身这个单词意思就比较多,翻成啥都觉得别扭,二来它也是专有的属性,所以就意会一下吧。水平有限,很多地方都是模模糊糊地意译,发现错误欢迎留言指出。引用一段来自Dean Edwards的评价:I recommend that every CSS designer and DOM scripter read this. Understanding “layout” gives a huge insight into lots of oth Read More
posted @ 2011-12-09 14:33 dushaobin Views(461) Comments(1) Diggs(1) Edit