radio list的细节
[ 2008-11-24 20:34:57 | 作者: Rank ]
see also: IE在DOM操作有表单控件时的bug
阅读全文...
- 可支持方向键
- 当radio最后一个选中时,按小键盘后会自动跳回第一个
- checked可自动触发onclick
- 支持各种浏览器,cross-browser
阅读全文...
从trim原型函数看js正则表达式的性能
[ 2008-11-24 20:20:21 | 作者: Rank ]
see also:firefox 2 的正则表达式细节
如果你看到别人写trim函数是用循环而不用正则表达式来写,请不要取笑,也许,他们就是高手。如果你很自信你的trim函数效率很高,请看完本文再下结论。
一般情况下用正则写法为:
阅读全文...
如果你看到别人写trim函数是用循环而不用正则表达式来写,请不要取笑,也许,他们就是高手。如果你很自信你的trim函数效率很高,请看完本文再下结论。
一般情况下用正则写法为:
<script type="text/javascript">//<![CDATA[
...阅读全文...
构建通用UI控件的那点事
[ 2008-11-22 00:37:10 | 作者: Rank ]
今天想把以前想写的文章写的前端UI控件的问题写完,也许还有点语句不太顺畅,能看懂就行了,呵呵,毕竟是半夜写的东西,难免有点糊涂。
在应用当中如何构建一个比较灵活的UI控件是一个比较让人头痛的问题。
本文将自己的一些经验和思路拿出来和大家讨论一下,在这里并不想用设计模式的理论上去套,如果硬套上去感觉有点象是为了理论而理论了。但基本出发点是一样的。
为了少写和易于维护代码,所以我们尽量在前期做好设计。
...
阅读全文...
在应用当中如何构建一个比较灵活的UI控件是一个比较让人头痛的问题。
本文将自己的一些经验和思路拿出来和大家讨论一下,在这里并不想用设计模式的理论上去套,如果硬套上去感觉有点象是为了理论而理论了。但基本出发点是一样的。
为了少写和易于维护代码,所以我们尽量在前期做好设计。
...
阅读全文...
降低HTML结构与脚本之间的强耦合
[ 2008-11-22 00:21:24 | 作者: Rank ]
文章有点短,多余的例子和前言就略去了,N久前要写的一点点东西。
UI控件在通常情况下不仅仅无侵入,更要灵活,作为编写UI控件的你,写出的控件要给整个team/company用,我建议写出的UI控件不仅要用面象程序员的接口,也需要有面向应用者的接口。要怎么样才能降低HTML结构与脚本之间的强耦合呢?
首先定位问题的关键:控件与结构的耦合无非是要选择哪个元素的问题。
...
阅读全文...
UI控件在通常情况下不仅仅无侵入,更要灵活,作为编写UI控件的你,写出的控件要给整个team/company用,我建议写出的UI控件不仅要用面象程序员的接口,也需要有面向应用者的接口。要怎么样才能降低HTML结构与脚本之间的强耦合呢?
首先定位问题的关键:控件与结构的耦合无非是要选择哪个元素的问题。
...
阅读全文...
flash/flex/air的一个大问题~
[ 2008-11-17 23:14:22 | 作者: Rank ]
对HTML标签的支持得不够好。
现在普遍的做法是浮一个iframe。例如:
阅读全文...
现在普遍的做法是浮一个iframe。例如:
<mx:Panel width="100%" height="100%" title="Content" paddingTop="1" paddingBottom="1" paddingLeft="1" paddingRight="1" >
...阅读全文...
一流的框架做“标准”
[ 2008-11-15 02:31:57 | 作者: Rank ]
偶然想到的一句话。以前常说一流的企业做标准,二流企业做技术,三流企业做产品。
单从技术上来说。标题所指的“标准”不一定是w3c。
从另一个层面上来说,能让绝大多数人易用就是标准,技术上来说不管你写的代码多烂,多难以让理解,据说firefox的C++代码是写得很烂的。
说回前端吧,prototype是$,jquery是chaining&selector,extjs的UI界面如此漂亮。yui现在也要跟...
阅读全文...
单从技术上来说。标题所指的“标准”不一定是w3c。
从另一个层面上来说,能让绝大多数人易用就是标准,技术上来说不管你写的代码多烂,多难以让理解,据说firefox的C++代码是写得很烂的。
说回前端吧,prototype是$,jquery是chaining&selector,extjs的UI界面如此漂亮。yui现在也要跟...
阅读全文...
CSS "Collapsing margins"
[ 2008-11-11 00:13:13 | 作者: Rank ]
以下例子请用Firefox, Opera, Safari来看才能看出真正的效果。
应该比较少人遇到这类的问题,但是遇到后你如果不明白的话就很郁闷了。以下的例子是用margin-bottom却会有margin-top,不信?你看看就明白了。
[s]Floats, absolutely positioned elements, inline-blocks, table-cells, ...
阅读全文...
应该比较少人遇到这类的问题,但是遇到后你如果不明白的话就很郁闷了。以下的例子是用margin-bottom却会有margin-top,不信?你看看就明白了。
[s]Floats, absolutely positioned elements, inline-blocks, table-cells, ...
阅读全文...




