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

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

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

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

文章图片1

前后端分离

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

从定义来看:

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

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

文章图片2

框架和库

从使用来看:

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

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

文章图片3

控制反转

举个生活上的例子:

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

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

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

谢谢观看。

CSS实现拖拽功能,你是认真的吗?

我是小渔歌,点击右上方“关注”,每天为你分享【前端技术知识】干货。大家看下这个gif动态图上的拖拽效果,用CSS可以实现吗?这个时完全可以用CS

无需 JavaScript 即可创建强大的 CSS 动画效果

在本文中,我们将探索仅使用 CSS 的 Web 动画世界。我们将首先使用 SVG 和 CSS 的组合创建一个简单的动画。然后,我们将只使用 HT

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

这两年转项目管理了,很久没写代码。最近难得有空,打算学一学Vue3。之前一直做后端,没用过Vue,写页面都是走的服务端渲染模板的方式。要做js操

使用Docker+Jenkins+Gitlab+MySQL+Nginx自建一套devops系统

文章简介文本主要的内容是,利用Jenkins+Gitlab+Nginx+MySQL+Docker搭建一套公企业级的自动化系统。整个系统的流程图如

到底是RWD(响应式网页设计)好还是AWD好?

没有RWD或AWD的网站到底会怎样?先讲结论,网站流量会暴跌,RWD跟AWD就是可移动端浏览的网站,而现在用移动设备上网的比例超过80%,而且搜索引擎已经以移动端网站表现为排名依据,简单来说没有移动版的网站等于宣告死刑,无法被搜索的网站有什么用?