学习JavaScript的经验和步骤

都知道JavaScript是web前端必须学习的，那么要系统的学习JavaScript，需要首先掌握HTML和CSS，这是基础，也是学习JavaScript的时候需要用到的知识。

1、学基础语法2、学算法3、学源码我的js学习一直遵循这三个步骤，不断循环。基础是任何编程语言的根本，任何时候，都不应该抛弃。这里说的算法不是指狭义的快排、冒泡，而是指解决问题的方法，比如想要替换字符串，该怎么实现，用正则，还是字符串截取或者其他方案，可能会有很多办法，将每种能想到的方案封装成函数，进行比较和优化，可以提高自己的思维能力。学源码是很重要的一步，github 上有很多优秀的源码，用来解决各种问题，自身花时间去研究他们，对js的掌握会更加得心应手。学好js，两点最重要，基础+思想。

一、清晰的JavaScript学习路线：A：js基础部分，如：定义变量、函数、数组、字符串等的处理，内置函数、内置对象等。B：js面向过程编程思想，封装出各个函数，试着用这些去做一些常见的小功能，如：选项卡，自定义多选按钮，自定义播放器，3D幻灯片；C：js面向对象编程思想，试着去封装一些你自己的对象，提供出有意义的接口出来；D：学了上述的内容，然后学常用的库，这里必须学jquery;E：学基于Jquery之上的常见插件，如：bootstrap,Layer,富文本编辑器等。F：综合应用上面的多种库写实际项目的模板，多写几套。二、完整、系统的学习计划+学习周期（24天）内容介绍：1. 学习JavaScript基础语法规则。2. 学习DOM和BOM对象的属性和方法,以完成网页常见的交互效果。3. 深入理解 ECMAScript 的知识体系及工作机制，熟悉 ES6+ 新的语法特性，注重抽象思维的培养，具备面向对象编程的的能力。4. 利用 axios 发起 Ajax 请求，实现前后端的数据交互。并讲解 HTTP 请求的过程以及 Ajax 的底层原理。深入学习 JS 异步的底层原理，能够使用 Promise 处理异步操作，并使用 async/await 简化异步操作。5. 能够创建 Git 仓库管理前端项目，基于 Git 分支进行多人协同开发，并且能够把本地的 Git 仓库同步到远程码云或 Github 仓库中。

Js给初学者的印象总是那么的“杂而乱”，相信很多初学者都在找轻松学习Js的途径。在这里给大家总结一些学习Js的经验，希望能给后来的学习者探索出一条“轻松学习Js之路”。

Js给人那种感觉的原因多半是因为它如下的特点：

A：本身知识很抽象、晦涩难懂，如：闭包、内置对象、DOM。

B：本身内容很多，如函数库、对象库就一大堆。

C：混合多种编程思想。它里面不但牵涉面向过程编程思想，又有面向对象编程思想，同时，它的面向对象还和别的编程语言（如：C++，JAVA，PHP）不大一样。就好像又是新的一样，让你对曾经学的面向对象产生了怀疑......

D：辛苦学习后又看似和实际应用脱节。通常学了很久的js基础之后，变量、函数、对象你也都略知一二，但一到公司开发项目的时候，却又难以下手。因为公司在开发实际项目的时候通常都是直接用它的衍生库，如：jquery，angular，boostrap，amaze，layui，ueditor等，而这些库又多如牛毛，同时还有自己的难点。让你都不知道该学哪个好，甚至都怀疑自己学的是不是js了，好像有多个版本的js一样，总是学不完......



那么，怎么才能在js领域内学的轻松甚至游刃有余呢？我总结了一些实战意义的js学习经验：

1.首先要紧紧抓住它的地位

时刻都不能忘记，否则很容易犯“一叶障目不见泰山”的错误。不要学了很久就知道js是编程语言，就是写代码，而且特点就是乱七八糟就完了，那样是学不好js的。要时时抓住它的地位，确切的说是它在整个Web中的地位：它属于前端的核心，主要用来操控和重新调整DOM，通过修改DOM结构，从而来达到修改页面效果的目的。要用这个中心思想去指导后续的一切js的学习，并且形成条件反射。



