# javascript-in-one-pic

**Repository Path**: liunix61/javascript-in-one-pic

## Basic Information

- **Project Name**: javascript-in-one-pic
- **Description**: Learn javascript in one picture.
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-01-22
- **Last Updated**: 2021-01-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Javascript in one pic

[ 语言: [English](README.md), [中文](README-zh.md), [正體中文](README-zh_TW.md), [Português](README-pt_BR.md), [Español](README-es_MX.md) ]

<!-- BADGES/ -->

[![Gitter chat button](https://img.shields.io/badge/gitter-Join%20Chat-brightgreen.svg)](https://gitter.im/coodict/javascript-in-one-pic)
[![BitCoin donate button](https://img.shields.io/badge/bitcoin-donate-yellow.svg)](https://www.coinbase.com/rainyear)

<!-- /BADGES -->

## 颜色标记

![not recommended](https://img.shields.io/badge/%237E1600-不推荐使用-7E1600.svg)
![important](https://img.shields.io/badge/%234E8D20-重要-4E8D20.svg)
![warning](https://img.shields.io/badge/%23DE2B00-注意-DE2B00.svg)

## 预览

![js in one pic](js%20in%20one%20pic.png)

## 关于本项目

随着学习与使用的编程语言越来越多，在不同语言之间切换时可能混淆一些语法的细节。开始本项目的初衷是作为教初学者朋友学习Javascript的课程大纲，以及作为笔记重新梳理相关的语法和基本概念，后来发现采用脑图（[Mind map](https://en.wikipedia.org/wiki/Mind_map)）的形式来总结一门语言的概况非常有效，这种树状图形看起来更像是将一本介绍Javascript编程书的目录部分从细节上进行扩充，不但可以从宏观上把握这门语言的概况，也可以非常快速地定位到某些实用的语法细节。本项目采用[Mindnode](https://mindnode.com/)制作，同时也导出了PDF、PNG、OPML以及可以用开源脑图软件[FreeMind](http://freemind.sourceforge.net)进行编辑的`*.mm`文件，项目全部完成后也将提供SVG格式（[issues #9](https://github.com/coodict/javascript-in-one-pic/issues/9)）。

本项目可能并不适合无编程经验的新手在无人指导的情况下独自学习，对于拥有其它编程经验的Javascript新手则可以作为学习提纲使用，而对于有经验的Javascript编程人员则更适合当做语法手册查阅，建议将PDF文件打印下来贴到电脑旁边:D。

除本项目外，Python3与Go语言版本也正在准备中，至于其它语言，欢迎有兴趣和能力的同学继续添加，如果你觉得本项目对你有所帮助，欢迎通过bitcoin或其它方式[慷慨赞助](https://github.com/rainyear/lolita/wiki/Donation)，非常感谢！

## 相关项目

* [Python3 in one pic](https://github.com/coodict/python3-in-one-pic)
* Go in one pic (准备中)

## TODO

- [X] Function(basic) - inside function: arguments, return;
- [X] Function - as value: callback;
- [X] Function - methods: apply/call/bind;
- [X] Array - methods: map/reduce;
- [X] Object(OOP) - constructor, properties;
- [X] Object(OOP) - inheritance;
- [X] Scope;
- [X] Function - closures;
- [ ] Operators - bitwise;
- [X] Flow control - try/catch;
- [ ] ES6;

## 参考

1. [Professional JavaScript for Web Developers](http://www.amazon.cn/gp/offer-listing/1118026691/ref=tmm_pap_new_olp_sr?ie=UTF8&condition=new&sr=&qid=)
2. [JavaScript Garden](http://bonsaiden.github.io/JavaScript-Garden/)
3. [JavaScript | MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
4. [图解Javascript上下文与作用域](http://blog.rainy.im/2015/07/04/scope-chain-and-prototype-chain-in-js/)


## License
See the [LICENSE](LICENSE) file for license rights and limitations (MIT).