更快学习 JavaScript 的 6 个思维技巧入门指南_技巧菜鸟教程网

我们在学习JavaScript,或其他任何编码技能的时候,往往是因为这些拦路虎而裹足不前:有些概念可能会造成混淆,尤其当你是从其他语言转过来的时候。找不到时间(有时是动力)学习。很容易忘记已经理解了的东西。工具多又在不断变化,所以不知道从哪里开始。幸运的是,这些拦路虎是可以被识别,并消灭的。在这篇文章中,我将介绍六个思维技巧来帮助你更快地学习JavaScri

更快学习 JavaScript 的 6 个思维技巧入门指南

我们在学习JavaScript,或其他任何编码技能的时候,往往是因为这些拦路虎而裹足不前:有些概念可能会造成混淆,尤其当你是从其他语言转过来的时候。找不到时间(有时是动力)学习。很容易忘记已经理解了的东西。工具多又在不断变化,所以不知道从哪里开始。

更快学习 JavaScript 的 6 个思维技巧入门指南_技巧菜鸟教程网

幸运的是,这些拦路虎是可以被识别,并消灭的。在这篇文章中,我将介绍六个思维技巧来帮助你更快地学习JavaScript,并成为一个更快乐、更富有成效的程序员。

1.不要让未来的决策阻止你现在前进的方向

很多人学习JavaScript,问的第一个问题往往是“我应该使用哪个框架?”。但是,如果你还没有掌握最最基础的JavaScript,那这显然是一个错误的问题。你将你所有的时间用来研究不同的框架,于是,你开始停滞不前。

帮助摆脱这种陷阱的方法之一是画一个你需要学习的路线图。例如,要想成为一个前端开发者,你的路线图可能是这样的:

 更快学习 JavaScript 的 6 个思维技巧入门指南_技巧菜鸟教程网

进一步分解的话,你可以做一个只有HTML和CSS的功能性web页面。然后像这样一步步列出每个步骤,那么对于现在应该专注于做什么,就一目了然了。你也不会浪费时间去担心应该以后操心的事情。

2.不要让自信诱骗你忘事

快速了解一个概念,也许是学习JavaScript的道路上最影响你进步的事情之一。下面请允许我解释一下。

当你读到某些东西,你觉得的确如此的,那么很可能就会直接跳到下一个内容。然后你觉得接下来这个内容也非常浅显易懂,于是继续往下看。但很快,你会发现你已经忘记了前面自认为已经掌握的内容,所以只能回过头去温习。你快速地浏览了一遍,感觉又明白了,然后继续前进。但是你又发现自己忘记了别的东西。你一直处在这个循环中,直到最终迷失了自己。你不由地气馁,想着那先休息一下吧,然而当你休息完了再回来的时候,你发现你已经忘记了所有的内容。

解决这个问题,也很简单,只需要两步:

限制一次学习的量。

实践——实际编写代码。

当你去学习一个新概念的时候,一定要试用它,摆弄它,熟悉它,甚至将它和其他概念结合起来。而且实际输出到示例代码中非常重要,因为这能帮助你消化吸收它。此外,限制一次学习的量,有助于记住资料,道理也很简单,东西越少越好记。

虽然这种学习进程会让你感觉所需的时间更多,但实际上恰恰相反,因为你不再需要走那么多的回头路。我也是经过了很多次惨不忍睹的教训才明白了这个技巧。

3.用正确的心态去做练习

很多人认为反复的练习特别无聊,所以他们通常会选择跳过或尝试走捷径。如果你快进JavaScript练习,那么最终反而需要更多的学习时间。试着让练习变得令人感兴趣,这样是不是就不会那么抗拒呢?

试着转变心态:

如果让你学习一个新的JavaScript概念,却不能试试,会怎么样?你是什么感觉?从我个人而言,我会特别懊恼。这就像一个孩子得到一个新的玩具,却不能玩一样。

当你学习JavaScript中一些新内容的时候,试着将它当作新玩具,新车,新鞋,或者其他任何你有兴趣尝试的东西。然后不要将练习当作工作,要将练习当作是玩耍。用新技能去尝试一些很酷的东西。让你自己都不由的惊叹。然后显摆给你的朋友看。

用一种游戏的心态,你会学得更快,记得更久,拥有更多的乐趣。

4.写代码的时间魔法