2.要有一条清晰的学习路线

这个只能是过来人给你提供参考了。我的学习路线如下：

A：js基础部分，如：定义变量、函数、数组、字符串等的处理，内置函数、内置对象等；

B：js面向过程编程思想，封装出各个函数，试着用这些去做一些常见的小功能，如：选项卡、自定义多选按钮、自定义播放器、3D幻灯片；

C：js面向对象编程思想，试着去封装一些你自己的对象，提供出有意义的接口出来；

D：学了上述的内容，然后学常用的库，这里必须学jquery；

E：学基于jquery之上的常见插件，如：bootstrap，Layer，富文本编辑器等；

F：综合应用上面的多种库写实际项目的模板，多写几套。



3.从多角度去学习和领悟

充分调动你所学的东西，从多角度去做某一功能，如：以前你是从面向过程角度做的，现在改为从面向对象的角度再来做，或者继续做成可以直接使用的插件，提供属性、方法等出来。争取让你做的这个功能逐渐能使用到实际项目中来。这样的好处：既综合应用了你的所学，又能有实际意义。



4.注意培养信心

此时的你，不适合一来就看很复杂很炫的网页效果的源代码，也不适合一来就学jquery，angular，vue，bootstrap这些东西。这些内容包含了很多深奥的知识在里面，在没有任何基础的情况下直接学这些，会严重打击你的自信心。而此时你是弱小的，你需要的是培养信心，而不是反过来，否则结局很可能是“夭折”，离学有所成也就遥遥无期了。



5. 多写总结

这种总结不但包括源代码、显示效果截图，还应该很容易犯的错误和对应的解决方法以及最后一两句精简的结论性语句。对自己写的总结不是写完了就了事了，要多回顾、多改进、多精简。到做项目的时候，应该是看里面的一两句话就知道是讲什么了，而不要再去看长篇大论了。



6.构建知识导图

这个可以让你越学越清晰，你可以按你喜欢的任何形式去做，只要自己印象深刻就行。

注意：知识导图也应该是经常修改、修正，让它更合理、更清晰。

【导读】：Ben Northrop 在 2016 年满了 40 岁，本文是他对职业生涯的思考。他认为从长远来看，应该多投资一些不容易过期、衰竭期较长的知识领域中。

我是一名程序员，几个月前刚过完 40 岁生日。某个星期六的早晨，我参加了一个 React Native 技术交流会，演讲者正在竭力说服我们为什么它会成为移动开发领域真正的下一个大事件。但对我来说，它有点像 15 年前的 JSP，将所有的逻辑都放在演示代码里面。但我“老”了，我认为这是因为自己还没有完全理解它。

演讲者展示完 PPT 后，现场进行编码，还展示了大约半打我没听说过的配套工具，这些都让我感到有点沮丧。

当然，我并不是真的惊讶。在过去 20 年里，我也掌握了一些比较流行的技术，并享受驾驭它们的乐趣。新的东西总能给编程带来一丝激动的体验，并且能让事情变得更容易、更快和更清楚。但是在这个特别的早晨，在40岁的这个门槛上，我不得不承认我感觉有些落伍。我知道如果想跟上节奏，我得继续付出，抛弃一些已经充分吸收的知识，吸收一些新的知识，为下一次旅程做准备。

我在想，我的编程生涯不像其他的专业人士，医生到了 40 岁不用担心他对血管系统的知识会蒸发，同样的，律师、水管工、会计、英语老师，也是如此。他们积累的知识是相对稳定的，并随着年龄会给予他们相应的尊重和补偿。但是在编程领域，20年的经验，似乎并没有赋予同样的优势。

两个概念

当然，我们的行业也不是那么糟糕 —— 程序员需要爱上很多东西 —— 有趣的是，无休止的跟进，好像是我们这个领域或多或少独一无二的特点。编程生涯是真的如此不同吗？如果是，为什么？对我们的事业轨迹来说又意味着什么？我想从以下两个观点来尝试回答这些问题。

