如何从零开始学习一个框架
最近我本人也在学习一些新技术:webpack + vue全家桶。实际上它俩从去年就开始很流行了,今年已经不算新了。但我之前并没有在项目中使用。
前端框架更新频率快如疯狗,有时候会给我们前端er带来心理上的恐慌:艾玛,又出新框架了,要不要开始学呀!我对此的看法是,知其存在、保持关注、不必跟风。所以我到现在才开始学习vue也不觉得丢人,敢讲出来。今天跟大家分享一下,我是如何从零开始学习一个框架的,希望能给大家带来一点收获。
平时留意相关新技术
先说一点题外的,对于新技术,我不会立马跟风去上手,但是会关注一些关于它的动态,比如说新版本发布啦,有配套框架啦等等。比如vue最近发布了2.0版本,饿了么团队打造出了一套基于vue2.0的UI框架。
保持一个关注即可,这样等你需要上手的时候,起码知道目前的大环境是怎样,哪里有好的资源。我主要通过微博来获取这些信息,我关注了很多圈内大牛,基本上业界消息不会遗漏。
搜索中文资料
对于新框架,我还是习惯先搜一下国内的资料,目的是对框架先有一个整体概览。这个阶段主要是先在脑中形成一幅蓝图,知道这个框架是如何从头到尾搭建的,有哪些坑需要注意,以及国内的使用者都是如何评价它的。
我不介意用百度,有时候也google中文,总之,能得到中文参考资料就行,毕竟读中文要比读英文快很多。因为这个阶段的目的就是快速有一个整体把握。所以一般会搜「教程」「入门」这样的关键字。
这个时候我也不着急动手写,再进行下一步。
通读官网文档
官方文档是一定要读的,否则你不知道遗漏了什么重要东西,也不知道国内的作者是不是写错了什么。这是原汁原味的一手资料,官方文档一般都会分guide和api两类。guide是引导你从头开始一步步使用框架的主要功能,api则是所有功能的一个汇总文档。
guide一定是通读,从how to install开始,不要嫌麻烦。原因很简单,你要知道如何「标准」的使用框架。在上一步搜到的中文资料中,可能有一些作者对框架的理解有出入,写的demo代码不是官方推荐的写法,如果你直接copy走,那就永远无法知道使用框架的正确姿势,原作者哭晕在厕所了。
api的话,文档量一般会很多,大概扫一扫就行,等使用的时候具体查阅。
动手搭建
