forked from wchaowu/javascript
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Signed-off-by: wchaowu <[email protected]>
- Loading branch information
Showing
1 changed file
with
200 additions
and
4 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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> | ||
|
||
<a href="#oject-oriented">面向对象的实现</a> | ||
|
||
<a href="#javascript-design-pattern">设计模式实现</a> | ||
|
||
<a href="#-javascript-%E6%A8%A1%E5%9D%97%E5%8C%96%E8%A7%84%E8%8C%83">模块化开发</a> | ||
|
||
<a href="#Question">javascript常见的疑问</a> | ||
|
||
<a href="#Jquery">Jquery</a> | ||
|
||
<a href="#NodeJs">Node.js</a> | ||
|
||
<a href="#html5nodejs"> html5</a> | ||
|
||
<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/ |