美文网首页基础前端
使用 MockJs — 实现真正的前后端分离

使用 MockJs — 实现真正的前后端分离

作者: CondorHero | 来源:发表于2020-12-11 00:35 被阅读0次

前言:刚刚看了下简书的后台,发现我技术文章中,阅读留言最多的是关于移动端的文章,甚至还有人付费赞赏或咨询。关于 PC 端的技术文章就显得比较冷清了,唉,废了好大劲写的,没人看。和我想的一样,移动端才是王道,下次找工作我也搞移动端😂

背景: 去年我写了一篇 学习使用 json-server 和 mockjs 的文章,当时没有仔细研究,文章只提到了 MockJs 其中一个 Random 的用法,关于 MockJs 拦截器和另一个很常用的 Mock.mock 函数都没有提及。这次来搞一下。

唉!以前我也是经常会听到前后端分离这个名词,只模糊的知道它最重要的一个作用就是,大大的提升了前端的地位。但是平时在开发的时候,我也会想奶奶的,没有接口这前端不就写了一个破页面,后期还的和后端对接口,对接口的时候花费的时间,肯定是不比前端开发的时候短,工期上最起码一半一半吧,这也就前后端分离,我这个小脑袋就不是太明白了。

不过我现在是终于搞明白这个问题了,对于前端来讲,真正的前后端分离,标志是不依赖后端的前端工作开发完成,项目基本宣告结束。后端开发完接口,只需要提换一个 URL 就行了,这也意味着前端需要去写一些接口。

除了带来开发任务稍微重点外,我至少看到了两个最大的优点:

  • 前端可以深入理解项目,毕竟也像后端写接口了,对项目的理解比之前只写页面深入多了。
  • 编程能力大大的提高,基本前后端都干了,算是入门全栈工程师了。

我体会最深就是这两点。

插曲:对了,今天中午我捡到一个手机,我必须要用一张动图来描述下:

郑伊健第一诫(www.52doutu.cn:m:103)(2020-12-08)

这个经典的 GIF ,来自郑伊健的恐怖电影「第一诫」,清凉一冬,绝对值得一看,虽然剧情有很大的 bug ,但是港片就这点好,它有很抓人的地方,让你觉得特别好看。

正文由此开始:


待续~~~

相关文章

  • 使用 MockJs — 实现真正的前后端分离

    前言:刚刚看了下简书的后台,发现我技术文章中,阅读留言最多的是关于移动端的文章,甚至还有人付费赞赏或咨询。关于 P...

  • vue使用模拟数据

    在项目中尝试了mockjs,mock数据,实现前后端分离开发。关于mockjs,官网描述的是1.前后端分离2.不需...

  • 2019-11-28

    关于mockjs模拟数据的使用 一、 本文主要结合webpack+vue+mockjs,前后端分离,模拟后端接口数...

  • Vue<mock.js的使用>

    效果图: vue+mockjs 模拟数据,实现前后端分离开发 首先 npm install mockjs --sa...

  • mockjs

    mockjs是用来模拟后台请求,并生成模拟数据的一个插件。实现前后端分离开发,前端不用在后端功能还未开发完成的情况...

  • 六大接口管理平台,总有一款适合你的!

    前后端分离绕不开的接口测试 先聊一聊前端和后端分离的优点。前后端分离优点如下: 真正的实现前后端解耦,前端服务器使...

  • 前端使用mockjs模拟数据

    前后端分离的开发模式已经很成熟了,前端不再依赖后端接口,独立进行开发,今天写一下关于mockjs模拟数据的使用方法...

  • vue+mockjs 模拟数据,实现前后端分离开发

    vue+mockjs 模拟数据,实现前后端分离开发总结起来就是在后端接口没有开发完成之前,前端可以用已有的接口文档...

  • 前后端分离的好处

    前后端的分离也实现了前后端架构的分离,带来的好处有: *整个项目的开发权重往前移,实现真正的前后端解耦,动态资源和...

  • [技术探索]前端实现后端数据模拟的几种方法

    1.0 MockJs Mock官网案例 用法简单:符合直觉的接口。 前后端分离:让前端攻城师独立于后端进行开发。 ...

网友评论

    本文标题:使用 MockJs — 实现真正的前后端分离

    本文链接:https://www.haomeiwen.com/subject/crlqgktx.html