KISSY.all(‘.good-student’)

猛击:join-taobao.html

  KISSY.all('.good-student').appendTo('#taobao').icanfly();

你懂的,赶快投递简历到 yubo(at)taobao.com 吧^o^

Tags: , ,

innerHTML and Script Tags

先看源码:innerhtml-and-script-tags.html

注释里已经写得很清楚,不赘述。
特别有趣的是 img onload 方案,很 nice 的 hack, 在写原生小代码时可以派上用场。

KISSY 的解决方案:dom-create.js 里的 setHTML 方法。
应用范例:

KISSY.DOM.html('#container',
               'some html with script tags<script>alert("Hello, KISSY!");</script>',
               true);

文档:dom-create.html

Tags: , ,

KISSY 近期更新 & 设计思路讨论

这是内部的邮件讨论,我觉得可以开放出来,让所有关心 KISSY 的前端都参与进来,集思广益。

—————————————————————–
From: 射雕 [lifesinger@gmail.com]
Date: 2010/7/7

先说一下近期更新,主要是在完善 ks-core, 变化如下:

1. ks-core 原来只包含 kissy-dom-event, 近期借鉴 ext-core / jquery / mootools, 觉得 core 的概念可以扩大,目前 ks-core 已调整为包含以下组件:

kissy,  dom, event, node, cookie, json, ajax, anim

大家讨论下,这样是否妥当?比如 cookie 究竟应不应该放在 core 里?ks-core 究竟应该包含哪些组件?

2. node 模块已经完善好,提供了:

S.one  -  根据 css selector, 返回 Node 对象
S.all  -  根据 css selector, 返回 NodeList 对象

上面两个方法,和 S.get / S.query 是遥相呼应的,唯一的不同是,get/query 返回的是原生 DOM Node/NodeList. 详细可以参考 node docs

KISSY.Node/NodeList 类似 jQuery 全局对象,但只包含 DOM/Event 等方法,我们可以这样写代码:

S.one('#test').parent().next().html('<p>').on('click', function() { /* ... */ });

基本上和 jQuery 的语法风格是一样的,甚至 api 也是一样的。

对 node 模块,大家给给建议,目前 KISSY 的 api 方式是否合适?是否有更好的组织方式?
另外,虽然 api 和 jQuery 类似,但并不全同。如何避免 jQuery 熟手在使用 KISSY 时有可能导致的误用?
阅读全文 »

Tags: , ,

KISSY Core 预览版

KISSY 是淘宝新一代前端 UI 类库,陆陆续续经过大半年的开发,终于完成了核心部分。KISSY 借鉴了 YUI3 的代码组织思想,尝试融合 jQuery/YUI2/ExtJS 等类库的优点。目前才刚起步,下面是相关话题:

为什么要开发 KISSY

这是经常被质疑的一个问题。请先看个 ppt, 或许能解答你的疑惑:前端_UI_类库_KISSY_赛马竞标书.pptx

KISSY Core Preview

ks-core 包括 kissy, dom, event 三个核心模块,文档地址:docs

开发文件存放在 src 目录,欢迎感兴趣的同行 review code 并给出宝贵的意见。
部署版本在 build/packages 目录,可以在页面中直接引用 ks-core-min.js 文件。
此外,cssreset, cssgrids, csscommon 模块也都已添加正式文档,欢迎给出建议。

文档写得比较匆忙,尚未达到预期。如果你对如何将文档书写得更有趣易读有任何好的想法,千万别吝啬,非常欢迎你的参与。

源码和授权

淘宝是一家开放的公司,我们一直期望能为开源社区贡献力量。KISSY 是完全免费的,基于 MIT 协议,代码在 google code 上维护。

源码地址:http://kissy.googlecode.com/

相信开源能让 KISSY 走向卓越!

Tags: , ,

换位思考

前不久参加公司外训,途中,聊到交通安全。同事A说他怕骑自行车,觉得太危险。同事B说,自行车还好,最危险的是摩托,速度太快。同事C说,摩托还好,靠近时有声音;电动摩托才最危险,无声无息,速度也不慢…… 讨论下来,最后大家一致认可:为了交通安全,绝对应该在全国所有城市都禁摩,特别是杭州。

非常有意思的结论。

这个结论对参与讨论的群体来说,达成了一致。然而,一旦把扩大到所有城市所有人群,就明显考虑不周。台湾一直没禁摩,原因是:禁摩后,让那些买不起车的人怎么办?或许你会反驳为何他们不去坐公交?但这理由站不住脚:同是有车一族,无非是电摩和宝马的区别,为何开宝马的可以上路,开电摩的就得挤公交?

上面涉及思考问题的一个方式:换位。换位思考可以让我们从更大的广度看世界,但要小心换位思考的陷阱。同事D建议我每周带小孩去动物园等周遭景点转转,因为他身边有个同事就是这么办的。首先非常感谢同事D, 能在生活中关心自己的人都值得感谢。然而我依旧无法采纳这一建议,因为目前没买车,交通不便(请不要建议我没车也可以每周去郊游,每个家庭的生活方式是千差万别的)。换位思考的前提是信息对等。在生活中如此,在工作中亦是如此。要小心一厢情愿的换位思考。换位思考前,要尽量先去了解对方的处境。获取必要的信息后,再进行换位,这样更能真实有效。当信息不对等时,换位有时于事无补,反而可能会带来伤害。

Page 3 of 3812345102030...Last »