程序员的知识教程库

网站首页 > 教程分享 正文

Javascript 从入门到精通的学习路线

henian88 2024-08-17 16:06:13 教程分享 8 ℃ 0 评论

背景知识: 在学习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
  • 常用函数的封装
  • ...


如果你有需要详述的部分,可以评论留言,会将其展开详述。

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表