[转载]第一天:初识kissy—15天学会kissy | ria之家–RIA三部曲:jquery、ext、flex.
第一天:初识kissy—15天学会kissy
一、什么是kissy?
- 首先,kissy是一个由国人开发并开源的js框架;
- 其次,kissy是一个非常容易上手的js框架;
- 再次,kissy是一个巧灵活、简洁实用的js框架;
- 最后,kissy是一个融合了YUI3先进编程思想和JQuery巧妙API设计思想的js框架。
kissy由淘宝UED开发和维护,代码质量和更新速度都有保证,可以大胆的在项目中使用。
kissy很容易上手,同时可以大大提高你的前端开发效率!
kissy虽然有API文档,但是没有一个完整的上手指南,单纯对着索然无味的API文档,学习兴致自然大减,这就是为什么明河写此系列教程的原因,明河不会对所有API进行讲解,只是通过更友好的说明和更形象的实例,引领朋友进入kissy的世界。
在明河发布此系列教程前,正好kissy更新到1.15(最新的稳定版,建议使用),教程的讲解也是针对1.15版展开。
二、kissy适合的人群
- 1、厌倦在一堆英文文档上找答案;
- 2、向往敏捷开发前端之道;
- 3、有js基础,至少了解js面向对象的写法;
- 4、最好有用过类似JQuery、YUI或ext等类库,上手会更快;
三、学习kissy前的准备
- 1、猛击此处进入并收藏kissy的API文档;
- 2、猛击此处进入淘宝UED博客(kissy的最新资讯可以在UED博客上看的到);
- 3、kissy的代码托管在Git上,猛击此处进入下载最新版本的kissy;
- 4、进入并收藏乔花主笔的Getting Started with KISSY
- 5、明河将不断发布kissy的教程和心得,给力的朋友可以收藏下RIA之家,明河拜谢^_^。
四、关于kissy的介绍视频
- 1、玉伯大大的Into to KISSY
- 2、Thinking in KISSY
- 3、拔赤大大的kissy简介
五、kissy源代码包目录说明
1、kissy的下载:
进入http://github.com/kissyteam/kissy,然后点击左上角的下载按钮:
(git默认语言为英文,你可以点击头部的切换语言按钮,转成中文。)
2、完整的kissy代码包结构:
- build: 构建好的发布文件
- docs: API 文档
- src: 源码、测试等开发资源
- third-party: 第三方库
- tools: 打包压缩等自动化工具
六、kissy的代码结构
1、kissy的项目总览:
上图来自拔赤大大的kissy简介。
2、kissy核心代码结构:
上图来自玉伯大大的Into to KISSY
七、明河结语
以上内容也颇为丰富,不必一一细看,通览即可,关键是对kissy有个总体的印象。
直到现在明河还未写一行kissy代码,别急,好戏,接下来才开始!