一、什么是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,然后点击左上角的下载按钮:

images

(git默认语言为英文,你可以点击头部的切换语言按钮,转成中文。) 2、完整的kissy代码包结构:

images

  • build: 构建好的发布文件
  • docs: API 文档
  • src: 源码、测试等开发资源
  • third-party: 第三方库
  • tools: 打包压缩等自动化工具

六、kissy的代码结构 1、kissy的项目总览:

上图来自拔赤大大的kissy简介。

2、kissy核心代码结构:

images

上图来自玉伯大大的Into to KISSY



blog comments powered by Disqus

Published

01 February 2013

Tags