在学习JavaScript中最常见的问题是,找不到时间写代码。但是,与此同时,却有大把大把的时间浏览各种网站,如Facebook,YouTube,维基百科和Reddit等。

我有好几次,一开始只是想打开Facebook,看一小会,然后不知不觉就发现已经看了几个小时。这是怎么发生的呢?或许正是因为我并不打算看很长时间。万事开头难,一旦开了头,后面陷进去就变得容易多了。但是如果有人问我,是否愿意花时间在Facebook上,我会坚决地说不,因为我本身时间就不够用。然而,只允许看一会会时间往往更容易接受,然后深陷其中。

好消息是,你也可以利用同样的心理来学习写代码。一开始不要想着要编码几小时,因为你永远找不到这么多的时间。就告诉自己你要去写3分钟的代码。这样你永远也不用愁挤不出时间了。

5.思考得更慢,学得更快

这听起来貌似有悖常理,下面我会用一个小故事解释。

我的一个朋友曾经对JavaScript的某个功能感到困惑。于是,我让他详细地说一遍哪些是他知道的,然后给他解释他感到困惑的那部分。不过,当他检查代码片段的时候,我注意到有一段代码,他说得非常仓促。

“等一下!”我说, “慢点讲,每一步都详细地说一下。”

我的朋友继续给我做代码发生了什么的全面总结。

我只好再次叫住他。 “你还是太仓促了。再试一次,但这次,我希望你能从字面上去检查每一行代码,告诉每一行的代码都发生了什么。”

这次,我的朋友终于能够很好地解释代码中正在发生什么。问题的关键是,他终于可以一步一步地检查了代码片段,而不是囫囵吞枣想要一次性理解所有代码。

在类似于这样的情况下,思考得更慢实际上能让你学得更快。

6.首先用简明的语言来写复杂的代码

如果碰到一段复杂的或你不熟悉的代码,那么先用通俗易懂的语言写出来。这样一来,你就可以在写代码之前明确地知道你想要代码做什么。这么做有两个好处:

代码更易写,因为你不需要总是停下来想,你想要它表现什么。

在bug发生之前就能捕捉到,因为你对代码应该做什么有一个明确的概念。

结论

我们已经讨论了一堆如何更快地学习JavaScript的方法,而且你也可以将这些技巧应用到其他的技能上。下面来回顾一下:

不要担心以后会做什么决策,先好好深入学习。

将新技能当作玩具一般快乐地练习。

以小承诺的方式找时间来写代码,就像你一开始安慰自己只逛一小会时间网站。

慢下来,步子迈的越小,学得越快。

海计划公众号
(0)
上一篇 2020/03/29 01:45
下一篇 2020/03/29 01:45

