目录: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. 九度OJ题目1137：浮点数加法 (JAVA)使用BigDecimal四个案例都通过了，但是超时了。

    题目描述: 求2个浮点数相加的和 题目中输入输出中出现浮点数都有如下的形式: P1P2...Pi.Q1Q2...Qj 对于整数部分,P1P2...Pi是一个非负整数 对于小数部分,Qj不等于0 输入: ...

  2. Spark Core_资源调度与任务调度详述

    转载请标明出处http://www.cnblogs.com/haozhengfei/p/0593214ae0a5395d1411395169eaabfa.html Spark Core_资源调度与任务 ...

  3. 修改mysql方法

    我已验证: 方法1: 用SET PASSWORD命令 mysql -u root mysql> SET PASSWORD FOR 'root'@'localhost' = PASSWORD('n ...

  4. iOS 集成Weex入门教程

    前言 自Weex发布伊始, 其口号 "Write Once, Run Everywhere"就吸引了大批前端与客户端程序猿纷纷入坑, 我也不能独善其中. 就我目前所学习Weex的经 ...

  5. JNDI常见配置方式

    JNDI(Java Naming and Directory Interface,Java命名和目录接口)是一组在Java应用中访问命名和目录服务的API.命名服务将名称和对象联系起来,使得我们可以用 ...

  6. spring学习起步

    1.搭载环境 去spring官网下载这几个包,其中commons-logging-1.2.jar是一个日志包,是spring所依赖的包,可以到apache官网上下载 也可以访问http://downl ...

  7. Excel 按模板格式导出

    最近遇到一个问题,就是导出数据的时候需要自定义的表头,如图 如果自己用代码写表头的话,可能会有点复杂,而且代码量很多,所以我就想了一个办法,直接在Excel里面把表头定义好,然后把数据写入Excel模 ...

  8. Verilog读写文件

    在通过编写Verilog代码实现ram功能时,需要自己先计算寄存器的位数和深度再编写代码. 而如果需要在编写的ram中预置值的话,就需要使用Verilog语言编写程序读写文件,来将相应的数据赋给寄存器 ...

  9. QQ第三方登录教程

    教程戳这里

  10. JSP的学习

    JSP的学习 1. (1).服务器的名字:Tomcat (2).服务器浏览器访问的地址为: http://localhost:8080 http://127.0.0.1:8080 2.简单的知识 (1 ...