JavaScript基础详细思维导图(纯分享,不加水的那种)

JavaScript比较基础重要知识的思维导图分享给大家,希望能给大家提供帮助,用到的工具是xmind

思维导图是小M.自己学习后总结出来的,比较适合新手,比较推荐UU们自己构造一个属于自己的思维导图,对知识的理解和记忆会更有帮助

这里还有超多面试题合集,并且定期更新最新面试题,可以点击链接在语雀软件中进行关注查看哦
https://www.yuque.com/docs/share/a95df8ad-9493-4624-846d-a921248b669d?# 《js》

https://www.yuque.com/docs/share/176105ad-4201-4ed5-b14b-696df7546dc5?# 《html、css、网络、Git面试题》

前情概要

这部分可以作为了解

JavaScript基础详细思维导图(纯分享,不加水的那种)_第1张图片

语法基础

这个部分蛮重要的,就像是学中文要先学拼音一样

JavaScript基础详细思维导图(纯分享,不加水的那种)_第2张图片

数据类型

JavaScript基础详细思维导图(纯分享,不加水的那种)_第3张图片

ES6中新增了Symbol类型

JavaScript基础详细思维导图(纯分享,不加水的那种)_第4张图片

函数

函数对于学习js非常重要,很多地方都有函数的身影

JavaScript基础详细思维导图(纯分享,不加水的那种)_第5张图片

对象

俗话说的好,万物皆对象。咳咳~此对象非彼对象

对象这个部分在js基础中没有太多的笔记,因为我认为对于刚接触js的uu而言,对象算是比较晦涩难懂的部分,到了js高阶,会更多的了解对象,原型链等更加深入的知识后,理解对象的概念的会轻松很多

JavaScript基础详细思维导图(纯分享,不加水的那种)_第6张图片

内置对象

按我自己的理解来说就是js已经给我们创造好的对象,里面的属性和方法已经写好了,可以直接拿来使用,方便~

Array数组

数组的内容比较长 分成了两张图片

JavaScript基础详细思维导图(纯分享,不加水的那种)_第7张图片
JavaScript基础详细思维导图(纯分享,不加水的那种)_第8张图片

Math对象

JavaScript基础详细思维导图(纯分享,不加水的那种)_第9张图片

Date日期

购物的时候用到的倒计时、秒杀等功能就借助了Date对象中的一些方法来实现

JavaScript基础详细思维导图(纯分享,不加水的那种)_第10张图片

String字符串

JavaScript基础详细思维导图(纯分享,不加水的那种)_第11张图片

常用函数

在初学过程中,很多经典案例都会用到一些函数,我把写出来,可以多了解
JavaScript基础详细思维导图(纯分享,不加水的那种)_第12张图片

DOM 文档对象模型

DOM就是document树
dom的概念大家可以参考MDN
MDN对DOM的解释

查找dom节点

我列出了查找dom节点的方法,想要操作DOM就必须找到它
比较常用的是document.querySelector()这个方法,比较快捷,可以直接查找id、标签或者class
JavaScript基础详细思维导图(纯分享,不加水的那种)_第13张图片

DOM属性

JavaScript基础详细思维导图(纯分享,不加水的那种)_第14张图片JavaScript基础详细思维导图(纯分享,不加水的那种)_第15张图片

属性节点

JavaScript基础详细思维导图(纯分享,不加水的那种)_第16张图片

关于style

JavaScript基础详细思维导图(纯分享,不加水的那种)_第17张图片

方法

JavaScript基础详细思维导图(纯分享,不加水的那种)_第18张图片

事件

JavaScript基础详细思维导图(纯分享,不加水的那种)_第19张图片

BOM 浏览器对象模型

BOM概念可以参考菜鸟教程中的解释
JavaScript基础详细思维导图(纯分享,不加水的那种)_第20张图片

正则表达式

正则表达式是由一个字符序列形成的搜索模式。

当你在文本中搜索数据时,你可以用搜索模式来描述你要查询的内容。

正则表达式可以是一个简单的字符,或一个更复杂的模式。

正则表达式可用于所有文本搜索和文本替换的操作。

正则学起来比较的枯燥晦涩,但是正则表达式在js中算是比较重要的模块,在其他编程语言中都会用到正则表达式,算是一个比较万金油的知识了

JavaScript基础详细思维导图(纯分享,不加水的那种)_第21张图片

资源获取

点击这里获取网盘链接

提取码:MOAN

评论或者私信戳我也可以哟

有钱的没钱的,欢迎大家给捧个人场(就是不要脸的想要一个点赞)

JavaScript基础详细思维导图(纯分享,不加水的那种)_第22张图片

转载:欢迎转载,但未经作者同意,必须保留此段声明;

勿杠,欢迎大佬纠错

你可能感兴趣的:(前端,javascript,前端,开发语言)