第一个是知识衰退。我们所知道的一切，不仅仅是编程，都有一个有效期，过了这个期限将不再有用。我16岁学会了开车，到现在依然用的很好，这种技能可以认为有一个相对较长的半衰期 。医生的知识会越来越渊博，是因为他学习的每一件事情都是基于他以前的知识。而在编程领域，无论好还是坏，我认为：

程序员所积累的编程知识在十年后将有一半没用。

这可能有些偏激……但起码对我来说，似乎是正确的。如果我在这个期限中不学任何其他的东西，我敢打赌，只有大约一半的知识我可以在 2026 年继续使用（比如长期活着的 SQL ），另一半可能都是没用的（React Native，也许？） 。当然，我会不断获得新的知识来取代要死掉的那些东西，但这足够吗？ 2026 年我会比现在知道更多（有用的）知识吗？

这也就是带来了第二个概念，知识积累速度。在所有领域，必须满足一定的知识门槛才能获得“认证”（或至少可聘用），职业生涯的早期通常都是在努力获取知识。然而，在编程领域，由于知识的快速衰减，似乎我们从来没有真正度过“学生时期”，我们必须永远一直学习。

三个阶段

如果去记录程序员的知识衰退和积累速度，我认为可能会是这样：

在职业生涯的开始，可以称之为热切的学徒阶段，积累知识比较容易。一切都是新的，每个经验都是获得更多知识的工具。而且，由于年轻，我们不会有太多的义务，所以可能不介意花几个晚上和周末拿起新的语言和框架。重要的是，雇主对我们的期望值也比较低，我们可以在工作期间抠出一点时间来填补知识。这是一个有趣的阶段，连自己都没意识到自己有多坚持。

然后，我们不再是新手，成为了自给自足的开发者。我们在学习中的投资已经得到回报，所知道的一切全部有用。在这个充满知识的阶段，我们开始赢得客户、同行和管理者的尊重，获得头衔、薪水和机会。虽然我们当时不一定看得出来，但这也是一个重要的转折点。

两件事情发生了。首先，“高级”的晋升不仅仅是金钱，而是更多的期待。雇主需要他们的“明星程序员”成为领导者 – 帮助初级开发人员，审查代码，执行访谈，参加更多会议，帮助他们维护、构建复杂的旧版软件。这一切都很合理，但它巧妙地牺牲了我们的知识积累速度，我们不再有时间去读一些科技博客、文章。第二，这时候，我们首次体会到（或至少认识到）一点点知识的朽烂，早期学到的一些东西开始过时了。

随后，我们进入第三个，也是最后一个阶段，衰落和流失。是的，我们是知识渊博和富有成就的，但我们也明白，事实上知道的已经比最初阶段更少（有用的）东西。我们可能没有时间积累足够的新知识来填补，这是令人沮丧的。我认为这就是为什么，在这时候，许多人开始转向 – 管理、销售、测试或农业（我的梦想）。我们意识到需要再次努力来保持我们的水平和熟练度 – 不然的话，我们的工作会在5年后比现在更糟。

两个方向

我正处于第三阶段。我还是很喜欢学习，但我明白，不努力的话，我可能会一直保持在“专家”的平衡状态边缘。

首先，我尝试采取长远的观点。不要过度榨取自己，要尽可能的取得获得新经验的机会。我看到不少同事虽然获得了丰厚的薪酬，但职业很少有机会接触新兴事物。再过五年，他们会意识到他们的宝贵知识已经蒸发，薪酬与实际价值相去甚远。在某些情况下，我认为短期内赚更少的钱（有更好的雇主）会在长期的职业生涯中产生更多的钱（和稳定）。

第二，考虑到时间有限，我试图去学习那些耐用的知识。也就是说，把精力投入在那些有更长的衰减期的知识上，比如，算法逻辑、应用安全、性能优化和架构。