如何系统地学习 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的学习，打下一个牢固的基础对于以后是非常有帮助的，希望我这一篇文章能为你提供一点帮助~