[TOC]
学习的道路就是要不断的总结归纳,好记性不如烂笔头,so,下面将po出10张JavaScript相关的思维导图。
思维导图小tips:思维导图又叫心智图,是表达发射性思维的有效的图形思维工具 ,它简单却又极其有效,是一种革命性的思维工具。思维导图运用图文并重的技巧,把各级主题的关系用相互隶属与相关的层级图表现出来,把主题关键词与图像、颜色等建立记忆链接,思维导图充分运用左右脑的机能,利用记忆、阅读、思维的规律,协助人们在科学与艺术、逻辑与想象之间平衡发展,从而开启人类大脑的无限潜能。思维导图因此具有人类思维的强大功能。
分别归类为:
* javascript变量
* javascript运算符
* javascript数组
* javascript流程语句
* javascript字符串函数
* javascript函数基础
* javascript基础DOM操作
* DOM-文档对象模型
* BOM-浏览器对象模型
* javascript正则表达式
能够认真看完就是一次对javascript的回顾与提升,可以很好的检验基础。
## 1. javascript变量
![](https://box.kancloud.cn/feb875250382097be3f086518232ae44_1010x1681.png)
## 2. javascript运算符
![](https://box.kancloud.cn/f46c986cd535a0f80c22a6ba5ca807dc_1118x4809.png)
## 3. javascript数组
![](https://box.kancloud.cn/e98fad5aca8aaac30b9a57dafc7e42e6_1492x2590.png)
## 4. javascript流程语句
![](https://box.kancloud.cn/eacd7a3df0998359d5f167a22707aee6_1023x2512.png)
## 5. javascript字符串函数
![](https://box.kancloud.cn/2d278950b5010de7d33cb4835c98c0ba_1584x3708.png)
## 6. javascript函数基础
![](https://box.kancloud.cn/aa0aa89a7c857ce8fa2b82c15c5df519_902x1588.png)
## 7. javascript基础DOM操作
![](https://box.kancloud.cn/25891cfa5776f41425bf2c3680c21ce6_1130x2292.png)
## 8. DOM-文档对象模型
![](https://box.kancloud.cn/b82130c0c49e469ed90fb023f27943db_1622x2506.png)
## 9. BOM-浏览器对象模型
![](https://box.kancloud.cn/d32d9db4efecdaac5cc624f8f251842e_2000x1500.png)
## 10. javascript正则表达式
![](https://box.kancloud.cn/3f68cd147734ab63a5bbc0df02601d3f_1202x2910.png)
1. 隐形prototype链
2. 变量作用域(延伸出的闭包)
这两个搞懂,javascript也算是一手抓稳了,其它什么方法名,怎么用什么的都是细枝末节,各个脚本语言其实都差不离。
3. 可以用freemind,Xmind或者忆图图示专家。
4. 可能的bug。switch case那写的好像有问题 。
js的case 标签 不光可以是常量 还可以是表达式、变量、对象,还有break 如果省略的话会发生穿越现象 所以break的存在并不光是为了结构清晰 还有就是防止穿越现象的发生。
是的,没有高深的知识,没有进阶的技巧。
只是,万丈高楼平地起;只是,千里之行始于足下;只是,千里长提溃于蚁穴。
能把简单的做好就是不简单,你能走多远,不是在于你有多聪明,而是取决于你有多勤奋,共勉。
> http://www.imooc.com/article/9999
- 步入JavaScript的世界
- 二进制运算
- JavaScript 的版本是怎么回事?
- JavaScript和DOM的产生与发展
- DOM事件处理
- js的并行加载与顺序执行
- 正则表达式
- 当遇上this时
- Javascript中apply、call、bind
- JavaScript的编译过程与运行机制
- 执行上下文(Execution Context)
- javascript 作用域
- 分组中的函数表达式
- JS之constructor属性
- Javascript 按位取反运算符 (~)
- EvenLoop 事件循环
- 异步编程
- JavaScript的九个思维导图
- JavaScript奇淫技巧
- JavaScript:shim和polyfill
- ===值得关注的库===
- ==文章==
- JavaScript框架
- Angular 1.x
- 启动引导过程
- $scope作用域
- $q与promise
- ngRoute 和 ui-router
- 双向数据绑定
- 规范和性能优化
- 自定义指令
- Angular 事件
- lodash
- Test