Posts tagged: javascript

编译安装node.js需要注意的问题

在安装node.js环境中的安装,发现了一些问题。 可能是当时已经安装了make等工具了,因此没有出现问题。如果没有安装,需要: sudo apt-get install build-essential 另外,git clone的node.js是人家项目的主干,因此版本是最新的,可能在安装第三方库的时候报错。 版本控制器需要切换到当前正式版本,再编译安装,我碰到好几次了,都重新编译的。 切换tag的命令: git checkout v0.6.11 如果不确信当前项目的版本,可以: git describe    发送文章为PDF   

星期日 二月 19th, 2012 in , , | No Comments »

如果用node.js做web app呢?

node.js这样方便,是否可以用来做web app开发呢?答案是肯定的。 可以使用基于node.js的web开发框架,express。 安装express很简单,前提是已经安装了npm: sudo npm install -g express 之后,就可以通过express命令创建express项目: express myBook 这条命令创建了myBook目录。实际上是创建了个项目的骨架。这种做法很类似rails或者它的效仿者grails。    发送文章为PDF   

星期三 二月 15th, 2012 in , , , | No Comments »

在node.js中使用jquery

在上文node.js能干什么?中,虽然也使用到了jquery,但是有个问题,需要从网上下载jquery的js文件,这样会消耗时间。 可以使用node-jquery库,在代码中直接使用jquery。 安装node-jquery: npm install jquery    发送文章为PDF   

星期三 二月 15th, 2012 in , , , | No Comments »

node.js能干什么?

编写了一个简单的代码,来说明node.js能干什么。 使用node.js访问我博客的首页,然后统计首页有几篇文章。 代码如下: var now=new Date(); var jsdom=require(‘jsdom’); jsdom.env(“http://marshal.easymorse.com”, [   'http://code.jquery.com/jquery-1.5.min.js' ], function(errors, window) {   console.log(“本页有”, window.$(“div .post”).length, “篇文章”);   var time=new Date().getTime()-now.getTime();   console.log(‘耗时:’+time+’ms’); }); 日志引用在node.js中使用jquery    发送文章为PDF   

星期三 二月 15th, 2012 in , , , | No Comments »

安装node.js环境

使用的系统是,ubuntu 11.10 安装前,需要确保这些已经安装了,这些用于node.js的编译和安装使用: sudo apt-get install g++ curl libssl-dev apache2-utils 要确保安装了git。 通过git下载源代码: git clone git://github.com/joyent/node.git 编译安装过程,首先要进入node目录,然后: ./configure make sudo make install 安装好后,可以通过命令查看node版本: node –version 可编写简单的代码,共访问,我修改了官方的helloworld,便于网络上其他机器访问: var http = require(‘http’); http.createServer(function (req, res) {   res.writeHead(200, {‘Content-Type’: ‘text/plain’});   res.end(‘Hello node.js! \n’); }).listen(1337, “0.0.0.0″); console.log(‘Server running at http://127.0.0.1:1337/’); 日志引用编译安装node.js需要注意的问题    发送文章为PDF   

星期二 二月 14th, 2012 in , , | No Comments »

使用CSS3硬件加速的拖动小示例

示例如下图:   可直接访问:http://easymorse.googlecode.com/svn/tags/WebBook-0.2/test.html,需要注意只能跑在有webkit浏览器的触摸设备上。 为什么会抖动 在iPad上,如果用传统的改变html元素的左上顶点坐标(left、top),会有可被用户察觉的抖动现象。 这是因为,浏览器不确定是否要使用GPU硬件加速,也许这个操作只是移动一个元素到某个位置。 这种指定顶点的做法,在鼠标操作设备上不会出现抖动现象,是因为鼠标的轨迹是连续的。而触摸设备的手指移动是离散的。 另外,浏览器是假定可用可不用硬件加速的地方,就不用硬件加速,这是因为,对于移动设备来说,硬件加速更消耗电池。 使用CSS3的translate,浏览器将使用硬件加速,手指移动的坐标离散量,会自动形成动画,这样看起来就不会抖动了。 另外,translate的另一个好处是和css布局无关,坐标是针对元素自己的,也就是从(0,0)开始。    发送文章为PDF   

星期四 一月 26th, 2012 in , , , | No Comments »

Grails从1.4m1版本回退到1.3.7

回退的原因是,在mac环境下,1.4m1版本,修改controller后,系统不能自动的reload。用过grails的人应该知道,重启一次grails是个比较漫长的过程。讨论这个问题的帖子可见: http://grails.1312388.n4.nabble.com/1-4-M1-Controller-reloading-seems-to-be-broken-td3556582.html 另外,bug链接: http://jira.grails.org/browse/GRAILS-7594 虽然报告的是win7下的问题,但是应该是类似的。虽然已经fixed了,但是是尚未发布build版本的2.0-M1。 日志引用测试Tomcat对断点续传的支持使用Grails布局功能    发送文章为PDF   

星期五 七月 8th, 2011 in , , , , | 2 Comments »

JQuery编写简单的自定义事件触发

javascript开发中也会用到观察者模式。比如当数据模型改变后,会触发事件。订阅该事件的子视图都将会得到事件,并触发它们调用代码刷新自己的内容。 比如下面要实现的一个简单例子,一上来是这样的: 当修改文本框中的文字并点击保存后:    发送文章为PDF   

星期三 七月 6th, 2011 in , , , , | No Comments »