前言
觉得吃力是很正常的,首先这证明你在某些知识点上没有理解透彻,JS挺多的知识点点其实是比较抽象的,比如闭包、原型和原型链等,其次便是不会变通运用,这主要是敲代码熟练度的问题,所以我针对你这种情况提供给你一些学习的方法以及相关知识点的学习路线供参考》
1、认识到JS在前端中的作用是什么,重视原生Js的学习。
2、设计一个合理的学习路线,合适的学习路线可以帮助你循循渐进的掌握Js的知识点,我下面会分享自己总结的学习路线以及知识点的链接资源整合供参考(详见下文)。
3、无论你是采取看视频还是查文档等的方式去学习,一定要学会自我总结,听完一个知识点以自己的理解对对应知识点归纳,确保自己回头再看时能看明白。
4、思维导图,做的时候很痛苦但是做的是一个十分有效的复习和查缺补漏的方式,它可以会直接的呈现你对于一个知识点的掌握程度,同时也能及时补漏。
5、项目实战,做项目能最快的帮助你认识到自己对于整体Js学习的大致情况,同时体验Js的实际运用可以让你对知识点的认识达到一个新高度
下面是学习规划以及相关资源的分享:
相关教学视频
【黑马前端】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基础十分的重要,循环渐进式的学习就不要纠结自己在原生JS上花的时间是否太多,后面要学习的内容都是建立在此的基础之上,基础的知识需要的是时间的沉淀以及大量的代码实操,相信你按照这样的一个心态去学习,无论后面学习什么,你都能在心中做出一个合理的规划,包括以后JS的更新换代,你都能有自己的学习方法和技巧,希望对你有帮助!