摘要：
想写这个框架很长时间了，一直没有时间，断断续续写了一些，端午节这两天宅在家把它完成了。兼容ie9+以上windowphone，android，ios等支持现代浏览器的移动端。支持多层嵌套scroll和页面多scroll，随时改变宽度和改变内容对scroll无影响，开发者只需关注内容和业务逻辑。废话少... 阅读全文
posted @ 2014-06-02 12:08
OD
阅读(6157)
评论(10)
推荐(1)
摘要：
html5现在很火，但兼容性问题还是很严重，不比pc下的ie6的问题少，做过智能机html5开发的话，应该明白滴。html5中的canvas本身是一种像素画板，想实现动画，就必须自己重绘，这点和用dom来现实的动画是有区别的。用dom的话，你只需要一直改变dom的样式，动画就完成，而canvas中，则是擦出掉上次画的，画上现在的，重复这一过程。而且在dom中，可以给每个元素设置事件，而canvas内部则没有事件机制，需要自己去模拟。用OO的方式来写代码，会让代码看起来很清楚，维护方便，我喜欢这种方式，这里有两个类： Stage 舞台类，表示canvas这个舞台。 有这些公开的接口， ... 阅读全文
posted @ 2012-12-04 17:08
OD
阅读(9989)
评论(2)
推荐(3)
摘要：
支持ie6+，firefox，chrome等现代浏览器。<!doctype html><html><head><title>aiQuery test</title> </head><body><div class="aaa"><div class="bbb"><label>用户名:</label><input type="text" id="username"/></ 阅读全文
posted @ 2012-11-27 23:05
OD
阅读(854)
评论(0)
推荐(0)
摘要：
研究javascript是很有意思的事情，以前我说过，在javascript中的继承，在于维持prototype指向同一object就行了，确实这样。我今天做的尝试是，如何更它更像其他的语言一样的使用继承机制，多层继承和更方面的调用父类的构造。我希望达到的效果：functionA(){alert('a');}functionB(){this.$supClass();alert('b');}extend(B,A);functionC(){this.$supClass();alert('c');}extend(C,B);varc=newC();ale 阅读全文
posted @ 2012-01-05 12:30
OD
阅读(1804)
评论(7)
推荐(3)
摘要：
这样的形式执行：d.wait(3000).run(function(m){//等待3秒alert('从前有座山');}).wait(1000).run(function(m){//等待1秒alert('山里有座庙');}).wait(2000).run(function(m){//等待2秒alert('庙里有一个老和尚给一个小和尚讲故事');}).wait(3000).run(function(m){//等待3秒alert('讲的故事是:');}).goStart();//跳到第一条重新执行，这句拿掉就只执行一次<!doct 阅读全文
posted @ 2012-01-04 17:12
OD
阅读(1248)
评论(2)
推荐(0)
摘要：
这几个demo上星期平安夜做的，感觉效果不错，就放在出来，分享给大家。 要在二维空间模拟出三维的效果，就需要把三维的坐标转换成二维坐标。一个最基本依据是：东西越远，看到大小就越小，坐标越往消失点靠拢。 透视公式： scale = fl / (fl + z); scale是大小的比例值，0.0到1.0之间，fl是观察点到成像面的距离，通常这个值是固定，z就是物件的三维空间中的z轴。 在写这些代码之前，我喜欢用面向对象来描述我写的这些东西，比如我需要一个场景，场景是个空间，空间内是可以容纳各种物件的，物件是个对象，物件是是x,y,z三个维度的，场景可以插入任意多的物件，物件... 阅读全文
posted @ 2011-12-31 00:15
OD
阅读(7864)
评论(24)
推荐(8)
摘要：
canvas简单画板，花了几个小时搞定的简单玩意，目前只是初步demo，有时间在完善一下。<!doctype html><html><head><title>canvas简单画板</title><style type="text/css">#can{ width:600px; height:500px; border:1px solid #ccc; margin-top:0px; margin-left:20px;}</style></head><body><h 阅读全文
posted @ 2011-12-05 00:02
OD
阅读(1821)
评论(0)
推荐(0)
摘要：
solr 查询参数说明常用 q - 查询字符串，必须的。fl - 指定返回那些字段内容，用逗号或空格分隔多个。start - 返回第一条记录在完整找到结果中的偏移位置，0开始，一般分页用。rows - 指定返回结果最多有多少条记录，配合start来实现分页。sort - 排序，格式：sort=<field name>+<desc|asc>[,<field name>+<desc|asc>]… 。示例：（inStock desc, price asc）表示先 “inStock” 降序, 再 “price” 升序，默认是相关性降序。wt - (wri 阅读全文
posted @ 2011-11-28 11:58
OD
阅读(602)
评论(0)
推荐(0)
摘要：
1) 远程仓库相关命令检出仓库：$ git clone git://github.com/jquery/jquery.git查看远程仓库：$ git remote -v添加远程仓库：$ git remote add [name] [url]删除远程仓库：$ git remote rm [name]修改远程仓库：$ git remote set-url --push[name][newUrl]拉取远程仓库：$ git pull [remoteName] [localBranchName]推送远程仓库：$ git push [remoteName] [localBranchName]2）分支(br 阅读全文
posted @ 2011-09-30 10:41
OD
阅读(2300)
评论(0)
推荐(0)
摘要：
关于js中的继承，网上有很多文章了，在这里我写出自己对js中的继承的理解。第一个阶段:functionA(){this.funB=function(){alert('A:funB');};}A.prototype={funA:function(){alert('A:funA');}};functionB(){}functionextend(sub,parent){sub.prototype=newparent();sub.prototype.constructor=sub;}extend(B,A);varb=newB();b.funA();//out'A 阅读全文
posted @ 2011-08-26 18:49
OD
阅读(1987)
评论(9)
推荐(2)
浙公网安备 33010602011771号