更快学习 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

您可能感兴趣的内容

  • jquery-mockjax教程视频_模拟 Ajax 请求的jquery插件

    jquery-mockjax教程视频 官方网址:http://github.com/jakerella/jquery-mockjax/ GitHub:https://github….

    2020/03/06
  • RaiseDreams指南教程_众筹系统,开源众筹系统,开源众筹系统源码

    RaiseDreams小白攻略 官方网址:http://www.raisedreams.com/ 简介描述:众筹系统,开源众筹系统,开源众筹系统源码 众筹梦想(raisedream…

    2020/03/06
  • wangEditor基础入门教程_基于javascript和css开发的 Web富文本编辑器

    wangEditor基础入门 官方网址:http://www.wangeditor.com/ GitHub:https://github.com/wangfupeng1988/wa…

    2020/03/05
  • css实现开关效果基础入门_效果基础入门

    首先是构思我们使用标签来实现这个效果。checkbox的选中、未选中的特性,刚好对应开关的打开、关闭on:打开 off:关闭

    <label fo

    2020/03/29
  • 企业网站被降权的四大因素入门基础教程_seo菜鸟指南

    企业网站是互联网企业的名片,它给企业带来的好处是毋庸置疑的。但是,这张名片需要仔细维护。每次涉及搜索引擎规则的调整时,许多网站也被降级。减少的具体原因是什么?经常更改Head标签人们的想法每天都在变化,而自然公司往往会增加新业务或减少某项业务。这是非常正常的,但如果公司增加新业务或减少某项业务。如果您想经常更改网站的Head标记,您会关注搜索引擎。虽然你不想

    2020/03/30
  • css中calc()函数小白常识_函数入门百科

    calc()函数css3中函数:用于动态计算长度值。(注意事项:运算符前后都需要保留一个空格,例如:width: calc(100% – 10px))任何长度值都可以使用calc()函数进行计算;calc()函数支持 “+”, “-“, “*”, “/” 运算;calc()函数使用标准的数学运算优先级规则案例:
    <h

    2020/03/30
  • UI Garage使用帮助_网页设计、移动UI设计欣赏

    UI Garage小白教程 官方网址:http://uigarage.net/ 简介描述:网页设计、移动UI设计欣赏 Specific design patterns for We…

    2020/03/06
  • Pinbox新手入门_互联网内容收藏存储插件

    Pinbox新手入门 官方网址:https://withpinbox.com/ 简介描述:互联网内容收藏存储插件 「Pinbox」是一个专门用用户打造的专属网络收藏夹,用户通过这款…

    2020/03/11
  • Webpack配置区分开发环境和生产环境入门基础知识_环境基础入门

    在项目开发的时候,我们通常会将程序分为开发环境和生产环境(或者叫线上环境),开发环境通常指的是我们正在开发的这个阶段所需要的一些环境配置,也就是方便我们开发人员调试开发的一种环境;生产环境通常指的是我们将程序开发完成经过测试之后无明显异常准备发布上线的环境,也可以理解为用户可以正常使用的就是生产环境;当然开发环境和生产环境在配置方面的需求是不一样的,但是有共

    2020/03/24
  • 多属性、多分类MySQL模式设计入门百科_模式菜鸟教程

    这是来自B乎的一个问答。当数据同时具备多个属性/分类时,改如何设计表结构和查询?1、需求描述我偶尔也会逛逛B乎,看到一些感兴趣的话题也会回复下。链接: https://www.zhihu.com/question/337083976/answer/767075575[mysql] 当数据同时属于多个分类时,该怎么查询?分类cate字段为[1,2,3,4,5]

    2020/03/26
  • javascript中document是什么?小白入门_对象入门基础教程

    javascript中document是window对象的属性,表示对Document对象的只读引用。Document对象是Window对象的一部分,可通过window.document属性对其进行访问。Window 对象Window 对象表示浏览器中打开的窗口。如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 wi

    2020/03/20
  • 用 JavaScript 实现单词查找树入门基础知识_树基础教程

    动机对于搜索字符串的需求,在最坏的情况下,二叉搜索树的时间复杂度可能为 O(n),“n” 是二叉树中存储的字符串的总数量。所以为了在最佳时间内搜索字符串,需要一种性能更好的数据结构。 Trie 树(又名单词搜索树)可以避免在搜索字符串时遍历整个树。仅包含字母的字符串会把 trie 节点的子级数量限制为 26。这样搜索字符串的时间复杂度为 O(s),其中 “s

    2020/03/20
  • 域名为什么会被腾讯屏蔽封禁如何查询微信域名是否被屏蔽的方法菜鸟教程网_域名入门知识

    域名为什么会被腾讯屏蔽封禁:1.域名来源,在微信有过黑历史,被人使用过在微信有过不良记录,后来被人为各种方法恢复后转到你手上,这种域名很容易被封。2.域名分享量太大。3.域名指向的站点内容违规,站点内容被微信记录html结构特征4.微信对内容违规的站点URL记录结构特征5.同行举报6.服务器ip被加入封杀黑名单如何查询微信域名是否被屏蔽的方法:不懂技术的朋友

    2020/04/06
  • 16款优秀的Vue UI组件库基础知识教程_组件入门知识

    1、 iView UI组件库iView 是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品。iView的组件还是比较齐全的,更新也很快,文档写得很详细。有公司团队维护,比较可靠的Vue UI组件框架。iView生态也做得很好,还有开源了一个iView Admin,做后台非常方便。官网上介绍,iView已经应用在TalkingD

    2020/03/20
  • 目前主流的前端框架小白常识_框架小白常识

    如今的前端已经不再像以前一样就是简单的写写页面和调调样式而已,现在的前端越来越复杂,知识点越来越丰富。要做WEB前端,就需要知道前端到底是什么,需要学习那些知识;前端至少要懂的三个部分:HTML,CSS,JavaScript(简称JS),那首先先明确这三个概念:HTML负责结构,网页想要表达的内容由html书写。CSS负责样式,网页的美与丑由它来控制JS负责

    2020/03/29
  • DOM 高级工程师不完全指南基础教程_dom使用指南

    本文干货部分翻译自: Use the DOM like a Pro译者:kyrieliu(劉凯里)“前端框架真的太香了,香到我都不敢徒手撕 DOM 了!”虽然绝大多数前端er都有这样的困扰,但本着基础为大的原则,手撕 DOM 应当是一个前端攻城狮的必备技能,这正是本文诞生的初衷 —— DOM 并没有那么难搞,如果能去充分利用它,那么你离爱上它就不远了。三年前

    2020/03/22