学习一个新框架最正确的姿势

为什么我们要用框架

框架能提高我们的开发效率,能约定代码书写规范,能大大的节省我们的时间,减少bug出错几率,为团队的协同作战提供了一个方便的途径。

这是对于相对比较大的项目来说是这样的。

一般我们选择框架的时候,主要考虑复杂性和效率。

这里的复杂性指,框架本身的复杂性,框架的学习成本,业务本身的复杂性

效率指,团队开发效率,出问题解决bug的效率。

学习一个新框架最正确的姿势_第1张图片

但是:

对于一些小型的项目,如果业务需求比较固定,功能不是很复杂,项目的后期扩展不是很多,一般我们可以直接使用原生的JavaScript去实现,而不去使用一个框架。

框架是怎么产生的

一个框架的诞生必定要经历一下几个步骤

学习一个新框架最正确的姿势_第2张图片

如何入手

第一次接触到一个新框架的时候,首先从整体把握一下框架,看看这个框架的出发点是什么,有什么特点,它主要是解决了什么问题。

了解了这个框架大体思路后,然后再去看一些经典问题的解决方案。

比如:单页应用,看完框架完成后,我们要知道这个数据流向是怎么走的。

当然,在学习,体验新框架的时候,我们肯定会碰到很多拦路虎,不过没有关系,由于之前积累的经验,这些都不是什么问题。

学习一个新框架最正确的姿势_第3张图片

把握框架的主线

抓住了框架的共性,我们可以根据这个共性去思考我们考虑的解决方案。

比如我们在移动端上,我们做的单页应用,那我们要问问自己,单页最基本的最通用的问题是什么?路由,模块化,组件化,前后台数据交互。

这里有一条主线:通过路由,对应到页面,每一个页面,是通过组件开发出来的,每个模块里面的都有数据交互。

那我们现在就要想想现在这个新的框架怎么解决这些问题,主动的去看,去落实这些问题。

比如说vue.js框架.对于路由,有vue-router的解决方案,组件化,有vue-loader的解决方案,对于数据交互,我们有vue-resource的解决方案。

当然我们践行这些方案的时候。要用到一些基本的知识的。

比如怎么写vue的循环,分支,事件,传值,传参等问题。也会碰到一些问题,但是不要偏离这个主线。

学习一个新框架最正确的姿势_第4张图片

对比框架

对比是非常重要的,也是一定是需要的。

之前我们用过的某一个框架,和现在这个框架有什么区别。

对现在这个新的框架是否有一些借鉴,之前的思路是什么,之前碰到的哪些问题,当时怎么去解决这些问题的,当在学习新的框架中,如果我们碰到了问题。

我们可以通过这个思路去通关,当然随着新的框架的学习越来越多,后面也会越来越顺利,解决问题的能力也会很强。

学习一个新框架最正确的姿势_第5张图片

努力去践行

现在我们需要把这个框架应用到一个案例中去。可以找一个之前熟悉的功能比较齐全的项目。

按照现在这个框架的思路,去实现他,在践行的过程中,可能会碰到各种各样的问题。

但是不要灰心,把这个功能,用现在这个框架去实现它。

学习一个新框架最正确的姿势_第6张图片

你可能感兴趣的:(学习一个新框架最正确的姿势)