你是否已经初步掌握了html和css，但完全不知道从何入手JavaScript？
如果是这样，这篇文章一定会对JavaScript初学者有所帮助。我们总结了JavaScript初学者的学习方法以及提高学习效率的5条建议。
1. 多看视频少看书
对于初学者来说，看书效率很低。书中大部分内容展示了核心代码，但视频展示了所有代码来演示效果。所有代码都需要初学者自学。如果只看核心代码，肯定有无穷无尽的陷阱。所以初学者应该少看书，多看视频。
2. 写代码的时间要多于看书和看视频的时间
学习JavaScript时，应该专注于写作，而不是阅读。至少一半的学习时间应该用来写代码，剩下的时间应该用来看书、看视频。几乎每个初学者都会遇到这个问题。问题是，你可以读一本书（或视频）三个小时，但仍然写不出一行代码。结果，只用了三分之一的时间。真是浪费时间！正确的学习方法是复制代码，慢慢理解，就算理解了。
3. 不可盲目追新技术
React、vue、Angular，与你无关Node、Express、Koa，与你无关grunt、gulp、webpack，与你无关JavaScript 近年来变化很快但是，如果你是初学者，你需要放下匆忙，静下心来打好基础。请记住。我是一个初学者，我使用的唯一工具是JavaScript 和jQuery。这些就足够了。我不会触及其他任何事情。
4. jQuery还没过时
有些朋友说jQuery确实注定要过时，但它还远没有过时。
首先，jQuery对初学者非常友好，即使不懂JS也可以学习jQuery。而且目前市面上的大部分网站和应用程序都是基于jQuery的，所以如果你想自学的话jQuery是必不可少的。
5. 学习的顺序
基本概念：熟悉变量、数据类型、函数、运算符、表达式和对象（自定义和内置对象）。
您只需要充分理解这些基本概念，就可以在查看概念后立即创建示例代码。
2.熟悉DOM：树结构、节点分类、添加节点、删除节点、改变属性、绑定事件。
3.熟悉jQuery：选择器、属性和样式操作、绑定事件、节点操作、动画方法。
4、使用jQuery实现网页上出现的页面效果，如轮播图、菜单效果、返回顶部等。
5.尝试使用原生js实现常见的jQuery方法。例如addClass、removeClass、index等。
如果你不能做到以上五点，就不要考虑闭包、原型继承或者ES6 中的新特性。
JavaScript 简介
JavaScript 是世界上最流行的编程语言。
这种语言可以在HTML 和Web 中使用，并且可以在服务器、PC、笔记本电脑、平板电脑和智能手机等多种设备上使用。
JavaScript 是一种脚本语言。 JavaScript 是一种轻量级的编程语言。 JavaScript 是可以插入HTML 页面的编程代码。 JavaScript 可以插入HTML 页面并在所有现代浏览器中运行。 JavaScript 很容易学习。 JavaScript：创建示例HTML 输出
document.write('h1这是一个标题/h1');document.write('p这是一个段落/p');
JavaScript：对事件作出反应
示例
button type='button' onclick='alert('欢迎！')'单击此处/buttonalert() 函数在JavaScript 中不常用，但它对于测试代码非常有用。
onclick 事件只是您将在本教程中了解的众多事件之一。
JavaScript：改变 HTML 内容
使用JavaScript 处理HTML 内容非常强大。
例子
x=document.getElementById('demo') //查找元素x.innerHTML='Hello JavaScript'; //修改内容你经常会看到document.getElementByID('some id')。该方法在HTML DOM 中定义。
DOM（文档对象模型）是用于访问HTML 元素的官方W3C 标准。
JavaScript：改变 HTML 图像
此示例动态更改HTML 图像的源(src)。
灯泡
单击灯泡以打开或关闭它
JavaScript 可以更改HTML 元素的大多数属性，而不仅仅是图像。
JavaScript：改变 HTML 样式
更改HTML 元素的样式是一种HTML 属性更改。
例子
x=document.getElementById('demo') //查找元素x.style.color='#ff0000'; //更改样式
JavaScript：验证输入
JavaScript 经常用于验证用户输入。
例子
if isNaN(x) {alert('Not Numeric')};
JavaScript学习教程
JavaScript学习教程，建议阅读Power Node老杜讲解的全套Web前端教程。典型的实践学校适合初学者和高级学生（学习基础知识）。
本视频主要讲解JavaScript（俗称JS），它是前端开发的核心技术。该视频涵盖了前端开发：JavaScript 核心语法、JavaScript 内置支持类、JavaScript 调试、JavaScript DOM 编程、JavaScript BOM 编程等等。包括小案例结案、JavaScript事件处理、JavaScript对象、继承、JSON等知识点，这个视频可以开启你的Web前端之旅。
http://www.bjpowernode.com/?toutiaoweb.chai
学习目录
JavaScript 教程JavaScript 语言特性JavaScript 配置JavaScript 与主流浏览器中BOM 和DOM 的关系JavaScript 开发工具JavaScript 基本语法HTML 嵌入JavaScript JavaScript 注解JavaScript 标识符JavaScript 保留关键字JavaScript 内置JavaScript 变量JavaScript 函数JavaScript 数据类型JavaScript typeof 运算符JavaScript 创建对象JavaScript Void JavaScript 中null、NaN 和undefined 之间的区别JavaScript 流程控制语句JavaScript 事件和事件处理程序JavaScript 常见事件和事件处理程序如何注册JavaScript 事件JavaScript HTML DOM 对象JavaScript HTML DOM 对象JavaScript BOM 编程JavaScript 窗口对象JavaScript 历史和位置对象JavaScript JSON JavaScript JSON
版权声明：本文由今日头条转载，如有侵犯您的版权，请联系本站编辑删除。