前端框架是一种由开发人员写好的可高复用性的代码，它是一种提高效率的工具。 

     要说起前端框架，这里面的世界比较大，目前在市场上有各式各样的框架，有些是免费的，也有收费的，有些是显示性框架，也有比如打印、报表类等专业性JS框架。其实这些框架都是基于原生的JS进行开发封装的。

      随着开发技术的发展与升级，前端大概经历三个阶段：原生JS阶段，DOC操作框架阶段，还有数据驱动、模块化框架阶段。目前很少有公司还停留在第一个阶段，基本上都是处在第二跟第三阶段。

      原生JS的阶段，也是属于DOC操作，前端做一个交互可能需要写大量的代码，开发的效率比较低，而且会存在大量相同的代码。前端的开发人员将这些相同的模板代码封装起来，做成前端的工具，这样就提高了开发效率，代码也变得简洁易维护，其中最出名的为JQuery框架了。目前很多公司还是在使用JQuery作为前端的主要技术框架。

      但随着系统越来越复杂，大量的DOC操作汇聚在同一个页面很容易会导致因为多个逻辑对同一个document节点进行操作而出错。开发人员也会因为时间长了而忘了逻辑或离职后其他人接手等原因，可维护性也逐渐降低，这时候又催生了数据驱动、模块化的框架。在这个阶段，比较出名的框架有AgularJS，React，Vue。

     它们是基于数据驱动、模块化的思维进行开发，跟一下前端的开源页面框架（elementUI、bootStrap等）紧密结合，开发的效率再一步得到提高，也更加容易维护。

     如果想快速掌握前端框架，需要有良好的JS基础。前端框架里有大量优秀的代码可以学习，看框架代码是提高水平比较有效的方法。但不意味着这些框架就不存在BUG，它们也有各种各样的问题，了解框架的源码可以帮助你排查在使用框架时由于框架而产生的问题。

     具体的框架技术还需要你自行学习。