hello kissy

原创 2015年07月07日 10:38:30
<html>

    <head>
        <script src="kissy-1.4.8/build/seed-min.js" type="text/javascript"></script>
    </head>

    <body>
        111
        <script type="text/javascript">

            KISSY.ready(function(S){
                alert('Hello World!');
            });

        </script>

    </body>

</html>


第一,下载kissy压缩包,

https://github.com/kissyteam/kissy/archive/1.x.x.zip

第二,引入js文件

解压缩后,我们可以看到有很多文件。

两种方式引入:

1、引入build的kissy.js或者压缩的kissy-min.js

<script src="kissy-1.3.0/kissy-1.3.0/build/kissy-min.js" type="text/javascript"></script>

2、引入seed.js或者压缩的seed-min.js。这个只包含核心,并且引入了loader可以按需加载,大小也比较小。这个很多库都有,比如extjs,easyui等。
<script src="kissy-1.3.0/kissy-1.3.0/build/seed-min.js" type="text/javascript"></script>    //按需加载

第三,编写代码


KISSY基础篇乄KISSY之Event

今日任务:了解学习Event事件的基础知识 Event 模块是KISSY最重要的模块之一,他包含自定义事件机制、事件对象封装、DOM事件封装、面向多终端的事件行为统一。下辖多个子模块,被Node、DO...
  • lyxcfl
  • lyxcfl
  • 2016年12月14日 19:34
  • 462

Kissy整体架构 - Kissy框架学习笔记01

个人学习前段开发过程中的一些经验总结,希望这个博客能记录下我的成长历程,每天进步一点。 也希望跟大家共同学习,欢迎评论,转载请注明出处。...
  • Nifury
  • Nifury
  • 2016年01月05日 21:22
  • 3199

KISSY基础篇乄KISSY之Node(1)

KISSY之Node(1) 今日任务:学习Node模块,对拆合菜单实例代码进行优化重构. 前面我们分别讲解了DOM 和Event模块,那时是按照使用什么模块就引用什么模块的原则编写代码的。同时,我...
  • lyxcfl
  • lyxcfl
  • 2016年12月16日 19:50
  • 440

KISSY基础篇乄KISSY之DOM(2)

KISSY之DOM(2) 今日任务:深入学习DOM知识及进一步完善拆合菜单实例 在上一篇的教程中,明河使用KISSY.DOM的常用方法制作了一个拆合菜单,同时也演练到了几个常用方法,比如addCl...
  • lyxcfl
  • lyxcfl
  • 2016年12月14日 19:56
  • 460

KISSY基础篇乄KISSY之IO前奏

KISSY之IO前奏 今日任务:了解学习IO模块之前必备知识. 在学习Kissy的IO之前,咱们先来了解下ajax,http,json等知识,这些是学习IO模块的必备知识。这里只是给出了一些概念性...
  • lyxcfl
  • lyxcfl
  • 2017年01月06日 19:31
  • 135

KISSY基础篇乄KISSY之Seed

KISSY之Seed 今日任务:了解Kissy的模块载入机制 首先恭喜你已经成功使用kissy想世界打了个招呼,不过这只是刚起步,咱们还有很多地方需要学习。在本节咱们就推开kissy的大门,看看房...
  • lyxcfl
  • lyxcfl
  • 2016年12月12日 20:27
  • 363

关于generator-bee生成的KISSY目录中demo执行失败

kissy工程构建器 -bee,最开始我也是用的这个,但是发现生成的demo执行失败,只加载了css,然后js模块并没有加载进来。一、首先看dev_index.html 这里有几个需要注意的地方...
  • ss1106404013
  • ss1106404013
  • 2015年11月02日 09:27
  • 637

KISSY基础篇乄KISSY之Anim(2)

KISSY之Anim(2) 今日任务:学习Anim动画实例 这一节来完成几个动画实例。为了能体现效果,可以先设置一个div,id为anim,该div的样式:背景色,初始的长度和宽度,本节中设、设置...
  • lyxcfl
  • lyxcfl
  • 2016年12月16日 19:54
  • 151

KISSY基础篇乄KISSY之IO(1)

KISSY之IO(1) 今日任务:了解学习IO模块. IO,即Ajax,只是KISSY中不存在名称为“ajax”的模块,必须使用名字“io”。 KISSY.use('node,i...
  • lyxcfl
  • lyxcfl
  • 2017年01月06日 19:33
  • 149

KISSY基础篇乄KISSY简介

KISSY简介 今日任务:了解学习有关Kissy的一些知识,以便于后续的学习 一、相约KISSY,必先了解 KISSY 是一款跨终端、模块化、高性能、使用简单的 JavaScript 框架。除了...
  • lyxcfl
  • lyxcfl
  • 2016年12月12日 20:18
  • 208
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:hello kissy
举报原因:
原因补充:

(最多只允许输入30个字)