【JS】Kissy

1、Kissy简介

• KISSY 是什么
• • KISSY由淘宝前端攻城师们发起创建的一个开源 JS 类库。遵循的原则是 小巧灵活、简洁实用、愉悦编码、快乐开发。
• KISSY 提供什么?
• • 稳定的核心, 包括 oo, DOM, Event, Anim, Ajax 等;
  • 强大且易用的脚本加载器, 特有的 loader;
  • 丰富的UI组件, 包括 Switchable, Overlay, Draggable and Droppable 等;
  • 更有设计模式库 DPL, KISSY 富文本编辑器, AJBridge 等强大组件.
  • 自动化脚本测试, 保证代码的稳定性;

2.KISSY的主要用法

• KISSY.ready()
•  指在 DOM 加载完毕之后执行代码. 就像 jQuery 中的 $(document).ready().
• DOM, KISSY 的 DOM 模块 , 提供常用 DOM 操作, 如元素选择/遍历, 样式的获取/修改等等.
• event, KISSY 的 Event 模块 , 提供事件处理功能, 如事件添加/删除, mouseenter/mouseleave 事件的支持等.
• DOM.get(selector), 根据给出的 selector 获取符合条件的 第一个节点(get); 另外还有一个类似的方法叫做 DOM.query(selector) , 与前者不同的是, 得到的是 所有(query)符合条件的元素.
• DOM.attr(elem, name, val), 获取/设置元素某个属性, 这里, 在动画开始前给按钮设置不可用状态.
• anim, 提供动画效果, 通过给元素设定参数, 就可以让这个元素动态地从当前参数变化到设定的目标参数.

2.Node简介

1. S.one - 根据 css selector, 返回 NodeList 对象;
2. S.all - 根据 css selector, 返回 NodeList 对象;

get/query 返回的是原生 DOM Node/NodeList.

而 KISSY.Node/NodeList 类似 jQuery 全局对象, 但只包含 DOM/Event 等方法。

更有设计模式库 DPL, KISSY 富文本编辑器, AJBridge 等强大组件.

3.KISSY使用注意

     加载KISSY的方法：KISSY.ready(）;注意大小写

4.KISSY官网不能访问

在hosts中加入：

204.232.175.78 docs.kissyui.com

稳定访问kissy官网