【JS】Kissy
来源:互联网 发布:华东师范大学网络登录 编辑:程序博客网 时间:2024/06/11 22:21
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简介
- S.one - 根据 css selector, 返回 NodeList 对象;
- 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官网
0 0
- 【JS】Kissy
- kissy 库 JS
- KISSY
- UI框架-JQuery Smart / 淘宝JS库 KISSY UI
- KISSY uploader
- hello kissy
- KISSY框架
- KISSY基础篇乄KISSY简介
- KISSY基础篇乄KISSY之HelloWorld
- KISSY基础篇乄KISSY之Seed
- KISSY基础篇乄KISSY之Event
- 【Kissy Waterfall】静态调用
- 淘宝框架kissy
- KISSY学习笔记
- 移动端KISSY学习
- WHAT IS KISSY ?
- kissy reset css
- KISSY 库 demo
- 第九周-切面条
- IntelliJ IDEA/Android Studio 翻译插件,可中英互译。
- Android中字符串转16进制
- 在php中调用接口以及编写接口
- 内容的下一个趋势是什么?交钱给“互资分”上课还不如跟今日头条、一点资讯和zaker学学
- 【JS】Kissy
- linux设备驱动归纳总结(十三):1.触摸屏与ADC时钟
- C和C++中的new , malloc 的区别
- easyui datagrid 基础信息
- LeetCode #406: Queue Reconstruction by Height
- IOS中的Swift基础(懒加载,代理协议)
- PageIndicatorView
- 正则表达式*和+的区别
- Jenkins 处理过后的文件 TortoiseSVN 无法提交。问题已经解决啦!