<h3>Javascript代码</h3>

Version 1.0.0 <br/>

Author:scott<br />

有什么疑问和建议请发邮箱至Email:wchaowu@gmail.com <br />

github:<a href="https://github.com/wchaowu/Javascript-Design-Patterns"> https://github.com/wchaowu/</a><br />

本人积累的一些javascript的写法，参考了dhtmlx套件框架，javascript设计模式书籍、Jquery源代码，QQ空间、webQQ和新浪微博。

<a href="#referenceData">参考资料</a> 其中很多都是伪代码的写法，便有回顾和总结。

包含 <br />

<a href="#javascript-based" >javascript的基础语法</a> &nbsp;&nbsp;

<a href="#oject-oriented">面向对象的实现</a>&nbsp;&nbsp;

<a href="#javascript-design-pattern">设计模式实现</a>&nbsp;&nbsp;

<a href="#-javascript-%E6%A8%A1%E5%9D%97%E5%8C%96%E8%A7%84%E8%8C%83">模块化开发</a>&nbsp;&nbsp;

<a href="#Question">javascript常见的疑问</a>&nbsp;&nbsp;

<a href="#Jquery">Jquery</a>&nbsp;&nbsp;

<a href="#NodeJs">Node.js</a>&nbsp;&nbsp;

<a href="#html5nodejs"> html5</a>&nbsp;&nbsp;

<br/>

<h3 name="javascriptBase">Javascript based</h3>

1.<a href="https://github.com/wchaowu/javascript-code/tree/master/javascript-based/reference">对象JavaScript 引用</a> <br />

2.JavaScript this <br />

3.JavaScript 闭包

<br />

4.

<a href="https://github.com/wchaowu/javascript-code/blob/master/javascript-based/event.html">

JavaScript 事件</a> <br />

6.<a href="https://github.com/wchaowu/javascript-code/tree/master/javascript-based/namespace">javascript 命名空间</a> <br />

<h3 name="OjectOriented">Oject-Oriented</h3>

1.<a href="https://github.com/wchaowu/javascript-code/tree/master/object-oriented/Expressive-JavaScript">JavaScript Expressive </a> <br />

2.<a href="https://github.com/wchaowu/javascript-code/tree/master/object-oriented/Interfaces"> Interfaces </a> <br />

3.<a href="https://github.com/wchaowu/javascript-code/tree/master/object-oriented/Introduction">Introduction</a> <br />

5.AOP

<h3>Jquery</h3>

为了更加了解Jquery实现机制可以先了解

<a href="https://github.com/madrobby/zepto#readme">zepto</a>

1. [jQuery 插件推荐](https://github.com/wchaowu/javascript-code/blob/master/jquery/)

2.<a href="https://github.com/wchaowu/javascript-code/blob/master/jquery/1_closure.js">

jQuery中 closure

</a>

<h3 name="JavascriptDesign">Javascript-Design-Pattern</h3>

1.

<a href="https://github.com/wchaowu/javascript-code/tree/master/JavaScript-Design-Patterns/The-Singleton-Pattern">

Singleton-Pattern

</a>

<br />

2.<a href="https://github.com/wchaowu/javascript-code/tree/master/JavaScript-Design-Patterns/Chaining">

Chaining

</a>

<br />

3.<a href="https://github.com/wchaowu/javascript-code/tree/master/JavaScript-Design-Patterns/The-Factory-Pattern">

Factory-Pattern

</a>

<br />

4.

<a href="https://github.com/wchaowu/javascript-code/tree/master/JavaScript-Design-Patterns/The-Bridge-Pattern">

Bridge-Pattern

</a>

<br />

5.

<a href="https://github.com/wchaowu/javascript-code/tree/master/JavaScript-Design-Patterns/The-Bridge-Pattern">

Composite-Pattern

</a>

<br />

6.

<a href="https://github.com/wchaowu/javascript-code/tree/master/JavaScript-Design-Patterns/The-Facade-Pattern">

Facade-Pattern

</a>

<br />

7.

<a href="https://github.com/wchaowu/javascript-code/tree/master/JavaScript-Design-Patterns/The-Adapter-Pattern">

Adapter-Pattern

</a>

<br />

8.<a href="https://github.com/wchaowu/javascript-code/tree/master/JavaScript-Design-Patterns/The-Decorator-Pattern">

Decorator-Pattern

</a>

<br />

9.

<a href="https://github.com/wchaowu/javascript-code/tree/master/JavaScript-Design-Patterns/The-Flyweight-Pattern">

Flyweight-Pattern

</a>

<br />

10.

<a href="https://github.com/wchaowu/javascript-code/tree/master/JavaScript-Design-Patterns/The-Proxy-Pattern">

Proxy-Pattern

</a>

<br />

11.

<a href="https://github.com/wchaowu/javascript-code/tree/master/JavaScript-Design-Patterns/The-Observer-Pattern">

Observer-Pattern

</a>

<br />

12.

<a href="https://github.com/wchaowu/javascript-code/tree/master/JavaScript-Design-Patterns/The-Command-Pattern">

Command-Pattern

</a>

<br />

13.

<a href="https://github.com/wchaowu/javascript-code/tree/master/JavaScript-Design-Patterns/The-Chain-of-Responsibility-Pattern">

Chain-of-Responsibility-Pattern

</a>

<br />

<h3 name="Question">Javascript-疑问</h3>

1 function前加操作符

<h3 name="Module"> javascript 模块化规范</h3>

<h3 name="html5">HTML5<h5>

Canvas

<h3 name="NodeJs">Node.js</h3>

##javascript风格和规范 ##

<ul><li><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml">Google的JavaScript风格指南</a>（以下简称Google）</li><li><a href="https://npmjs.org/doc/coding-style.html">NPM编码风格</a>（以下简称NPM）</li><li><a href="http://nodeguide.com/style.html">Felix的Node.js风格指南</a>（以下简称Node.js）</li><li><a href="https://github.com/rwldrn/idiomatic.js/">惯用（Idiomatic）的JavaScript</a>（以下简称Idiomatic）</li><li><a href="http://contribute.jquery.org/style-guide/js/">jQuery JavaScript风格指南</a>（以下简称jQuery）</li><li><a href="http://javascript.crockford.com/code.html">Douglas Crockford的JavaScript风格指南</a>（以下简称Crockford），Douglas Crockford是Web开发领域最知名的技术权威之一，

ECMA JavaScript 2.0标准化委员会委员</li></ul>

最受欢迎的javascript博客

[http://stackoverflow.com/questions/409056/top-rated-javascript-blogs](http://stackoverflow.com/questions/409056/top-rated-javascript-blogs "http://stackoverflow.com/questions/409056/top-rated-javascript-blogs")

javascript Weekly

[http://javascriptweekly.com/archive/148.html](http://javascriptweekly.com/archive/148.html "http://javascriptweekly.com/archive/148.html")

JavaScript frameworks resources and tutorials

[http://resrc.io/list/18/javascript-frameworks/](http://resrc.io/list/18/javascript-frameworks/ "http://resrc.io/list/18/javascript-frameworks/")

##参考资料

<a href="http://www.apress.com/" name="referenceData">http://www.apress.com/</a> <br />

<a href="http://www.addyosmani.com/resources/essentialjsdesignpatterns/book/">Learning JavaScript Design Patterns</a> <br />

<a href="http://www.alloyteam.com">alloyteam</a>