技术头条 - 一个快速在微博传播文章的方式     搜索本站
您现在的位置首页 --> JavaScript --> 将你的 KISSY 程序移植到服务器端

将你的 KISSY 程序移植到服务器端

浏览:2082次  出处信息

如果你还不了解 NodeJS,请参照 NodeJS.org,简言之:

Node.js 是服务器端的 JavaScript 运行环境,它具有无阻塞(non-blocking)和事件驱动(event-driven)等的特色,Node.js 采用 V8 引擎,同样,Node.js 实现了类似 Apachenginx 的web服务,让你可以通过它来搭建基于 JavaScript 的 Web App。

你可以通过我们前些天 team 内的一个分享来了解下 NodeJS

nodejs-kissy 项目

KISSY 是淘宝网开发的一款轻巧灵活的JS框架,如今已经是1.1.5版本,并在淘宝网广泛应用,在浏览器端给我们带来更加清新的体验,今天让我们更进一步,我们发起了nodejs-kissy 项目,你的 KISSY 程序可以无缝移植到服务器端了 ^_^

从这里开始 nodejs-kissy

得益于 KISSY 轻巧的设计,核心模块可以很充分的解偶,所以对 KISSY 作简单hack就能够运行在 NodeJS 上。但开始之前应该首先准备好预装了 npm 的服务器(linux/FreeBSD/MacOS/cygwin),npm 是 NodeJS 软件包管理器,类似yum 和 apt-get,通过他来安装 NodeJS 的软件包会非常方便。

准备 npm:

curl http://npmjs.org/install.sh | sh

如果你的账户没有权限则先准备好目录权限:

sudo chown -R $USER /usr/local

安装成功后就可以通过 “npm install package_name” 命令来安装 NodeJS 软件包了

安装 Nodejs-KISSY 的依赖:服务器端没有浏览器环境,要运行js需要模拟真实的浏览器环境,因此 KISSY 需要依赖一些包:

npm install jsdom
npm install htmlparser
npm install express
npm install connect

安装Nodejs-kissy:

npm install kissy

运行 “hello world”:

新建文件 helloworld.js

var S = require('kissy').KISSY;
S.ready(function(S){
    S.log('hello world!');
});

运行:

node helloworld.js

更方便的移植?

你可能会好奇,服务器端没有浏览器,为什么KISSY能如此轻松的运行在服务器端?这主要是因为KISSY的模块加载机制是脱离浏览器环境的,也就是说KISSY.use、KISSY.add、KISSY.app是和环境无关的,它只关系到你组织代码的方式和风格,另外,得益于足够原生态的KISSY-DOM实现,KISSY只调用到domjs(domjs的高层api是面向YUI3设计的)的基础方法,所以DOM相关操作依然可以无缝嫁接到服务器端,相对于YUI3核心模块的深层次耦合,KISSY的移植实在是太轻松了。

策略上的取舍

KISSY 基于“one for all”理念的core和粗粒度的widget,使得KISSY可以使用更少的”引入文件”来执行程序,而非必要一定采用combo(即使采用combo性能未必提高多少),这样使得require的逻辑策略更简便。

所见即所得

和YUI3一样,KISSY-Loader 也可以非常方便的引入外部脚本,不管脚本是存放在服务器上,还是通过http请求到,开发者只要require fullpath即可,非常低碳,比如我可以这样运行:

var S = require('kissy').KISSY;
S.add({
    'menu':{
        fullpath:'http://cdn/menu.js'
    }
}).use('menu',function(S){
    new S.Menu('#ID');
});

总之,你在浏览器端怎么用 KISSY,你就在服务器端怎么写,接下来,nodejs-kissy 项目的主要工作是更多的测试和提高其健壮性。nodejs-kissy 和 KISSY 一样基于 MIT 协议,你可以通过 fork github 上的项目来参与 nodejs-kissy 的开发。

建议继续学习:

  1. 为什么我们要从 NodeJS 迁移到 Ruby on Rails    (阅读:5449)
  2. JavaScript,只有你想不到    (阅读:5088)
  3. Nodejs和MongoDB初体验    (阅读:5018)
  4. 使用socket.io和node.js搭建websocket应用    (阅读:4351)
  5. node.js调研与服务性能测试    (阅读:3651)
  6. 基于express+socket.io的nodejs聊天室    (阅读:3581)
  7. nodejs教程:配置nodejs.exe的windows目录结构    (阅读:3564)
  8. 构建前端 DSL    (阅读:2693)
  9. nodejs教程:安装及配置app.js文件    (阅读:2627)
  10. Node.js中相同模块是否会被加载多次?    (阅读:2393)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
© 2009 - 2024 by blogread.cn 微博:@IT技术博客大学习

京ICP备15002552号-1