Skip to content

Commit

Permalink
Signed-off-by: wchaowu <[email protected]>
Browse files Browse the repository at this point in the history
  • Loading branch information
wchaowu committed Dec 24, 2015
1 parent c9e6c9b commit 057a36f
Showing 1 changed file with 200 additions and 4 deletions.
204 changes: 200 additions & 4 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,171 +1,367 @@
--------------------------------------------------------------------------------

<h3>Javascript代码</h3>

其中很多都是伪代码的写法,便有回顾和总结。<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 />

5.<a href="https://github.com/wchaowu/javascript-code/tree/master/javascript-based/crossDomain.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 />

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

5.AOP



<h3>Jquery</h3>
为了更加了解Jquery实现机制可以先了解

[jQuery][1] [jQuery架构设计与实现][2]
[jQuery选择器库][3]
<a href="https://github.com/madrobby/zepto#readme">zepto</a>

<br />

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>

<h4>1. AMD</h4>

>[https://github.com/wchaowu/javascript-code/tree/master/AMD](https://github.com/wchaowu/javascript-code/tree/master/AMD "https://github.com/wchaowu/javascript-code/tree/master/AMD")
<h4>2. CommonJS</h4>

>[https://github.com/wchaowu/javascript-code/tree/master/CommonJS](https://github.com/wchaowu/javascript-code/tree/master/CommonJS "https://github.com/wchaowu/javascript-code/tree/master/CommonJS")
>
cmd和amd的区别

[https://github.com/wchaowu/javascript-code/blob/master/CommonJS/cmd_Amd.md](https://github.com/wchaowu/javascript-code/blob/master/CommonJS/cmd_Amd.md "https://github.com/wchaowu/javascript-code/blob/master/CommonJS/cmd_Amd.md")



###javascript框架

####angularJs

官方地址 [https://angularjs.org/](https://angularjs.org/)

推荐UI组件 angularUI bootstrap [http://angular-ui.github.io/bootstrap/](http://angular-ui.github.io/bootstrap/)

angular ui router [https://github.com/angular-ui/ui-router](https://github.com/angular-ui/ui-router)

bindonce[https://github.com/Pasvaz/bindonce](https://github.com/Pasvaz/bindonce)

ngAnimate [https://github.com/Augus/ngAnimate](https://github.com/Augus/ngAnimate)



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

Canvas

###[ReactJs][4]





mobile 开发 收集

[https://github.com/wchaowu/mobileTech](https://github.com/wchaowu/mobileTech "https://github.com/wchaowu/mobileTech")



phonegap



[https://github.com/msacks/phonegap-samples](https://github.com/msacks/phonegap-samples "https://github.com/msacks/phonegap-samples")

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



------------------------
<H2>兼容 </h2>

http://kangax.github.io/compat-table/es5/
http://caniuse.com/#




##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>
[Airbnb JavaScript Style Guide][5]




## 推荐学习资源 ##

最受欢迎的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://mahua.jser.me/">jser</a>

自动化工具
grunt
gulp

[webpack][6]

[gruntjs][7]

[gulp][8]

[bower][9]

[yeoman][10]

[babeljs][11]

[jsmonkey](https://github.com/wchaowu/jsMonkey "jsmonkey")



##参考资料

<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>



##License



>And of course:


MIT: http://rem.mit-license.org


[1]: http://jquery.com/
[2]: https://github.com/JsAaron/jQuery
[3]: https://github.com/jquery/sizzle
[4]: http://facebook.github.io/react/
[5]: https://github.com/airbnb/javascript
[6]: https://webpack.github.io/
[7]: http://gruntjs.com/
[8]: http://gulpjs.com/
[9]: https://github.com/bower/bower
[10]: http://yeoman.io/
[11]: https://babeljs.io/

0 comments on commit 057a36f

Please sign in to comment.