Sep 10, 2012 - node.js    No Comments

Node.js Express.js 学习笔记(1)

先来看一下生成的app.js的代码,这是项目的入口:

/**
 * Module dependencies.
 */

var express = require('express')
  , routes = require('./routes')
  , user = require('./routes/user')
  , http = require('http')
  , path = require('path');

var app = express();

app.configure(function(){
  app.set('port', process.env.PORT || 3000);
  app.set('views', __dirname + '/views');
  app.set('view engine', 'ejs');
  app.use(express.favicon());
  app.use(express.logger('dev'));
  app.use(express.bodyParser());
  app.use(express.methodOverride());
  app.use(express.cookieParser('your secret here'));
  app.use(express.session());
  app.use(app.router);
  app.use(require('stylus').middleware(__dirname + '/public'));
  app.use(express.static(path.join(__dirname, 'public')));
});

app.configure('development', function(){
  app.use(express.errorHandler());
});

app.get('/', routes.index);
app.get('/users', user.list);

http.createServer(app).listen(app.get('port'), function(){
  console.log("Express server listening on port " + app.get('port'));
});

Read more »

Sep 7, 2012 - node.js    No Comments

Hello Express

Express作为Node.js官方唯一推荐的一个Web开发框架, 是我们一定要掌握的。

快速安装到global目录:

$ sudo npm install -g express


Read more »

Sep 5, 2012 - javascript, 前端    No Comments

brower.js配合swfobject.js

在flash日益走向非主流的今天,有些时候你还是不得不承认页面上有些东西还是flash做起来最快,效果也最好。比如一个巨大的KV。不过在兼容手机浏览器越来越正常的今天,我们前端页面仔就又多出来了一件事,就是让显示flash的区域在手机端显示一张图片,最好还是带link。

其实实现起来也很简单,就是brower.js配合swfobject.js

swfobject.js就不用说了,现在页面上的flash几乎都是用这个来写入的。

brower.js的代码如下:
Read more »

Sep 3, 2012 - javascript, 前端    No Comments

Javascript Random

前几天弄了一下node.js的uuid,发现这个js其实也是可以用在前端的。同时又在项目中用到了那个getSeconds();的简单随机数。于是有了整理一下javascript随机数的念头。顺便写了一篇教程给公司的实习生用。

简单的getSeconds();随机数:

var randomNumberbySeconds = function(maxnum) {
	var now = new Date();
	//var number = now.getSeconds(); // 0 - 59 随机数
	//var number = now.getSeconds() % 43; // 0 - 42
	//var number = now.getSeconds() % (maxnum + 1);  // 0 ~ 43
	var number = now.getSeconds() % maxnum + 1; // 1 ~ 43
	return number;
}

Read more »

Aug 31, 2012 - linux    No Comments

Enable php short tag

作为一个前端页面仔,在drupal项目里最常用到的一段代码就是:

<?php
global $base_url;
$root = $base_url . '/' . path_to_theme() . '/';
?>

然后在tpl模板里就可以这样输出图片了:
Read more »