淘宝前端JavaScript库 KISSY 1.2 稳定版发布
openkk 12年前
<p>12.12 淘宝全年疯抢大促已圆满结束。</p> <p>KISSY 1.2 在大促中已被全面应用，KISSY 1.2 也顺势正式脱掉 Beta ，宣布稳定版本的到来!</p> <h1>KISSY1.2的历程</h1> <p>10年12月， 启动 KISSY1.2 分支，加入模块化实践</p> <p>…….</p> <p>11年5月，首次在交易线中应用…….</p> <p>11年7月，应用于<a href="/misc/goto?guid=4958318449427173421" target="_blank">宝贝发布</a></p> <p>11年10月，KISSY-MVC 模块出炉，应用于 <a href="/misc/goto?guid=4958318450224788082" target="_blank">etao vip</a> 以及店铺后台管理</p> <p>11 年11 月，<a href="http://cart.taobao.com/my_cart.htm?from=mini&ad_id=&am_id=&cm_id=&pm_id=" target="_blank">统一下单与购物车</a>全面上线</p> <p>……</p> <p>淘宝更多的应用包括：dd 应用于新的店铺个性化装修，tree 用于 crm 后台系统，waterfall 用于<a href="/misc/goto?guid=4958318451795878434" target="_blank">我要买</a>，还有广泛应用于各处的 validation，增强版 overlay，支持 aria 的 switchable ，支持动态引入的 editor 等。</p> <p>外部应用网站包括：<a href="/misc/goto?guid=4958318452586167645" target="_blank">点点网</a>，<a href="/misc/goto?guid=4958318453377855318" target="_blank">12580打折网</a>,<a href="/misc/goto?guid=4958318454167650636" target="_blank">嘉兴全球通vip俱乐部</a>等</p> <h1>KISSY 1.2 的特性</h1> <h3>KISSY 1.2 的完整模块列表如下</h3> <p><img class="alignnone size-full wp-image-4674" alt="淘宝前端JavaScript库 KISSY 1.2 稳定版发布" src="https://simg.open-open.com/show/1aabbeabcba441ce4619a6dddbee90fe.png" width="357" height="1248" /></p> <p>除了核心功能的大幅增强，1.2 响应目前如火如荼的富客户端应用，对已有组件进行完善以及添加了大量的新组件，</p> <h3>更新特性包括：</h3> <p>利用委托支持大批量元素拖放的 <a href="/misc/goto?guid=4958318454956924403" target="_blank">dd</a></p> <p>支持对任意元素调整大小的 <a href="/misc/goto?guid=4958318455741313037" target="_blank">resizable</a></p> <p><img class="alignnone size-full wp-image-4675" alt="淘宝前端JavaScript库 KISSY 1.2 稳定版发布" src="https://simg.open-open.com/show/ebd1ccf81181403e0dbea6d5d9972239.png" width="413" height="247" /></p> <p>支持 aria 的 <a href="/misc/goto?guid=4958318456539343939" target="_blank">switchable</a></p> <p><img style="width:489px;height:151px;" class="alignnone size-full wp-image-4676" alt="淘宝前端JavaScript库 KISSY 1.2 稳定版发布" src="https://simg.open-open.com/show/002d510aa644a2f4bef74d60ec868c4c.png" /></p> <p>支持 aria ，拖放，大小调整以及更多显示特效的 <a href="/misc/goto?guid=4958318457324210499" target="_blank">overlay</a></p> <p><img class="alignnone size-full wp-image-4677" alt="淘宝前端JavaScript库 KISSY 1.2 稳定版发布" src="https://simg.open-open.com/show/04e26627c6235d12659b3158fd10078e.png" width="466" height="343" /></p> <p>支持 aria，功能和原生媲美的 <a href="/misc/goto?guid=4958318458115951283" target="_blank">button</a> 组件</p> <p><a href="https://simg.open-open.com/show/60b3b2790adebedfef9bc9f512fd6cde.png"><img class="alignnone size-full wp-image-4678" alt="淘宝前端JavaScript库 KISSY 1.2 稳定版发布" src="https://simg.open-open.com/show/60b3b2790adebedfef9bc9f512fd6cde.png" width="322" height="119" /></a></p> <p>支持 aria，便于导航的菜单 <a href="/misc/goto?guid=4958318458911252073" target="_blank">menu</a> 组件</p> <p><img class="alignnone size-full wp-image-4679" alt="淘宝前端JavaScript库 KISSY 1.2 稳定版发布" src="https://simg.open-open.com/show/ec29fa3794c5ac9b0135f318d0a67977.png" width="345" height="323" /></p> <p>支持 aria，功能和原生媲美的下拉菜单 <a href="/misc/goto?guid=4958318459713413565" target="_blank">menubutton</a> 组件</p> <p><a href="https://simg.open-open.com/show/7b39d9f5e0fe215a11d9e2100c5befdf.png"><img class="alignnone size-full wp-image-4680" alt="淘宝前端JavaScript库 KISSY 1.2 稳定版发布" src="https://simg.open-open.com/show/7b39d9f5e0fe215a11d9e2100c5befdf.png" width="266" height="264" /></a></p> <p>支持 aria，用于层次化组织数据的树 <a href="/misc/goto?guid=4958318460521613422" target="_blank">tree</a> 组件</p> <p><img class="alignnone size-full wp-image-4681" alt="淘宝前端JavaScript库 KISSY 1.2 稳定版发布" src="https://simg.open-open.com/show/942d3df91a7f51e8a1a96d2fcfa4aeaa.png" width="366" height="228" /></p> <p>支持灵活可定制的验证 <a href="/misc/goto?guid=4958318461312190443" target="_blank">validation</a> 组件</p> <p><a href="https://simg.open-open.com/show/d7f69752144af346dbe796fa41d2dfcb.png"><img class="alignnone size-full wp-image-4682" alt="淘宝前端JavaScript库 KISSY 1.2 稳定版发布" src="https://simg.open-open.com/show/d7f69752144af346dbe796fa41d2dfcb.png" width="394" height="252" /></a></p> <p>支持按需加载，灵活布局的瀑布流 <a href="/misc/goto?guid=4958318462110786681" target="_blank">waterfall</a> 组件</p> <p><img style="width:551px;height:348px;" class="alignnone size-full wp-image-4683" alt="淘宝前端JavaScript库 KISSY 1.2 稳定版发布" src="https://simg.open-open.com/show/535cae9292cd31344df5a297ef2bfb77.png" /></p> <p>支持高效开发web app 的 <a href="/misc/goto?guid=4958318462887986406" target="_blank">mvc</a> 框架</p> <p>在 gallery 中也提交了不少优秀的业务组件，比如常用的<a href="/misc/goto?guid=4958318463676569553">倒计时</a>，<a href="/misc/goto?guid=4958318464464498131">分页</a>，<a href="/misc/goto?guid=4958318465253112896">图片倒影</a>，<a href="/misc/goto?guid=4958318466043490453">聚光灯</a>等。</p> <h3>具体特性可查看以下链接：</h3> <p>KISSY 1.2 升级指南：<a href="/misc/goto?guid=4958318466843524285" target="_blank">http://docs.KISSYui.com/docs/html/changelog/1.2.0.html</a></p> <p>KISSY 1.2 同步cdn代码离线下载：<a href="/misc/goto?guid=4958318467639293834" target="_blank">https://github.com/KISSYteam/KISSY/zipball/1.2.0.cdn</a></p> <p>KISSY 文档离线下载：<a href="/misc/goto?guid=4958318468429393435" target="_blank">https://github.com/KISSYteam/KISSYteam.github.com/zipball/master</a></p> <h1>KISSY 的发展规划</h1> <p>KISSY 1.2 从此进入维护和Bug修复阶段，将不再进行重构以及核心功能的增加（除添加必要的独立组件外），希望大家可以有空多看下 1.2 的一些变更点，相信在以后的开发中会大大提高你的开发效率。</p> <p>KISSY在下个版本（暂定 2.0）中将关注于</p> <p>1. 核心的进一步完善，引入更多的通用功能</p> <p>2. 现有组件的功能扩展以及优化，欢迎大家提交新组件或者通用需求</p> <p>3. 统一 ui，形成 KISSY 统一的 ui 风格，欢迎大家提供设计和皮肤。</p> <p>4. 模块会进行更细粒度的拆分，权衡考虑按需加载与http链接以达到最佳的性能。</p>