kissy的系列教程已经完结，时间拖得很长，过意不去，今天这篇将收集kissy使用中的问题，形成一个问答集，明河日后会不断补充。 dom操作 如何创建新的DOM节点？ 关于创建节点，在系列教程中没有提到，实际上这部分的操作还是很常用的，详细说明请看文档：http://docs.kissyui.com/kissy/docs/dom/dom-create.html。 var S = KISSY, DOM = S.DOM; //创建一个层 DOM.create(‘<div>’); //创建......
上一篇教程，明河讲解了KISSY中的继承以及KISSY.Base的简单用法，今天这篇文章主要讲解步骤条组件的业务逻辑实现。 1.定义组件的常量 javascript并没有真正的常量的概念（所谓常量即一旦被赋值后不能被改变的变量，而在javascript中一切都是可变的），所以我们只能约定，在js中全部大写的变量为常量。比如： //步骤条组件版本号 Steps.VERSION = 2.0; //步骤的起始索引 Steps.ZINDEX = 5......
在谈KISSY.Base类之前，明河先来说说kissy中的继承，这是绕不开的话题，想要用好kissy，必须掌握kissy的继承机制。 猛击这里进入查看kissy的继承API，mix、merge、augment、extend这四个核心方法是非常重要的方法，明河严重推荐掌握，接下来明河将通过二个demo说特别明下merge和extend的用法。 1.merge KISSY.merge(a,b)有个很经典的应用场景：合并配置参数，比如合并b对象与a对象，b的对象......
余下几篇教程将基于kissy1.1.6而不是1.1.5。 kissy模块化思想说明 虽然明河不大喜欢讲理论，不过模块化对于日后使用kissy完成中大型的web应用而言非常重要，kissy模块化思想的核心是提供一种颗粒化、松耦合、易于扩展、可异步加载、明确依赖的js代码组织方式，现在不理解这句话没关系，在实际应用后，你将体会到kissy模块化思想的先进性。在kissy1.1.5后做了拆分，独立出了see......
接下来的五篇教程是个实战系列，主要是演练的是kissy组件（模块）制作过程，明河一向不喜欢说玄乎玄乎的理论，所以还是以一个自己写的步骤条组件为例，效果如下图： 步骤条常见于电子商务网站的下单页面以及用户注册页面。步骤条通用组件很少，原因还是在大部分的步骤条使用背景图片，无法满足所有站点的配色、尺寸要求，这是明河写这个组件的目的，不通过任......
在上一篇的教程中，明河说到kissy截止到1.1.5还没有真正的ajax方法（KISSY.getScript()除外）,本不对kissy的ajax方面的ajax抱有期望，没想到kissy小组发布了kissy1.1.6，而这个版本最重要的更新在于新增了ajax方法。 关于kissy1.1.6的更新说明，可以猛击这里。 kissy的ajax文档，可以猛击这里进入查看。 kissy的ajax有独立的命名空间：KISSY.IO。 接下来的demo还是以获取做啥的公共消息为例，演......
我想大家见拆合菜单也见烦了，接下来的几篇教程不再使用拆合菜单的例子，今天明河来说说kissy中的ajax，很遗憾，截止到1.1.5版kissy的ajax方面API还没放出，目前只有getScript方法，用于获取json数据。 kissy的ajax方面的功能一延再延，的确还是让人失望的。等1.2ajax功能放出后，这部分功能的说明，明河日后补上。 这次只测试KISSY.getScript() KISSY.getScript()的文档请猛击这里进入。 ......
拆合菜单 jquery jquery插件 jquery教程 jquery与ajax flex flex实例 flex教程 javascript javascript资源 javascript教程 浏览器 （拆合菜单的html代码不再贴出。） 在上一篇的教程中，明河曾说到给拆合菜单加动画，现在来看完整代码： (function(S){ S.use(‘core’,function(){ var Event = S.Event,DOM = S.DOM,h; //kissy的height\width方法，当元素的display:none时，获取的高度\高度为负数，期待新的版本可以修......
拆合菜单 jquery jquery插件 jquery教程 jquery与ajax flex flex实例 flex教程 javascript javascript资源 javascript教程 浏览器 拆合菜单的html代码如下（做了简化处理）： <ul id="menu" class="mar-t-10"> <li class="menu-item"> <div><a href="http://www.36ria.com/?cat=1" onclick="return false;">jquery......
在前二篇的教程中明河讲解了KISSY.DOM下常用的方法，其实处理dom不只可以借助kissy的dom模块，kissy还有node模块一样用于dom的处理，只是二者的代码风格不同，dom模块偏向YUI，node模块偏向jquery，而API方法名借鉴于jquery。 今天明河将详解node模块，还是以拆合菜单为例（没法子，拆合菜单的结构非常经典）。 起始代码 (function(S){ S.use(‘core’,function(){ var Event = S.Event,DOM = S.DO......
在上一篇的教程中，明河使用KISSY.DOM的常用方法制作了一个拆合菜单，同时也演练到了几个常用方法，比如addClass/removeClass、attr/removeAttr、show/hide等。 拆合菜单还远远不够完美，比如缺少动画，代码不够优雅，通用性太差等，再以后的教程中还会继续完善拆合菜单，今天先继续讲解kissy中的dom方法。 起始代码 (function(S){ S.use(‘core’,function(){ var Event = S.Event,DOM = S.DOM; });......
上一篇教程，明河介绍了kissy中事件的监听及其取消监听，今天进入kissy的重头戏，讲解dom部分。经过几天的思考，明河觉得单纯讲解dom的API，相当无趣，也就跟API文档没啥区别了，以一个简单的交互效果为例讲解起来会更理想吧，所以明河就以简单的拆合菜单为例谈谈dom的使用。 不管如何，先建议阅读下kissy的dom文档，猛击这里进入（dom的API风格整体上接近YUI3）。 拆合菜......