如何系统地学习 JavaScript？
前言
在学习JavaScript前需要先将Html和Css的相关知识点弄清楚，Js的很多操作是要结合Html和Css，下面我总结了Html、Css和Js的相关学习知识点供参考，希望对你有所帮助喔~
Html
文档学习
【HTML 】w3school教程 :https://www.w3school.com.cn/html/index.asp
视频学习
【siki学院】HTML:https://www.sikiedu.com/my/course/206
Css
文档学习
【CSS 】w3school教程：https://www.w3school.com.cn/css/index.asp
视频学习
【siki学院】CSS: https://www.sikiedu.com/course/207
重要知识点
选择器优先级
·CSS选择器优先级总结
页面布局相关
·CSS盒模型详解
·display:none和visibility:hidden两者的区别
·CSS清除浮动
·CSS中的BFC是什么？怎么用？
·CSS flex布局
·CSS文本溢出部分显示省略号
·CSS(3)多种方法实现水平垂直居中效果
·细说CSS中的position属性
css3动画
[·CSS 动画](
JavaScript
文档学习
【JavaScript】w3school教程：https://www.w3school.com.cn/js/index.asp
视频学习
【黑马前端】JavaScript课程：https://www.bilibili.com/video/BV1Sy4y1C7ha/
【objtube的卢克儿】JS运行原理：https://www.bilibili.com/video/BV1vh411Z7QG/
重要知识点
基础性知识
·声明变量
·null 和 undefined
·详解JavaScript严格模式
运算符&流程控制
· 运算符
·三大流程控制语句
数组
·数组基础知识点
·数组操作函数汇总
对象
·对象详解教程
Set集合
·Set对象
· WeakSet
Map
· Map对象
· WeakMap
函数进阶
·函数声明的几种形式及用法
·立即执行函数（IIFE）
· 函数参数——深入理解参数传递、参数默认值、参数的收集与展开
·JS如何使用递归？
[·全面解析this关键字
作用域和闭包
· 执行上下文和执行栈
·作用域和作用域链
·闭包的概念、原理、作用及应用
原型与继承
·原型与原型链
·常用八种继承方案
类
·类(class) 基础知识
·Static 方法
·类继承
模块化
模块化—模块暴露与模块引入
正则表达式
·正则表达式语法大全
·全网最全JavaScript正则表达式( 校验数字和字母)
Promise
·理解JavaScript Promise
·帮你弄懂Promise原型方法then、catch、finally
·图解 Promise 实现原理—— Promise 链式调用 、
·理解 JavaScript 的 async/await )
DOM&BOM对象
·DOM绑定事件、事件流机制、事件委托、事件对象
·DOM操作整理
·BOM操作整理
· AJAX跨域
·本地存储详解
空间坐标
·空间坐标的使用
事件
·事件（event）处理
·事件参考手册
·HTML DOM 事件监听程序
网络请求
·XMLHttpRequest入门教程（非常详细）
·JS 通过 fetch 请求数据
canvas
·Canvas 教程 - Web API 接口参考
写在结尾
重点是原生Js的学习，但是不要忽视 了html和css的学习，打下一个牢固的基础对于以后是非常有帮助的，希望我这一篇文章能为你提供一点帮助~