前言
特意制作了一个Js整体的学习路线以及相关知识点博客讲解以及各类网站学习的资源整合,希望对你有帮助哈~
废话少说,我们直接进入正题,先放上路线导图:
部分重要知识点
基础性知识
·声明变量
·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 接口参考
在线网站
1、菜鸟教程
菜鸟教程算是学编程的人人尽皆知的一个网站了,对于Js、前端等都有一个非常体系的知识点划分归纳,页面简洁无广告
网页链接:https://www.runoob.com/
2、W3school
知识模块清晰的列了出来,页面简介无广告,且提供对知识点的检验测试
网页链接:https://www.w3school.com.cn/b.asp
3、MDN
外国的网站,现已经有中文文档,虽然整体上还留有部分英文,但关键知识点部分已经全部汉化
网页链接:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript
4、siki学院
前端课程体系化视频免费,对于前端开发的整个流程都可以有一个体系化的学习
网页链接:https://www.compilejava.net
5、蓝桥云课
视频学习网站,大部分的基础课程免费
网页链接:https://tool.lu/coderunner/
写在最后
原生JS基础十分的重要,循环渐进式的学习就不要纠结自己在原生JS上花的时间是否太多,后面要学习的内容都是建立在此的基础之上,基础的知识需要的是时间的沉淀以及大量的代码实操,相信你按照这样的一个心态去学习,无论后面学习什么,你都能在心中做出一个合理的规划,包括以后JS的更新换代,你都能有自己的学习方法和技巧,希望对你有帮助!