第一天:初识kissy—15天学会kissy

发布于,归属于kissy17个座位已被强势霸占! 共有3,174人围观    

一、什么是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前的准备

四、关于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代码,别急,好戏,接下来才开始!

(如果您喜欢这篇教程,可以通过支付宝打赏我们1元哦,拜谢!)

跟作者说两句

:wink: :twisted: :roll: :oops: :mrgreen: :lol: :idea: :evil: :cry: :arrow: :?: :-| :-x :-o :-P :-? :) :( :!: 8-O 8)

17个座位已被强势霸占!

  1. abx

    回头也去侬本JS的书去看看

  2. abx

    对了中秋快乐

    明河共影回复于 2010年09月22日 10:23

    abx,中秋快乐,感谢对RIA之家的支持。

  3. 绝版黑色

    中秋快乐.

    明河共影回复于 2010年09月22日 10:22

    呵呵,中秋快乐!^_^

  4. 钓鲫鱼

    悄悄的告诉lz,这个文章我转载走了。

  5. 3q博客

    一如既往的支持博主。
    顺便我来送月饼了,中秋快乐。

    明河共影回复于 2010年09月22日 11:32

    谢谢,同乐,同乐。

  6. 个人简介

    确实是不错~~~~~~

  7. zhengxi

    学习下 ~~

  8. 黑幕困兽

    :oops: 很棒的教程,学习

  9. json007

    我以前用的jquery,但是它在OO方面没什么体现,不符合我写js的风格,后来看到kissy,看了源码后,有收货。

    json007回复于 2011年06月16日 5:31

    @json007, 有收获

    明河回复于 2011年06月18日 9:58

    kissy在代码组织上还是很给力的。就是UI组件不多

  10. Michael

    kissy是用纯js写的?还是jquery基础上写的??? :wink:

    明河回复于 2011年10月12日 11:34

    js写的,没有基于jquery

  11. 夏日

    正在学kissy,不知从哪下手。看了你的文章,很值得