快乐小斗车

直接代码说明：

针对用的比较多的Deferred进行解读，所有注解都在代码行中(function (jQuery) { var sliceDeferred = [].slice; jQuery.extend({ Deferred: function (func) { var doneList = jQuery.Callbacks("once memory")

jQuery中很多其他组件都用到data功能，源码与注解如下(function (jQuery) { var rbrace = /^(?:\{.*\}|\[.*\])$/, //非获取匹配,数组或者json对象 rmultiDash = /([A-Z])/g; jQuery.extend({ cache: {}, uuid: 0,

具体见：http://www.cnblogs.com/liangjiang/p/5799984.html

前端格式化开源库Ace前端编辑器 AceDemo页面beautify.js格式化 BeautifyDemo页面markdownHere编辑器 markdownHereDemo页面

javascript 中的模块化方式一个模块化系统所必须的能力： 1. 定义封装的模块。 2. 定义新模块对其他模块的依赖。 3. 可对其他模块的引入支持。 AMD模块化AMD定义规范 定义方式 define( id?, dependencies?, factory ); 第一个参数 id 为字符串类型，表示了模块标识，为可选参数。若不存在则模块标识应该默认定义为在加载器中被请求脚本

Chrome-CharSet plugin 解决默认编码乱码问题Chrome-Charset :解决高版本Chrome显示默认编码导致乱码问题, 高版本去掉了针对单个网页设置特定Charset 功能Chrome插件开发学习资料Chrome-Plugin开发学习资料

常用的一些后端UI框架TopUIB-JuiAmazeuiLayuiSemanticUIBUI

Javascript模块化编程原始写法function m1(){}function m2(){}模块就是实现特定功能的一组方法。只要把不同的函数简单的放在一起，就算是一个模块。这种做法的缺点就是，污染了全局变量，无法保证不与其他模块发生变量名冲突，而且模块成员之间看不出直接关系。在原始写法上进行改进，原始写法变为对象写法var module = new Object({ _cou

实现一个原生的路由系统先看核心代码function Router(){ this.routes={}; this.currentUrl='';}Router.prototype.route=function(path,callback){ this.routes[path]=callback||function(){}; //保证回调的时候不报错}Router.p

参考的开源项目

JqueryUI的Weiget写法JUI中的Weiget写法//这里的的factory其实就是 `function($){......}`(function (factory) { if (typeof define === "function" && define.amd) { //Amd 异步加载模块 define('jui/forms/jformC

开源的针对javascript,css,markdown 衍生的文本编辑框和工具cssbeautify—-css美化工具markdown—前端工具stackeditmarked—markdown格式转换为html工具markdown在线编辑器-markdown-here国内markdown在线编辑器-mahua高量显示代码带有行号–syntaxhighlighterJson-数据折叠显

一、Deferred讲解这篇文章讲的更好http://www.ruanyifeng.com/blog/2011/08/a_detailed_explanation_of_jquery_deferred_object.html二、具体解决嵌套调用问题var promise1 = $.ajax(url1);  var promise2 = promise1.

跳转问题的根源任务中遇到这样一个问题，用window.location.href跳转一到个网址，但是每次都出错，显示网址前面加上了文件所在文件夹的路径 示例如下： window.location.href=”main.test.renren.com”;跳转到‘文件的绝对路径+main.test.renren.com’不能正常打开改地址 window.location.href=”http:/

主要对JQuery的Callback部分进行讲解Callback源代码var optionsCache = {};//主要作用是 once memory unique stopOnFalse//once: 确保回调队列中的回调函数被执行一次 Deferred会用到//memory:保留上一次执行的值,那怕后续添加一个回调函数,也确保调用上一次记录的值为参数 Deferred会用到//

今天比较忙，先记录下，下次写全

javascript面向对象写法诠释

直接源码说明jQuery.extend({ cache:{}, uuid:0, expando:"jQuery"+(jQuery.fn.jquery+Math.random()).replace(/\D/g,"")})其中expando 是JQuery类的一个静态属性，而不是它的一个有返回值的函数，所以当JQuery一加载 expando的值就出来了，

各种JS模板引擎对比数据(高性能JavaScript模板引擎)最近做了JS模板引擎测试，拿各个JS模板引擎在不同浏览器上去运行同一程序，下面是模板引擎测试数据；通过测试artTemplate、juicer与doT引擎模板整体性能要有绝对优势；js模板引擎JavaScript 模板引擎作为数据与界面分离工作中最重要一环，越来越受开发者关注，从而出现在各大型网站 Twitter、淘

指令（Directives）是所有AngularJS应用最重要的部分。尽管AngularJS已经提供了非常丰富的指令，但还是经常需要创建应用特定的指令。这篇教程会为你讲述如何自定义指令，以及介绍如何在实际项目中使用。在这篇文章的最后（第二部分），我会指导你如何使用Angular指令来创建一个简单的记事本应用。概述一个指令用来引入新的HTML语法。指令是DOM元素上的标记，使元素拥有

这个系列教程的第一部分给出了AngularJS指令的基本概述，在文章的最后我们介绍了如何隔离一个指令的scope。第二部分将承接上一篇继续介绍。首先，我们会看到在使用隔离scope的情况下，如何从指令内部访问到父scope的属性。接着，我们会基于对 controller 函数和 transclusions 讨论如何为指令选择正确的scope。这篇文章的最后会以通过一个完整的记事本应用来实践指令

指令，很重要AngularJS与JQuery最大的区别在哪里？我认为，表现在数据双向绑定，实质就是DOM的操作形式不一样。JQuery通过选择器找到DOM元素，再赋予元素的行为；而AngularJS则是，将指令与DOM绑定在一起，再扩展指令的行为。所以AngularJS开发最理想的结果就是，在页面HTML与CSS的设计时，设计工程师只需要关注指令的使用；而在

指令化，其实本质就是代码的通用化与模块化，AngularJS的指令化工作，将逻辑与DOM都结合在一起，能够做到即插即用，与Asp的Component是相似的概念。要做到模块化，必要的要求就是通用代码与业务代码的解耦。而解耦并不代表完全的隔绝，解耦要做的是，通用模块与业务模块的隔离，同时也保留接口提供两者通讯。啰嗦，赶紧实例吧！某天，产品老大压下来需求，要做个学生信息填写卡，

Directive可能是AngularJS中比较复杂的一个东西了。一般我们将其理解成指令。AngularJS自带了不少预设的指令，比如ng-app，ng-controller这些。可以发现个特点，AngularJS自带的指令都是由ng-打头的。那么，Directive究竟是个怎么样的一个东西呢？我个人的理解是这样的：将一段html、js封装在一起，形成一个可复用的独立个体，具体特定的功能。

前言AngularJS中的指令是其尤为复杂的一个部分，但是这也是其比较好玩的地方。今天我们就来说一说AngularJS中的NgModelController。在AngularJS的内置指令中，有一个directive叫做ngModel，我们可以用它来沟通控制器和视图层的数据交换。说的简单点，就是我们可以用它来做双方数据绑定。这篇文章我们就来说一说如何在我们自定义的指令中，利

具体解决方案如下 ueditor.all.js中找到 UE.Editor.defaultOptions 在最后的返回对象中加入： allowDivTransToP: false, disabledTableInTable: true 前端插入html标签的写法 var templates = '<a class="ygCmsTemplate" dataT

如何把 TimeSplit分割转换为 data-time-split Jquery中的做法是 var tempValue = "TimeSplit";var result = "data"+ tempValue.replace(/([A-Z])/g, "-$1" ).toLowerCase();console.log("转换后的结果 ",result);//转换后的结果 data-time

JqueryUI的Weiget写法jQueryUI的Weiget写法(function ($) { // utils fuction function foo() {} $.widget('命名空间.插件名', $.继承插件的命名空间.插件名,{ /* snip */ //public方法首字符不是_ //private方法