我想许多朋友都应该有这个问题，在学习一门新技术或许新框架的时候，总感觉看了文档，看了网上一堆的教程，云里雾里，好像是理解了这些api干嘛的，但是却不知道怎么组合起来用，究其原因，有部分是文档写的不够好，其二可能是自己的知识体系不够全面，举个简单的例子，有些朋友在一开始从jQuery转到vue开发时候，要应对一大堆的东西，vue vuex webpack npm命令等等 都不知道干嘛的，但是vue的官方文档写的很好，让你很快的就能进入实际项目开发，接下去我们才是慢慢的研究其中奥义，先会用，再深入是最基本的原则，接下去我们学习react angular都是如鱼得水，除了语法的不同，其他大致上都是相差不远，好了，瞎扯的太多，原因是我发现市面上大部分教程一上来就告诉你这个干嘛用的，那个api干嘛用的，却很少组合起来搭配项目使用，让初学者很是迷茫，以下是我的一些心得，如何快速学习一个新东西。

1.粗略的看官方文档

很多朋友喜欢一上来就文档一个个都看完了，结果看完啥都不知道。。其实这是很忌讳的，首先我们要先对这个东西有一个基本的了解，他是干什么的？能做什么？能给业务带来什么便捷之处？在了解这些之后我们就可以开始粗略的看文档了.这时候千万别着急看什么原理啊（可能官方都会解释为什么这么做）基本可以忽略不看.OK 我们有了最基本的认识，接下来就得动手了

2.尝试跟着官方的快速入门或者教程

基本情况下，官方一般都会有快速入门案例或者教程，这个时候我们可以跟着官方的demo，一步步尝试，但是大部分官方的demo小而太全，往往对完全新手不是十分的友好.这个时候我们对一个基本的框架已经有了认识，接下去我们就可以接入完整的开发流程了.

3.寻找相关技术栈demo

在GitHub搜索相关的demo，无疑能快速的整合我们的思绪，比如我们已经了解了react的用法，但是此时我们想整合react-router或者mobx，官方文档看了又十分抽象，最佳的办法就是上GitHub上搜索一下相关的demo，但是记得要看相关版本的以及贴合你所迷惑的，我们研究一下demo是怎么整合在项目里面的，给我们一个整体的思绪.这个时候我们需要第二次看文档，配合着看，别人是怎么做的，文档是如何解释的，寻找最佳实践.

4.动手做一个小demo

在动手之前，我们需要以及具备各方面的基本了解，如果我们在学习webpack构建，那么我们要选择自己最熟悉的库或框架，以减少其他错误成本，比如你想从0开始构建一个react项目，这个时候你react又只是懂一点点，webpack又一点点，但是你想整合起来一起实践，实际上会增加大部分的调错时间，出了问题你都不知道是哪里的问题，我们就专注webpack构建就好了.
在我们拥有所需的储备能力之后，就可以开始动手，配合着文档与他人的demo，将会事半功倍.
很多时候我们并不需要了解很多奇奇怪怪的业务场景，因为当你真正需要用到的时候，你自然而然就会了

5.深入了解

完.