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

boyanx4个月前技术教程11

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

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

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

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

从定义来看:

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

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

从使用来看:

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

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

举个生活上的例子:

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

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

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

谢谢观看。

标签: jq库

相关文章

如何在JavaScript中限制输入框的字符长度?

在 JavaScript 语言里,有多种方式可以能够有效地对输入文本框的长度进行精准的断言限制。下面为您详细介绍常见且实用的实现方法。其中一种方式是过 JavaScript 的内置函数和属性,如 ma...

你是怎么发现另一半出轨的?网友:原来男生才是天生的福尔摩斯

刷到是缘分,感谢大家的阅读,希望您能动动小手帮忙点赞,关注,评论。你的支持和鼓励是我前进的动力。在此祝福大家天天快乐,日日开心!0102还有一个更绝的情况,一名男子在百度地图街景中意外发现了他妻子与一...

文章和PPT配图有救了!SVG绘图专家智能体大揭秘

阿里妹导读 本文分享如何使用 DeepSeek-V3-0324 和 Claude 3.5 或...

国内四大主流报表工具深度对比之多样性数据源

本次评测聚焦于几款主流报表工具:润乾报表、帆软报表、Smartbi、永洪 BI。所有工具都支持关系型数据库(通过 JDBC 接口),就不再对比了。这里仅对比文件数据源、Webservices 接口数据...

javascript中const/let/var的用法区别及使用场景

给大家建议使用的优先级:const > let > var 首先const声明常量的好处,一是阅读代码的人立刻会意识到不应该修改这个值,二是防止了无意间修改变量值所导致的错误,另外其实js...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。