年终总结 之 校校前端实践

!function(){var deps=["jquery"];define("sui/core/common",deps,function(a){
	SUI.$=a("jquery");
	/**
	 * Hack jQuery to support dataTransfer
	 * contributed by: jquery.ndd
	 */
	var originalFix = SUI.$.event.fix;
	SUI.$.event.fix = function(event) {
    	event = originalFix.apply(this, [event]);
	    if( event.type.indexOf('drag') == 0 || event.type.indexOf('drop') == 0 ) {
	        event.dataTransfer = event.originalEvent.dataTransfer;
	    }
	    return event;
	}
})}();

<script src="sui/seed.js"></script>
<script>
    SUI.use('scripts/application');
</script>

"activity/vote/:voteId": {
	regExp: "activity\\/vote\\/([0-9]+)",
	controller: "activity/votedMembersController",
	template: "activity/votedMembers"
}

define(function(require,exports,module){
	var routerObj = require("scripts/router");
	var route = function(url) {
		if(routerObj.hasOwnProperty(url)) {
			return routerObj[url];
		} else {
			for(route in routerObj) {
				if(routerObj[route].hasOwnProperty('regExp')) {
					var routeRegExp = new RegExp(routerObj[route].regExp);
					if(routeRegExp.test(url)) {
						/**
						 * Fix Bug: 修复多个参数无法获取到的问题
						 */
						var valueArr = url.match(routeRegExp),
							paramArr = route.match(/:([\w]*)/g);
						for(var i=1,len=valueArr.length;i<len;i++) {
							routerObj[route][paramArr[i-1].slice(1)] = valueArr[i];
						}
						return routerObj[route];
					}
				}
			}
			return null;
		}
	};
	module.exports = route;
});

/**
 * Global Dependency Injector
 * @author megrez
 */
define(function(require,exports,module){
	/**
	 * [injector description]
	 * @param  {[type]} $scope [description]
	 * @return {[type]}        [description]
	 */
	var injector = function($scope) {
		this.all = {
			'$EventModel': require('scripts/models/EventModel'),
			'$UserModel': require('scripts/models/UserModel'),
			'$ApplyFormModel': require('scripts/models/ApplyFormModel')
		};
		this.deps = [];
		this.depStr = "";
	};
	/**
	 * [instantiate description]
	 * @param  {[type]} controller [description]
	 * @param  {[type]} $scope     [description]
	 * @return {[type]}            [description]
	 */
	injector.prototype.instantiate = function(controller,$scope) {
		var $inject = controller['$inject'] || [];
		this.all['$scope'] = $scope;
		this.deps = [];
		this.depStr = "";
		for(var i=0,len=$inject.length;i<len;i++) {
			this.deps.push(this.all[$inject[i]]);
			this.depStr += "args["+i+"],";
		}
		var IController = new Function('fn','args','return new fn('+ this.depStr.slice(0,-1) +');');
		return IController.apply(null,[controller,this.deps]);
	};
	/**
	 * [register description]
	 * @param  {[type]} moduleName [description]
	 * @param  {[type]} value      [description]
	 * @return {[type]}            [description]
	 */
	injector.prototype.register = function(moduleName,value) {
		this.all[moduleName] = value;
	};
	module.exports = injector;
});

// XXXController.js
var Controller = function($scope, $User) {
};
Controller['$inject'] = ['$scope', 'User'];
// application.js 用注入器初始化对象
// 路由的结果被保存到$inject这个对象中
var tmp = injector.instantiate(controller, {
	'router': routeRes
});

/**
 * 全局异步请求处理器
 * @required Q.js jQuery
 * @param {Object} data [Ajax参数]
 * @param {Boolean} options [传true会跳到homepage]
 * @example
 * {
 *     url: '/api/session/create',
 *     type: 'post',
 *     dataType: 'json'
 * }
 * @return {Q Promise} [200返回代码，handle函数处理服务器返回的异常;其他错误抛出WebService错误]
 */
$.globalResponseHandler = function(data, options) {
	data.cache = false;
	var handle = function(data) {
		switch (data.status) {
			case 'OK':
				return data;
				break;
			case 'Error':
				throw data.message;
				break;
			case 'Expired':
				/**
				 * Fix Bug: 修复由于path导致的无法清除cookie的问题
				 */
				$.removeCookie("userSession", {
					path: '/'
				});
				window.location.href = homepage;
				break;
			case 'CAPTCHA':
				throw "对不起，您请求过于频繁，请输入验证码后再试";
				break;
			case 'Not Logged In':
				$.removeCookie("userSession", {
					path: '/'
				});
				// window.location.href = homepage;
				break;
			case 'Permission Denied':
				throw "Permission Denied";
				break;
			case 'Inconsistent Argument':
				// Bug Track
				throw "Inconsistent Argument";
				break;
			default:
				throw data;
				break;
		}
	};
	return Q($.ajax(data)).then(function(data) {
		return handle(data);
	}, function(error) {
		seajs.log(error);
		throw "Web Service Error";
	});

};

defaults.parser = function (code, options) {
    code = code.replace(/^\s/, '');
    var split = code.split(' ');
    var key = split.shift();
    var args = split.join(' ');
    switch (key) {
        case 'loop':
            code = 'for(' + args + '){';
            break;
        case '/loop':
            code = '}';
            break;
        case 'if':
            code = 'if(' + args + '){';
            break;

/**
 * 单个表单验证方法
 * @param  {String} value         表单的值
 * @param  {String} rules          表单的验证规则
 * @param  {Function} fnCallback    正确的处理方法
 * @param  {Function} errorCallback 错误的处理方法
 */
var formValid = function(value, rules, fnCallback, errorCallback) {};

/**
 * 验证表单，并在所有表单验证正确的时候返回表单数据
 * @param  {String} sel     [表单选择器]
 * @param  {Object} options [其他需要传输的对象]
 * @return {Boolean|Object} [当错误时返回false，正确时返回所有的对象]
 */
var getFormData = function(sel, options) {};