Clik here to view.
第二天Hello World—15天学会kissy
“Hello World”，多么经典的一句话，作为所有编程语言的起始阶段，明河也以“Hello World”作为kissy正式教程的开篇。 一、新建个kissy测试项目 明河使用的IDE为dreamweaver cs5，调试使用firefox及其firebug。 1、新建个名为”ks”的站点 2、将kissy的源码包（如何下载，请点此进入第一篇查看）复制到站点下...
View ArticleClik here to view.
第三天event事件（基础篇）—15天学会kissy
事件对于javascript的重要性是不可质疑的，有的书上写到“javascript是事件驱动型的语言”，事件是交互的起点，所以在讲解dom前，明河先来讲讲kissy中的event事件基础，即事件的监听及其监听的取消。 kissy所有的事件API都在KISSY.Event对象内，借用kissy文档中对KISSY.Event的描述：“KISSY.Event...
View ArticleClik here to view.
第四天DOM（基础篇）—15天学会kissy
上一篇教程，明河介绍了kissy中事件的监听及其取消监听，今天进入kissy的重头戏，讲解dom部分。经过几天的思考，明河觉得单纯讲解dom的API，相当无趣，也就跟API文档没啥区别了，以一个简单的交互效果为例讲解起来会更理想吧，所以明河就以简单的拆合菜单为例谈谈dom的使用。 不管如何，先建议阅读下kissy的dom文档，猛击这里进入（dom的API风格整体上接近YUI3）。...
View ArticleClik here to view.
第五天DOM（进阶篇）—15天学会kissy
在上一篇的教程中，明河使用KISSY.DOM的常用方法制作了一个拆合菜单，同时也演练到了几个常用方法，比如addClass/removeClass、attr/removeAttr、show/hide等。 拆合菜单还远远不够完美，比如缺少动画，代码不够优雅，通用性太差等，再以后的教程中还会继续完善拆合菜单，今天先继续讲解kissy中的dom方法。 起始代码 (function(S){...
View ArticleClik here to view.
第六天node模块解析—15天学会kissy
在前二篇的教程中明河讲解了KISSY.DOM下常用的方法，其实处理dom不只可以借助kissy的dom模块，kissy还有node模块一样用于dom的处理，只是二者的代码风格不同，dom模块偏向YUI，node模块偏向jquery，而API方法名借鉴于jquery。 今天明河将详解node模块，还是以拆合菜单为例（没法子，拆合菜单的结构非常经典）。 起始代码 (function(S){...
View ArticleClik here to view.
第七天anim动画详解(上篇)—15天学会kissy
.demo-div{background-color:#0CF;border:1px solid #06F;padding:10px;width:100px;height:100px;} /*-----拆合菜单---*/ #menu{ width:250px; background-color:#FFF; border:1px solid #CDC8CF;border-bottom:none; }...
View ArticleClik here to view.
第八天anim动画详解(下篇)—15天学会kissy
.demo-div{background-color:#0CF;border:1px solid #06F;padding:10px;width:100px;height:100px;} /*-----拆合菜单---*/ #menu{ width:250px; background-color:#FFF; border:1px solid #CDC8CF;border-bottom:none; }...
View ArticleClik here to view.
第九天kissy中的ajax—15天学会kissy
#zuosa-public-list{ background-color:#fff; border:1px solid #ccc; padding:10px; margin:10px 0px; } #zuosa-public-list li{ padding:10px 0px; border-bottom:1px dashed #ccc; margin-left:0px; }...
View ArticleClik here to view.
第十天kissy1.1.6新增的ajax方法—15天学会kissy
.zuosa-public-list{ background-color:#fff; border:1px solid #ccc; padding:10px; margin:10px 0px; } .zuosa-public-list li{ padding:10px 0px; border-bottom:1px dashed #ccc; margin-left:0px; }...
View ArticleClik here to view.
步骤条组件原理说明—15天学会kissy
接下来的五篇教程是个实战系列，主要是演练的是kissy组件（模块）制作过程，明河一向不喜欢说玄乎玄乎的理论，所以还是以一个自己写的步骤条组件为例，效果如下图： 点此下载...
View ArticleClik here to view.
Clik here to view.
第十二天构建步骤条组件（2）—15天学会kissy
点此下载 在谈KISSY.Base类之前，明河先来说说kissy中的继承，这是绕不开的话题，想要用好kissy，必须掌握kissy的继承机制。 猛击这里进入查看kissy的继承API，mix、merge、augment、extend这四个核心方法是非常重要的方法，明河严重推荐掌握，接下来明河将通过二个demo说特别明下merge和extend的用法。 1.merge...
View ArticleClik here to view.
第十三天构建步骤条组件（3）—15天学会kissy
点此下载 上一篇教程，明河讲解了KISSY中的继承以及KISSY.Base的简单用法，今天这篇文章主要讲解步骤条组件的业务逻辑实现。 1.定义组件的常量 javascript并没有真正的常量的概念（所谓常量即一旦被赋值后不能被改变的变量，而在javascript中一切都是可变的），所以我们只能约定，在js中全部大写的变量为常量。比如： //步骤条组件版本号 Steps.VERSION = 2.0;...
View ArticleClik here to view.
kissy的cookbook—15天学会kissy（完结）
kissy的系列教程已经完结，时间拖得很长，过意不去，今天这篇将收集kissy使用中的问题，形成一个问答集，明河日后会不断补充。 dom操作 如何创建新的DOM节点？ 关于创建节点，在系列教程中没有提到，实际上这部分的操作还是很常用的，详细说明请看文档：http://docs.kissyui.com/kissy/docs/dom/dom-create.html。 var S = KISSY,...
View Article
