组件档案 名称：Uploader，属于kissy-form（KF）子组件 版本：V1.2（请勿使用v1.0和v1.1） 用途：异步文件上传，支持ajax/iframe/flash三种方案的切换 基于：KISSY1.2.0，不支持KISSY1.1.6！ 作者：明河（剑平）、紫英、飞绿 源码地址：Gallery的form目录 demo地址：V1.2demo 文档：V1.2文档 教程列表 组件配置方式和关键配置 关键点说明 组件设计 核心类API调用（未完） 如何制作属于自己的主题......
kissy的cookbook—15天学会kissy（完结）
kissy的系列教程已经完结，时间拖得很长，过意不去，今天这篇将收集kissy使用中的问题，形成一个问答集，明河日后会不断补充。 dom操作 如何创建新的DOM节点？ 关于创建节点，在系列教程中没有提到，实际上这部分的操作还是很常用的，详细说明请看文档：http://docs.kissyui.com/kissy/docs/dom/dom-create.html。 var S = KISSY, DOM = S.DOM; //创建一个层 DOM.create(‘<div>’); //创建......
自定义事件（事件高级篇）—15天学会kissy
点此查看demo 在《第三天event事件（基础篇）》中明河介绍了kissy中事件的基础使用，今天介绍如何自定义事件，猛击此处进入相关文档。 1.为什么需要自定义事件？ 哪些场景需要自定义事件？当你希望模块或组件在供第三方使用时能够提供更强的可定制性和扩展性时，就需要一批自定义事件。举个前面教程的例子。我们完成了一个步骤条组件，可以基本上满足我们的需求，......
第十三天构建步骤条组件（3）—15天学会kissy
上一篇教程，明河讲解了KISSY中的继承以及KISSY.Base的简单用法，今天这篇文章主要讲解步骤条组件的业务逻辑实现。 1.定义组件的常量 javascript并没有真正的常量的概念（所谓常量即一旦被赋值后不能被改变的变量，而在javascript中一切都是可变的），所以我们只能约定，在js中全部大写的变量为常量。比如： //步骤条组件版本号 Steps.VERSION = 2.0; //步骤的起始索引 Steps.ZINDEX = 5......
步骤条组件原理说明—15天学会kissy
接下来的五篇教程是个实战系列，主要是演练的是kissy组件（模块）制作过程，明河一向不喜欢说玄乎玄乎的理论，所以还是以一个自己写的步骤条组件为例，效果如下图： 步骤条常见于电子商务网站的下单页面以及用户注册页面。步骤条通用组件很少，原因还是在大部分的步骤条使用背景图片，无法满足所有站点的配色、尺寸要求，这是明河写这个组件的目的，不通过任......
kissy1.1.6实例—ajax调用Google日历
今天给大家带来个kissy1.1.6的实例，kissy1.1.6有几个重要的新功能：ajax、Base，还有Template（模板引擎）。ajax部分，明河曾经演示了大部分的API用法，有不理解的，可以猛击这里进入《第十天kissy1.1.6新增的ajax方法—15天学会kissy》，同时也讨论了《说说kissy的ajax获取json时不执行回调函数的问题》，由于ajax实在太重要了，今天明河继续追加一个kissy的ajax实例。 在这个例子中，明......
说说kissy的ajax获取json时不执行回调函数的问题
kissy1.1.6的ajax方法终于出来了，如果你打算使用kissy的ajax获取json，也许会遇到明河接下来描述的这个问题。 问题描述：ajax请求json数据成功了，没有报任何错误，但不执行ajax的success回调函数！ 问题的重现，请看demo： 这是个令人抓狂的问题，明河周一遇到的时候，郁闷了老久，老不执行回调函数，还不报错，排除语法的问题，集中对数据源进行测试，终于发现问题所在。 j......
第八天anim动画详解(下篇)—15天学会kissy
拆合菜单 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时，获取的高度\高度为负数，期待新的版本可以修......
kissy+ Google’s AJAX Search API实战ajax搜索
这几天明河都没发什么文章，就是在酝酿这篇文章。前段时间明河有发了七八篇的kissy教程，今天这篇是实战篇，使用kissy完成ajax搜索。 使用了css3，明河没在IE下调试过，不建议使用IE浏览，V1版本难免有bug，欢迎反馈，谢谢！ 1、明河为什么要做这个示例？ 曾几何时，明河在思考一个问题，为什么所有的搜索按钮点击完都要跳转到一个新的页面，如果点击完搜索按钮，直接......
第七天anim动画详解(上篇)—15天学会kissy
拆合菜单 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......
第六天node模块解析—15天学会kissy
在前二篇的教程中明河讲解了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......
第五天DOM（进阶篇）—15天学会kissy
在上一篇的教程中，明河使用KISSY.DOM的常用方法制作了一个拆合菜单，同时也演练到了几个常用方法，比如addClass/removeClass、attr/removeAttr、show/hide等。 拆合菜单还远远不够完美，比如缺少动画，代码不够优雅，通用性太差等，再以后的教程中还会继续完善拆合菜单，今天先继续讲解kissy中的dom方法。 起始代码 (function(S){ S.use(‘core’,function(){ var Event = S.Event,DOM = S.DOM; });......