[Javascript]Closure——Google Javascript Library
作者:勤卓 日期:2009-11-06
一直走在Web Ajax应用开发前列的Google发布了他们所使用的Javascript类库——Closure。
这名字就很有JS特色,正是无比强大的Closure让JS拥有了让人欲罢不能的魔力。
这套类库包括三个部分,一个是代码压缩(Closure optimizer),一个是类库(Closure Library),还有一个是模板(Closure Templates),用来动态生成HTML代码。
这名字就很有JS特色,正是无比强大的Closure让JS拥有了让人欲罢不能的魔力。
这套类库包括三个部分,一个是代码压缩(Closure optimizer),一个是类库(Closure Library),还有一个是模板(Closure Templates),用来动态生成HTML代码。
Tags: Javascript框架
流水账——这个秋天有点短
作者:勤卓 日期:2009-11-04
[Javascript][jQuery]kxbdTabs和kxbdAccordion
作者:勤卓 日期:2009-11-03
又写了一个选项卡和Accordion,这次是用jQuery完成的,这两个plugin内部实现其实基本一样,连应用也基本一致,之所以分成了两个,主要是因为前台代码结构并不由我控制,kxbdAccordion是适用于当前的业务需求,而我为了更多的适应将来的需求而重构了一下,写了kxbdTabs,一般情况下,使用kxbdTabs就好。
两个plugin区别在于kxbdAccordion要求是固定的DOM结构,而kxbdTabs通过传入选项卡数组和内容数组,可以更灵活的适应于大多数情况。在具体应用上,kxbdAccordion要实现选项卡的效果,也必须在CSS上多编写些代码,
功能不多,就是常用的展示,包括轮换,一些效果的设定,能通过事件callback来应对更多特殊的要求。
两个plugin区别在于kxbdAccordion要求是固定的DOM结构,而kxbdTabs通过传入选项卡数组和内容数组,可以更灵活的适应于大多数情况。在具体应用上,kxbdAccordion要实现选项卡的效果,也必须在CSS上多编写些代码,
功能不多,就是常用的展示,包括轮换,一些效果的设定,能通过事件callback来应对更多特殊的要求。
Tags: Javascript JQuery
[Javascript][jQuery]kxbdLayout——可拖动的100%布局
作者:勤卓 日期:2009-10-23
[Javascript][jQuery]hLayout——可拖动的100%宽度布局
作者:勤卓 日期:2009-10-22
最近在写一些UI布局方面的代码,jQuery UI里包括一些常用的插件,不过日常工作中还有不少UI需要而jQuery UI并没有提供,我这几天写的hLayout插件是在draggable插件基础上完成的。全屏的流体布局通常出现在Web软件里,Yahoo最近推出的新版邮箱就很强大,包括多种Web UI实现。
jQuery UI在core.js里提供构建jQuery widget的方法,这种方式和写jQuery plugin就有些差异了,而和我使用Mootools或者Prototype来写有些类似。现在用jQuery来写代码就让我感觉习惯多了。
我写这个插件的思路还是通过绝对定位来实现,用JS来设定拖动后的各元素的位置。因为要实现布局的嵌套,所以用hLayoutManager来管理所有hLayout,实现父级改变hLayout后,子级元素也做相应的变化。hLayout除了可以无限嵌套外,还可以设定是固定左边还是右边的宽度。
jQuery UI在core.js里提供构建jQuery widget的方法,这种方式和写jQuery plugin就有些差异了,而和我使用Mootools或者Prototype来写有些类似。现在用jQuery来写代码就让我感觉习惯多了。
我写这个插件的思路还是通过绝对定位来实现,用JS来设定拖动后的各元素的位置。因为要实现布局的嵌套,所以用hLayoutManager来管理所有hLayout,实现父级改变hLayout后,子级元素也做相应的变化。hLayout除了可以无限嵌套外,还可以设定是固定左边还是右边的宽度。
Tags: Javascript JQuery


