🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
[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