目录:http://www.cnblogs.com/idefav2010/p/6785610.html

本文将从零开始安装KISSY环境

一、安装nodejs

从nodejs网站下载nodejs安装

地址: https://nodejs.org/en/download/

二、下载KISSY

下载地址: npm install kissy@5.0.0

先创建目录

cd ~/Documnets/Git/
mkdir kissydemo
cd kissydemo
npm install kissy@5.0.0


 

下载完成后,进入目录查看

三、Build Kissy

npm install bower -g

npm install

bower install

npm run build

在KISSY目录运行上面的代码

查看build目录

ls

cd build

ls

到这里KISSY5的已经在本地装好了

四、测试

在kissydemo目录新建html文件，并引用kissy

a).使用sublime Text打开kissydemo目录

b).新建index.html文件,并输入如下内容

 <meta http-equiv=Content-Type content="text/html;charset=utf-8">

 <!DOCTYPE html>

 <html>

 <head>

     <title></title>

     <script type="text/javascript" src="./node_modules/kissy/build/seed.js" data-config="{combine:false}"></script>

 </head>

 <body>

 <div id="content"></div>

 <script type="text/javascript">

     require(['node'],function ($) {

         $("#content").html("test");

     })

 </script>

 </body>

 </html>

注释: 6行:引用KISSY的种子文件,data-config是kissy的配置 把combine设置为false,当然也可以不设置这个配置

第11行是使用KISSY修改div的内容

使用chrome打开index.html,页面显示正常.

现在我们就可以在本地使用KISSY了

但是我们发现这里存在一个问题

打开chrome的调试模式,发现请求有点多啊

一共有11个请求,这是怎么回事

其实KISSY是按需加载模块的,页面的加载的时候需要加载所有的依赖模块，导致请求变多

怎么解决这个问题,我们下篇文章讲解。

[KISSY5系列]KISSY5安装使用(一)的更多相关文章

  1. [KISSY5系列]KISSY5安装使用(二)

    上篇文章,我们遗留的一个问题就是,请求数量有点多,虽然现在的浏览器的请求资源都是并发的.但是我们还是尽量减少请求量. 但是KISSY里面这个问题我们怎么解决呢,其实还是从data-config=&qu ...

  2. Robotframework-Appium系列：安装配置

    1.   Robotframework-android系列:安装配置 1.1. 安装环境 64位win10家庭中文版 1.1. 安装说明 网上robotframework-appium安装资料也不少, ...

  3. [转]gitlab cicd (二)系列之安装git-runner rpm安装方式

    本文转自:https://blog.csdn.net/qq_21816375/article/details/84308748 本编是继gitlab cicd (一)系列之安装gitlb之后,基于安装 ...

  4. 开源一款强大的文件服务组件（QJ_FileCenter）（系列二 安装说明）

    系列文章 1. 开源一款强大的文件服务组件(QJ_FileCenter)(系列一) 2. 开源一款强大的文件服务组件(QJ_FileCenter)(系列二 安装说明) 3. 开源一款强大的文件服务组件 ...

  5. Docker入门系列2 安装

    可以从 Docker 社区直接下载可用的模版或镜像. Docker容器的启动可以在秒级实现,这相比传统的虚拟机方式要快得多. 其次,Docker对系统资源的利用率很高,一台主机上可以同时运行数千个Do ...

  6. Xbin-Store(分布式商城)项目所用Linux服务系列 FastDFS安装(五)

    系列 Xbin-Store(分布式商城)项目所用Linux服务系列 MySQL安装(一) Xbin-Store(分布式商城)项目所用Linux服务系列 Redis集群安装(二) Xbin-Store( ...

  7. Windows玩转Kubernetes系列2-Centos安装Docker

    接上一章,Windows玩转Kubernetes系列1-VirtualBox安装Centos,我们开始学习如何在Centos中安装Docker 准备 关闭防火墙 防火墙一定要提前关闭,否则在后续安装K ...

  8. Windows玩转Kubernetes系列3-Centos安装K8S

    以往文章参考: Windows玩转Kubernetes系列1-VirtualBox安装Centos Windows玩转Kubernetes系列2-Centos安装Docker 安装K8S yum in ...

  9. Docker 技术系列之安装多版本Mysql5.6和Mysql5.7

    大家好,后面的就不是关于MAC专有的内容,基本是跟Java环境,基础技术方面有关.所以这个教程对于在linux系统还是macOS都是通用的,不用担心. 上一篇,我们安装好对应的Docker之后,感受到 ...

随机推荐

  1. tp框架之对列表的一系列操作及跳转页面（详细步骤）

    依旧是在Main控制器里面写类方法,如果想看tp全部的话,可以从前几篇开始看,都是一整个步骤下来的 在控制器中重新写个类 然后再做个shouye.html页面 nation表的数据,将会在shou.h ...

  2. jsp想js，action传值

    1.struts2 action如何向JSP的JS函数传值 action中定义变量 public class TestAction extends ActionSupport implements S ...

  3. Java中的枚举的治理

    版权声明:本文为博主原创文章,转载请注明出处,欢迎使劲喷 一.为啥用枚举&为啥要对枚举进行治理 1.先来说说为啥用枚举 表中某个字段标识了这条记录的状态,我们往往使用一些code值来标识,例如 ...

  4. Exchange Server 2007的即将生命周期，您的计划是？

    多数人做微软技术,Exchange Server 几乎所有 Microsoft 产品,都具有产品支持生命周期,原厂提供的新增功能. 错误修复.安全修补程序等.产品生命周期通常持续时间 10 年,超过期 ...

  5. Linux文件权限rwx简单了解

    Ⅰ  了解Linux下的文件权限 如上图所示,ll命令详细展示当前目录下的文件或者子目录信息 红框标注的即为此文件或者目录的权限 [第一行文件10.c的权限以-开头,用来说明这是一个文件:第四行cod ...

  6. 【SCOI2008】着色方案

    题目: http://oj.changjun.com.cn/problem/detail/pid/2027 pre.cjk { font-family: "Droid Sans Fallba ...

  7. box-shadow IE8兼容处理

    根据canisue(http://caniuse.com/#search=box-shadow),box-shadow兼容性如下图所示: 测试代码: <!DOCTYPE html> < ...

  8. R语言基因组数据分析可能会用到的data.table函数整理

    R语言data.table包是自带包data.frame的升级版,用于数据框格式数据的处理,最大的特点快.包括两个方面,一方面是写的快,代码简洁,只要一行命令就可以完成诸多任务,另一方面是处理快,内部 ...

  9. Tomcat之jvm及连接数设置

    一.Tomcat的JVM提示内存溢出 查看%TOMCAT_HOME%\logs文件夹下,日志文件是否有内存溢出错误 二.修改Tomcat的JVM 1.错误提示:java.lang.OutOfMemor ...

  10. MAC下Xcode配置opencv（2017.3.29最新实践，亲测可行）

    本文原创,未经同意,谢绝转载!(转载请告知本人并且经过本人同意--By Pacific-hong) 本人小硕一枚,因为专业方向图像相关,所以用到opencv,然后网上MAC下Xcode配置opencv ...