KISSY学习笔记

最新推荐文章于 2017-04-29 21:23:00 发布

luckyyulin

最新推荐文章于 2017-04-29 21:23:00 发布

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： kissy 文章标签： kissy 前台

本文链接：https://blog.youkuaiyun.com/luckyyulin/article/details/18987391

kissy 专栏收录该内容

0 篇文章

订阅专栏

本文介绍了如何通过引入种子文件来加载KISSY框架，并展示了如何创建KISSY沙箱来使用其模块化功能，例如Node模块。文章还强调了种子文件的小巧及其在减少网络请求方面的作用。

1、引用种子文件

<scriptsrc="http://g.tbcdn.cn/kissy/k/1.4.1/seed.js"data-config="{combine:true}"></script>

种子文件是一个非常小的 JS 文件，通过他可以动态加载 KISSY 的模块文件，因为体积很小，推荐将种子文件至于<head>标签内。 data-config="{combine:true}" 表示启用服务器 combo 机制，可用于减少网络请求数目。

2、开始使用 KISSY

// 创建一个 KISSY 沙箱
KISSY.use('node',function(S,Node){
    // 装载了 Node 模块，并处于可用状态
    // Your Code here...
});

创建 KISSY 沙箱时你需要指定要载入的模块，KISSY 的功能是模块化的，包括node，event，ajax（在1.4.x推荐用io）等。这个例子中载入了node模块，在沙箱中可以通过回调参数来使用node的 API。特别的，node模块中最常用的 API 被挂载在 KISSY 对象上，作为快捷调用方式。比如S.all == Node.all和S.one == Node.one。