vlambda博客
学习文章列表

前端框架和库的区别,对比Vue和JQuery,一分钟了解

这两年转项目管理了,很久没写代码。最近难得有空,打算学一学Vue3。

之前一直做后端,没用过Vue,写页面都是走的服务端渲染模板的方式。要做js操作,直接用JQuery就行,开箱即用没有学习成本。

现在前后端分离的方案已经是主流了,后端专注写API。所以涌现了很多前端框架,Vue是最热门的前端框架之一。现在我们的所有开源产品前端都是基于Vue构建的。

前后端分离

Vue是框架,它和JQuery这样的库有什么区别呢?

从定义来看:

库是集合了某些对象、方法和函数的工具箱,用于解决具体问题或者满足特定范围的开发,我们只要清楚工具箱的使用方式,就可以调用工具箱的工具完成操作。

框架是一套架构和方法论,涵盖了整个开发过程的方方面面,是一个完整的开发解决方案,它的范围覆盖了库。

从使用来看:

两者有完全不同的用法。对于库,我们是写代码,调用了库的方法,完成某个操作。对于框架,我们是写代码,放在了框架里面,框架执行了代码,完成某个操作。

核心区别就是控制权不同:我们调用库,框架调用我们,框架实现了控制权反转。用一张图来说明。

控制反转

举个生活上的例子:

做菜的时候,买了菜,调料,锅铲,刀具。我们把菜洗干净,切好,放锅里炒熟再放调料装盘。我们是主体,使用工具,做一道菜。

踢球的时候,联赛制定了规则,安排了裁判。我们什么时候踢,做什么动作,结果怎么认定都有规则。联赛是 主体 ,我们依据制度踢比赛,赢得冠军。

知道框架和库的区别之后,需要先转变以往的开发思维,这样才方便开启Vue3之旅。

谢谢观看。