您可能感兴趣的内容

  • nodejs如何下载图片?使用帮助_图片小白教程

    nodejs下载图片的方法如下:nodejs可以使用request依赖包来下载图片。需要先安装request依赖,然后使用request向网页发出请求,最后将图片下载到本地。安装依赖npm install request实现代码var fs = require(‘fs’);
    var request = require(“request”);
    var src

    2020/03/24
  • 大型web系统架构详解入门指南_架构教程视频

    动态应用,是相对于网站静态内容而言,是指以c/c++、php、Java、perl、.net等服务器端语言开发的网络应用软件,比如论坛、网络相册、交友、BLOG等常见应用。动态应用系统通常与数据库系统、缓存系统、分布式存储系统等密不可分。大型动态应用系统平台主要是针对于大流量、高并发网站建立的底层系统架构。大型网站的运行需要一个可靠、安全、可扩展、易维护的应用

    2020/04/03
  • this指向问题的经典场景菜鸟教程下载_this攻略教程

    1、以函数形式调用,this指向windowfunction fn(m,n){m=2;n=3;
    console.log(this.m,n);//undefined,this指向了window
    }
    fn();2、以方法形式调用,this指向调用方法的那个对象box.onclick =function(){this.style.backgroundColor =

    2020/03/31
  • 树状图基础指南_在线流程图制作工具

    树状图基础指南 官方网址:http://www.lizibuluo.com/tree/ 简介描述:在线流程图制作工具 「树状图」是一个可以可以用来在线制作树状流程图(思维导图,或组…

    2020/03/11
  • 如何修复 WordPress 中的 HTTP 错误小白常识_WordPress小白攻略

    如何修复我们会向你介绍,如何在 Linux VPS 上修复 WordPress 中的 HTTP 错误。 下面列出了 WordPress 用户遇到的最常见的 HTTP 错误,我们的建议侧重于如何发现错误原因以及解决方法。1、 修复在上传图像时出现的 HTTP 错误如果你在基于 WordPress 的网页中上传图像时出现错误,这也许是因为服务器上 PHP 的配置

    2020/04/05
  • deck-of-cards使用帮助_一款非常炫酷的HTML5扑克牌卡片动画类库

    deck-of-cards使用帮助 官方网址:https://deck.of.cards GitHub:https://github.com/deck-of-cards/deck-…

    2020/03/08
  • React 项目结构和组件命名之道小白知识_react教程视频

    React 作为一个库,不会决定你如何组织项目的结构。这是件好事,因为这样我们有了充分的自由去尝试不同的组织方式并且选取最适合我们的方式。但是从另一个角度讲,这可能会让刚刚上手 React 的开发者产生些许困惑。我将会在本文为大家展示我已经使用过一段时间并且效果不错的方式,这些方式没有通过重新造轮子来实现,而是通过将社区中的方案组合和提炼得到。注意:这里没有

    2020/04/03
  • 两种前端路由的实现方式基础指南_路由小白指南

    两种前端路由的实现方式前后端分离开发模式,后端会把路由控制丢在前端,这几天再开发单页面小的项目,手动撸了个路由。前端路由实现有两种方法。1. history.pushState/ history.replaceState / window.popstateHTML5 History API包括2个方法:history.pushState()和history.

    2020/04/03
  • 大数据框架有哪些?Hadoop、Spark等5种大数据框架对比小白帮助_大数据菜鸟教程网

    大数据处理框架是什么?处理框架和处理引擎负责对数据系统中的数据进行计算。虽然“引擎”和“框架”之间的区别没有什么权威的定义,但大部分时候可以将前者定义为实际负责处理数据操作的组件,后者则可定义为承担类似作用的一系列组件。例如Apache Hadoop可以看作一种以MapReduce作为默认处理引擎的处理框架。引擎和框架通常可以相互替换或同时使用。例如另一个框

    2020/03/31
  • 乐职网零基础入门_互联网猎头招聘服务平台

    乐职网零基础入门 官方网址:https://www.lezhi.com/ 简介描述:互联网猎头招聘服务平台 乐职微猎头,联想之星投资的互联网猎头服务平台,基于PC和移动端、结合招聘…

    2020/03/06
  • Macaca入门教程_一套面向用户端软件的测试解决方案

    Macaca入门教程 官方网址:https://macacajs.com/ GitHub:https://github.com/alibaba/macaca 简介描述:一套面向用户…

    2020/03/06
  • Rocket菜鸟攻略_一个rust的web框架

    Rocket菜鸟攻略 官方网址:https://rocket.rs GitHub:https://github.com/SergioBenitez/Rocket 简介描述:一个ru…

    2020/03/06
  • less文件转换为css文件使用教程_less基础教程

    Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、函数等功能,让 CSS 更易维护、方便制作主题、扩充。本文主要介绍less文件如何转化为css文件。1.首先,你要确认你的电脑已经安装了node。使用 npm 安装 lessc,命令行:npm install -g less2.然后,进入需要转换的less文件的

    2020/03/31
  • Node.js Express 的使用入门知识_Express基础指南

    以下内容,基于 Express 4.x 版本Node.js 的 ExpressExpress 估计是那种你第一次接触,就会喜欢上用它的框架。因为它真的非常简单,直接。在当前版本上,一共才这么几个文件:lib/
    ├── application.js
    ├── express.js
    ├── middleware
    │ ├── init.js
    │ └── qu

    2020/03/29
  • webpack配置css浏览器前缀小白知识_前缀菜鸟攻略

    webpack打包时,css自动添加浏览器前缀。我们需要用到一个Loader:postcss-loader,和一个插件:autoprefixer安装npm i postcss-loader autoprefixer -D方法一1.在webpack.config.js文件中,找到module下的rules属性,在里面添加一个对象,完整代码如下:module:{

    2020/03/29
  • 前端手写代码原理实现小白常识_原理入门基础

    前端手写代码原理实现小白常识 前言 现在的前端门槛越来越高,不再是只会写写页面那么简单。模块化、自动化、跨端开发等逐渐成为要求,但是这些都需要建立在我们牢固的基础之上。不管框架和模…

    2020/03/20