新手学javascript重点应该学什么?

简介: 新手学javascript重点应该学什么?

关注程序员耳东,编程转码真轻松

这个问题也来自于群里的讨论,大概就是某一天群里有小伙伴说在学javascript,但是好像没有把这门语言的重点学号,因此我写一篇笔记来解答这个问题。

如果你在学习前端或者是已经工作了想系统性的扎实基础,那都可以看看这篇笔记自检一下。

首先呢,javascript可以分为下面这几个学习重点:

  1. javascript编程基础
  2. javascript语言特性
  3. javascript异步和网络
  4. dom和bom部分

接下来我详细的阐述一下各个重点的一些学习细节

javascript编程基础

编程基础这部分,其实各个语言的编程基础部分都差不太多,这部分都需要学习这些东西:

  1. 变量声明,常量声明,类型,运算符,数组操作方法
  2. 方法声明,方法的调用
  3. if else条件分支,switch条件分支
  4. for循环,while循环
  5. 在浏览器中如何调试javascript,这个很重要,因为写代码有很大一部分时间是在调试代码

这部分学习的东西主要是编程基础,几乎没有涉及到javascript的语言特性

学习这部分的时候可以找一些简单的编程题目做一下,练习编程思维,打下编程基础

javascript语言特性

语言特性这部分就会稍微难一些,而且由于javascript存在多版本语言特性(比如ES6、ES7、ES8)的问题,很多新的语法特性我们也是需要学习的

  1. 函数的作用域,闭包
  2. this的绑定,箭头函数
  3. 原型和原型链,继承,Class
  4. javascript的垃圾回收机制
  5. javascript里的函数式编程
  6. setTimeout和setInterval

这部分东西算是javascript和其他语言不太一样的东西,也算是稍微有点深入的东西

javascript异步和网络

为啥要把异步和网络这部分单拿出来呢,因为这部分在平时编码中出问题的概率比较大,而且也是使用率很高的一个部分

  1. ajax,fetch
  2. promise,async/await
  3. http基础知识
  4. 对异步、同步的理解

这部分的知识非常影响你写代码的质量,工作之后前后端交互非常多,所以这部分一定要好好学

dom和bom部分

dom和bom简单的来说就是,javascript如何处理页面上的html节点、如何和浏览器打交道的能力

  1. 如何获取html节点,getElementById,getElementByClassName,getElementByTag,querySelector等等
  2. 如何修改html节点的属性
  3. 如何遍历html节点树
  4. 如何给html节点绑定事件,事件代理,事件冒泡,自定义事件,事件的分类
  5. 获取浏览器窗口宽高,window.location的用法

这部分主要是学习如何在javascript中去控制页面展示和浏览器行为,也都是很实用的知识

总结

我写的这些只是我觉得应该重点学的javascript知识点,如果你是新手的话,尽量都去过一遍,但是不必每个点都学的特别深,因为这些知识你迟早得反复学习多遍;

但是如果你是老手的话,建议你把这些点都搞懂

关注我^_^,学习更多编程干货

相关文章
|
6月前
|
JSON JavaScript 前端开发
掌握 JavaScript:从初学者到高级开发者的完整指南之JavaScript对象(二)
掌握 JavaScript:从初学者到高级开发者的完整指南之JavaScript对象(二)
|
1月前
|
Web App开发 JavaScript 前端开发
【前端基础篇】JavaScript基础介绍
【前端基础篇】JavaScript基础介绍
15 0
|
6月前
|
XML JavaScript 前端开发
掌握 JavaScript:从初学者到高级开发者的完整指南(三)
掌握 JavaScript:从初学者到高级开发者的完整指南(三)
|
存储 前端开发 JavaScript
JavaScript 基础(3) - 笔记
JavaScript 是 Web 的编程语言。 所有现代的 HTML 页面都可以使用 JavaScript。 学习从初级到高级 JavaScript 知识。
70 1
|
设计模式 人工智能 前端开发
《现代Javascript高级教程》电子书抢先阅读,了解如何在JavaScript中构建高质量的应用程序!
本书旨在帮助学习者进阶JavaScript编程,涵盖现代JavaScript的高级概念和技术,包括异步编程、函数式编程、模块化开发、ES6+语法等。通过实际项目示例和练习,学习者将深入了解如何在JavaScript中构建高质量的应用程序。
《现代Javascript高级教程》电子书抢先阅读,了解如何在JavaScript中构建高质量的应用程序!
|
前端开发 JavaScript
前端祖传三件套JavaScript的最基础之数据类型
前端开发是一个快速变化的领域,而JavaScript是这个领域中最重要的技术之一。了解JavaScript数据类型是成为一名出色前端开发人员的第一步。
89 0
|
存储 前端开发 JavaScript
《现代Javascript高级教程》序言
序言 自己学习过程中总结的的Javascript高级教程,适合有一定Javascript基础的同学学习 在线阅读 ECMAScript 6+(ES6+):详细介绍ES6及其后续版本中引入的新特性,如箭头函数、解构赋值、模板字面量、迭代器等。同时,还介绍了ES模块化以及模块加载器的使用。
92 0
|
存储 JavaScript 前端开发
JavaScript基础(一篇入门)
JavaScript基础(一篇入门)
219 0
JavaScript基础(一篇入门)
|
JavaScript 前端开发
javascript百炼成仙 第一章 掌握JavaScript基础1.6 叶老
javascript百炼成仙 第一章 掌握JavaScript基础1.6 叶老
227 0
|
Web App开发 JSON 自然语言处理
JavaScript基础系列开篇:V8是如何运行JavaScript(let a = 1)代码的?
我们知道,机器是不能直接理解我们平常工作或者自己学习的代码的。所以,在执行程序之前,需要将代码翻译成机器能读懂的机器语言。按语言的执行流程,可以把计算机语言划分为编译型语言和解释型语言
147 0
下一篇
无影云桌面