首页 > 其他分享 >前端-中间件

前端-中间件

时间:2022-10-26 10:02:28浏览次数:88  
标签:适配 前端 中间件 代理 性价比 鸡场 底层

知乎上面看到的一个关于中间件解释更加形象的说法。

Gocy的个人理解:将具体业务和底层逻辑解耦的组件。
大致的效果是:需要利用服务的人(前端写业务的),不需要知道底层逻辑(提供服务的)的具体实现,只要拿着中间件结果来用就好了。
举个例子:我开了一家炸鸡店(业务端),然而周边有太多屠鸡场(底层),为了成本我肯定想一个个比价,再综合质量挑选一家屠鸡场合作(适配不同底层逻辑)。由于市场变化,合作一段时间后,或许性价比最高的屠鸡场就不是我最开始选的了,我又要重新和另一家屠鸡场合作,进货方式、交易方式等等全都要重来一套(重新适配)。然而我只想好好做炸鸡,有性价比高的肉送来就行。于是我找到了一个专门整合屠鸡场资源的第三方代理(中间件),跟他谈好价格和质量后(统一接口),从今天开始,我就只需要给代理钱,然后拿肉就行。代理负责保证肉的质量,至于如何根据实际性价比,选择不同的屠鸡场,那就是代理做的事了。

作者:Gocy
链接:https://www.zhihu.com/question/19730582/answer/140527549
来源:知乎

标签:适配,前端,中间件,代理,性价比,鸡场,底层
From: https://www.cnblogs.com/duocaishijie/p/16827247.html

相关文章

  • 前端react面试题(边面边更)
    React声明组件有哪几种方法,有什么不同?React声明组件的三种方式:函数式定义的无状态组件ES5原生方式React.createClass定义的组件ES6形式的extendsReact.Component定......
  • 前端面试题之手写代码篇
    前端面试题之手写代码篇:https://loveworld.blog.csdn.net/article/details/117464917?spm=1001.2101.3001.6650.7&utm_medium=distribute.pc_relevant.none-task-blog-2%7E......
  • 【2022-10-25】前端Vue框架(二)
    一、Style和class数据绑定语法:属性名=js变量/js语法:class=’js变量、字符串、js数组’class:三目运算符、数组、对象{red:true}:style=’js变量、字符串、js数......
  • 微前端之三 · 微前端开发中的要点
    css隔离同时加载多个应用可能出现样式互相覆盖的问题,特别是引入了第三方UI库的时候。我们采取了两个方案:对于面向客户的页面,我们使用css-in-js的模式(Emotioncss)开......
  • 【测试全栈化--前端学习】(16)input属性提交和重置
    在第15课,我们学习了HTML中<form>属性里的inputtype里name和value属性。value属性值其实还没有说的特别清楚,再继续说下。这里请输入用户名和密码里的值,就是value值,可以在......
  • 前端文件下载问题
    1,下载后端返回的blob文件//下载blob文件(注意请求需要加上responseType:'blob')exportconstdownloadBlob=(res:Blob,fileName:string):void=>{letblo......
  • gin-中间件实现
    1.无中间件启动#使用r:=gin.New()#替代//默认启动方式,包含Logger、Recovery中间件r:=gin.Default()2.中间件启动funcmain(){//创建一个不包含......
  • 墨天轮沙龙 | SphereEx代野:Apache ShardingSphere-从中间件到分布式生态演进之路
    在9月22日举办的【墨天轮数据库沙龙第十期—国产中间件专场】中,SphereEx解决方案专家代野分享了ApacheShardingSphere:从中间件到分布式生态演进之路》主题演讲,本文为整......
  • html2Canvas 前端保存页面为图片
    html2canvas 能够实现在用户浏览器端直接对整个或部分页面进行截屏。这个html2canvas脚本将当页面渲染成一个canvas图片,通过读取DOM并将不同的样式应用到这些元素上实现。......
  • 下载模板,从前端到后端
    前端Vue:vartempType="application/msexcel";   this.SearchForm.Type="2";   this.tableHeader.forEach((element)=>{    this.SearchForm.se......