背景知识: 在学习Javascript之前,HTML/CSS基础知识时必备的
Javascript 是什么
一般情况下,Javascript 是一个运行在浏览器上的脚本语言,使网页具有交互性。(另外:node.js可以运行在服务器环境,起步时不做详述)
交互性指的是: 操作页面的元素,比如点击按钮时弹出提示、页面实现一些动画;与服务器进行数据交互;处理用户的输入等场景。
Jascript 基础学习路线
- 变量, 数据类型,function(函数)
- Js表达式和语句
- 数组(Array)以及其原生方法(Array.prototype.foreach, Array.prototype.indexOf, Array.prototype.join, Array.prototype.concat,Array.prototype.push,Array.prototype.pop,Array.prototype.shit,Array.prototype.unshift,Array.prototype.slice)
- 对象(Object),以及其原生方法(遍历Object,Object.keys, Object.assign, Object.create, Object.entries)。
- 操作Dom的原生API(创建DOM,改变DOM样式或者属性,删除DOM)
- 事件监听和冒泡机制
- 请求数据的原生API(Fetch)
学会这些, 恭喜你,你不是小白了!!可以实现绝大多数的页面了!!
Javascript 进阶学习路线
- 作用域和闭包
- this, call, apply 和 bind
- setTimeout, setInterval 和 requestAnimationFrame
- 同步和异步
- class
- 原型链和原型方法,instanceof
- Dom树和渲染过程,回流和重绘
- 图片格式、加载过程、基础优化方法
- Promise
- 消息队列和事件循环,宏任务和微任务
了解了这些,你就可以去学习各类前端框架了,不论是Vue、react,还是框架使用、框架源码,你都可以知其然之气所以然。
当然你也可以继续进阶,钻研:
Javascript 王者学习路线
- 递归
- 数据结构和算法
- JavaScript 引擎
- 偏函数, 柯里化, Compose 和 Pipe
- 常用函数的封装
- ...
如果你有需要详述的部分,可以评论留言,会将其展开详述。
本文暂时没有评论,来添加一个吧(●'◡'●)