想自学JS吗？想提高JS底层原理吗？76张脑图带你完全搞懂原生JS

"不畏惧，不讲究，将来的日子好好努力"——你们好！我是小芝麻😄

在默默的更新了一段时间的文章后，小芝麻决定励志成为一个标题党😄

别走，别走，别走啊😭.....

搞错了，下面咱们正式开始；

本篇内容适用于：初学前端；及工做时间不久想回顾基础的各位伙伴；

文章主要由图片组成，看起来可能会不太方便，适合保存下来单张查看😄；

既然来了，就看看在走吧，总会有些收获的😄；

补充图片地址连接 gitee.com/jinsexiaozh…

1、前端发展史

2、JS基础入门

一、认识浏览器

二、JS基础知识

初识JS-基础中的基础

三、三大输出方式

JS中的三大类输出方式

四、数据类型基础知识

JS中的数据类型简析——基本数据类型值

number 数据类型基础知识

string 数据类型基础知识

boolean 数据类型基础知识

Object 数据类型基础知识

JS中的数据类型object基础

条件判断里的相互转换规则

五、数据类型之间的区别（堆栈内存）

数据类型之间的区别（堆内存Heap VS 栈内存Stack）

六、JS中三种常见的判断

JS中三种常见的判断

七、JS中的for循环

JS循环——for循环

八、function的基础知识

JS中function的基础知识

九、数组的基础知识

十、数组中经常使用的方法

数组中的16种经常使用方法

数组中经常使用的方法【补充reduce、filter、flat...】｜内附思惟导图

十一、Math 中的经常使用方法

Math中经常使用的9种方法

十二、字符串中经常使用方法

字符串中的12种经常使用方法

3、经常使用方法

1三、数组去重的三种方法

JS中数组去重的三种方法

1四、时间格式化的三种方法

JS中时间格式化的三种方法

1五、URL参数处理的三种方法

JS中URL参数处理的三种方法

1六、获取随机验证码

1七、DOM操做汇总

获取DOM标签的方式

DOM操做之——获取DOM标签的9种方式

获取DOM节点的方式

DOM操做之——DOM节点类型及属性

DOM元素的增删改

DOM操做之——元素的增删改、样式修改、插入内容

操做DOM元素样式

4、JS进阶提高

1八、变量提高

JS中的变量提高机制

1九、带 var 和 不带 var 的区别

在全局/私有上下文中：带VAR和不带VAR的区别

20、做用域和做用域链查找机制

做用域和做用域链查找机制｜内附思惟导图

2一、堆栈内存的释放

JS中堆栈内存的释放问题

2二、闭包的机制

JS中的闭包机制

2三、let 和 var 的区别

ES3 定义变量 和 ES6 定义变量的区别

2四、单例/工厂设计模式

JS中的单例/工厂设计模式

2五、面向对象理论基础

JS中的面向对象OOP理论基础

2六、构造函数建立自定义类

构造函数建立自定义类

2七、原型和原型链

JS中的原型和原型链

2八、给原型扩展属性和方法

2九、THIS 问题

JS中THIS相关问题梳理

30、call/apply/bind

3一、获取数组最大/小值的三种方法

获取数组中最大值/最小值的三种基础方法

3二、类数组转数组的五种方法

3三、ES6语法

ES6箭头函数和剩余拓展运算符

ES6 解构赋值

ES6 class建立类

3四、多种继承方式

JS中的多种继承方式

3五、检测数据类型的四种方法

JS中数据类型检测四种方式的优缺点

3六、正则表达式

JS中的正则表达式&&全面梳理｜内附思惟导图

正则表达式基础

正则的匹配和捕获

正则相关知识

3七、JS中的盒子模型

JS中的盒子模型

3八、JS中CSS样式的获取方式

3九、严格模式和非严格模式的区别

非严格模式 🆚 严格模式的区别｜附思惟导图

40、动画处理——CSS3动画

4一、动画处理——JS动画

4二、插件封装思想

插件封装｜封装一个属于本身的轮播图插件——左右切换版

4三、回调函数相关知识点

4四、深浅克隆和深浅比较

深克隆 VS 浅克隆｜深比较 VS 浅比较｜回调函数

4五、事件

事件及事件绑定 && 事件对象及事件传播——基础知识（脑图梳理）

经常使用的事件行为

事件对象

事件传播机制

DOM0和DOM2

mouseover 和 mouseenter

事件委托

4六、柯里化函数编程思想

4七、promise基础

4八、promise基础之then

5、HTTP基础篇

从在地址栏输入网址到看到页面的过程&&AJAX基础｜脑图梳理

4九、客户端和服务器交互基础

50、URL解析

5一、HTTP请求

5二、浏览器渲染页面的主体流程

5三、回流和重绘

5四、同步异步

5五、AJAX的串行和并行

5六、AJAX基础知识

5七、AJAX中的全局刷新和局部刷新

好了，基础知识就在这里告一段落了，上文算是笔者对目前所文章的一个大总结，也是每个前端应该掌握的最基础的知识，固然这只是基础知识，码农码农必不可少的必然是多练习，多敲代码，但愿这条路上的咱们都能轻轻松松的获得本身想要的😄，加油哦各位！！！

小芝麻深知，文章还有不少不足，内容也不是很全面，但愿可以获得各位大佬的指点😄

最后总结整理不易，望您赏个赞再走😄，（PS：若是此次能成功升到三级小芝麻就.....（干什么由您决定））

铭谢：

知识点不少，整理这些图片也是为了后面在想深刻的时候，可以温故知新；

分享到这里能被更多伙伴承认和使用，也是笔者之幸😁