GuoKai PaulGuo

Batch File Rename

Use JavaScript for Automation to rename files in batch!

Motivation

mathclub是最近做的一个个人项目，帮助考SAT的同学通过在线做题、回顾、问答提高成绩。用户功能有：计次/计时做题、成绩单、错题分布、错题回顾、提问、汇总以及注册登录。管理后台主要是题库管理、学员管理、成绩单管理、问题回复。怎么看都像学校里的课设，的确项目本身并不出奇，开发上选用的一些方案或许更有意思。

整个项目一个人从产品需求、原型设计、前后端开发到部署历时2周左右。可以从截图上感受一下：

技术选型上服务端是Node.js，应用框架选了老牌的Express（4.x变化挺大不少中间件都废了），数据服务用的是MongoLab（MongoDB的云服务平台），图片上传用的是又拍云，程序部署在Nodejitsu上。模板引擎没选主流的Jade或ejs，而是用Express React Views它实现了在服务端渲染React组件。前端框架是用React，这次有意想追求前后端全部组件化的组织。之前是用Webpack实现CommonJS模块打包，这次用Browserify配置更简单，它有丰富的transform很赞，其中的reactify转换React的JSX很完美。CSS用Sass＋autoprefixer让人省心。将这一切串起来的自动构建工具是Gulp。我其实崇尚用最精简的工具组合开发，上述组合在我看来比较精简了。（帖纸留念）

![image](http://satexam.b0.upaiyu

还记得 Haskell Curry吗，

多巧啊, 人家姓 Curry 名 Haskell, 难怪 Haskell 语言会自动柯里化, 呵呵. 但是不奇怪吗, 为什么要柯里化呢. 为什么如此重要导致 Haskell 会默认自动柯里化所有函数, 不就是返回一个部分配置好的函数吗.

我们来看一个 Haskell 的代码.

max 3 4
(max 3) 4

Node.js异步处理CPU密集型任务

Node.js擅长数据密集型实时（data-intensive real-time）交互的应用场景。然而数据密集型实时应用程序并不是只有I/O密集型任务，当碰到CPU密集型任务时，比如要对数据加解密（node.bcrypt.js），数据压缩和解压（node-tar），或者要根据用户的身份对图片做些个性化处理，在这些场景下，主线程致力于做复杂的CPU计算，I/O请求队列中的任务就被阻塞。

Node.js主线程的event loop在处理所有的任务/事件时，都是沿着事件队列顺序执行的，所以在其中任何一个任务/事件本身没有完成之前，其它的回调、监听器、超时、nextTick()的函数都得不到运行的机会，因为被阻塞的event loop根本没机会处理它们，此时程序最好的情况是变慢，最糟的情况是停滞不动，像死掉一样。

一个可行的解决方案是新开进程，通过IPC通信，将CPU密集型任务交给子进程，子进程计算完毕后，再通过ipc消息通知主进程，并将结果返回给主进程。

和创建线程相比，开辟新进程的系统资源占用率大，进程间通信效率也不高。如果能不开新进程而是新开线程，将CPU耗时任务交给一个工作线程去做，然后主线程立即返回，处理其他的I/O请求，等到工作线程计算完毕后，通知主线程并将结果返回给主线程。那么在同时面对I/O密集型和CPU密集型服务的场景下，Node的主线程也会变得轻松，并能时刻保持高响应度。

The prep-script.sh will setup the latest Node and install the latest perf version on your Linux box.

When you want to generate the flame graph, run the following (folder locations taken from install script):

sudo sysctl kernel.kptr_restrict=0
# May also have to do the following:
# (additional reading http://unix.stackexchange.com/questions/14227/do-i-need-root-admin-permissions-to-run-userspace-perf-tool-perf-events-ar )
sudo sysctl kernel.perf_event_paranoid=0

	var Proxy = require('./proxy.js');

	var HttpWrap = module.exports = function(http) {
	Proxy.wrap(http.Server.prototype, ['on', 'addListener'], function(addListener) {
	return function(event, listener) {

	if (!(event === 'request' && typeof listener === 'function')) return addListener.apply(this, arguments);

	return addListener.call(this, event, function(request, response) {
	var self = this;

	var express = require('express');
	var app = express();
	var bodyParser = require('body-parser');

	// chrome sends application/csp-report
	// firefox sends application/json
	// it seems chrome is doing it well: https://w3c.github.io/webappsec/specs/content-security-policy/
	app.use(bodyParser.json({
	type: ['json', 'application/csp-report']
	}));

	var browser = {
	versions: function () {
	var u = navigator.userAgent, app = navigator.appVersion;
	return {//移动终端浏览器版本信息
	trident: u.indexOf('Trident') > -1, //IE内核
	presto: u.indexOf('Presto') > -1, //opera内核
	webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
	gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
	mobile: !!u.match(/AppleWebKit.Mobile./), //是否为移动终端
	ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端

	Step 1: Upgrade Packages
	# yum update
	# yum groupinstall "Development Tools"

	Step 2: Installing Recommended Packages
	# yum install gcc-c++ patch readline readline-devel zlib zlib-devel
	# yum install libyaml-devel libffi-devel openssl-devel make
	# yum install bzip2 autoconf automake libtool bison iconv-devel

	Step 3: Install RVM ( Ruby Version Manager )

	var gulp = require('gulp')
	, concat = require('gulp-concat')
	, uglify = require('gulp-uglify')
	, watch = require('gulp-watch')
	, sass = require('gulp-ruby-sass')
	, autoprefixer = require('gulp-autoprefixer')
	, spritesmith = require("gulp.spritesmith")
	, minifyCSS = require('gulp-minify-css')
	, plumber = require('gulp-plumber')
	, jade = require('gulp-jade')