想自学JS吗？想提升JS底层原理吗？76张脑图带你彻底搞懂原生JS
站长
· 阅读数 18
"不畏惧，不讲究，未来的日子好好努力"——大家好！我是小芝麻😄
在默默的更新了一段时间的文章后，小芝麻决定励志成为一个标题党😄
别走，别走，别走啊😭.....
搞错了，下面我们正式开始；
本篇内容适用于：初学前端；及工作时间不久想回顾基础的各位伙伴；
文章主要由图片组成，看起来可能会不太方便，适合保存下来单张查看😄；
既然来了，就看看在走吧，总会有些收获的😄；
补充图片地址链接 gitee.com/jinsexiaozh…
一、前端发展史
二、JS基础入门
1、认识浏览器
2、JS基础知识
3、三大输出方式
4、数据类型基础知识
number 数据类型基础知识
string 数据类型基础知识
boolean 数据类型基础知识
Object 数据类型基础知识
条件判断里的相互转换规则
5、数据类型之间的区别（堆栈内存）
数据类型之间的区别（堆内存Heap VS 栈内存Stack）
6、JS中三种常见的判断
7、JS中的for循环
8、function的基础知识
9、数组的基础知识
10、数组中常用的方法
数组中常用的方法【补充reduce、filter、flat...】｜内附思维导图
11、Math 中的常用方法
12、字符串中常用方法
三、常用方法
13、数组去重的三种方法
14、时间格式化的三种方法
15、URL参数处理的三种方法
16、获取随机验证码
17、DOM操作汇总
获取DOM标签的方式
获取DOM节点的方式
DOM元素的增删改
操作DOM元素样式
四、JS进阶提升
18、变量提升
19、带 var 和 不带 var 的区别
20、作用域和作用域链查找机制
21、堆栈内存的释放
22、闭包的机制
23、let 和 var 的区别
24、单例/工厂设计模式
25、面向对象理论基础
26、构造函数创建自定义类
27、原型和原型链
28、给原型扩展属性和方法
29、THIS 问题
30、call/apply/bind
31、获取数组最大/小值的三种方法
32、类数组转数组的五种方法
33、ES6语法
ES6箭头函数和剩余拓展运算符
ES6 解构赋值
ES6 class创建类
34、多种继承方式
35、检测数据类型的四种方法
36、正则表达式
正则表达式基础
正则的匹配和捕获
正则相关知识
37、JS中的盒子模型
38、JS中CSS样式的获取方式
39、严格模式和非严格模式的区别
40、动画处理——CSS3动画
41、动画处理——JS动画
42、插件封装思想
43、回调函数相关知识点
44、深浅克隆和深浅比较
45、事件
事件及事件绑定 && 事件对象及事件传播——基础知识（脑图梳理）
常用的事件行为
事件对象
事件传播机制
DOM0和DOM2
mouseover 和 mouseenter
事件委托
46、柯里化函数编程思想
47、promise基础
48、promise基础之then
五、HTTP基础篇
从在地址栏输入网址到看到页面的过程&&AJAX基础｜脑图梳理
49、客户端和服务器交互基础
50、URL解析
51、HTTP请求
52、浏览器渲染页面的主体流程
53、回流和重绘
54、同步异步
55、AJAX的串行和并行
56、AJAX基础知识
57、AJAX中的全局刷新和局部刷新
好了，基础知识就在这里告一段落了，上文算是笔者对目前所文章的一个大总结，也是每一个前端应该掌握的最基础的知识，当然这只是基础知识，码农码农必不可少的必然是多练习，多敲代码，希望这条路上的我们都能轻轻松松的得到自己想要的😄，加油哦各位！！！
小芝麻深知，文章还有很多不足，内容也不是很全面，希望能够得到各位大佬的指点😄
最后总结整理不易，望您赏个赞再走😄，（PS：如果这次能成功升到三级小芝麻就.....（干什么由您决定））
铭谢：
知识点很多，整理这些图片也是为了后面在想深入的时候，能够温故知新；
分享到这里能被更多伙伴认可和使用，也是笔者之幸😁