为什么要学mock

1. mock 是什么?
mock 翻译过来叫做模拟的意思,那么在前端里面指的是前端自己使用一定的方式去模拟生成一些测试数据。

2. 为什么要学习 mock ?
现在很多的 web 项目都是前后端完全分离的项目,后端负责提供数据,前端通过请求api 接口获取数据。
3. 为什么要前后端分离,前后端分离有优缺点?
以前的项目都是前端写好静态页面,然后把静态页面给后端,后端通过模板引擎把数据进行填充,然后返回给用户查看。(express + express-art-template 实现 ssr: 服务器端渲染)
现在的项目更多的是前后端分离,然后前端请求后台的接口,然后在客户端实现bsr(客户端渲染)(√)
主要现在是处于移动互联网的时代,大家都是重前端,轻后端。
现在多端应用特别的多,例如:普通的PC网页、手机的M站(移动站)、其他的联合项目、公众号、小程序、苹果APP、安卓APP,这些都是属于前端应用,每个应用都应该有自己的数据,但是一般来说这些端的数据都是一样的,没必要给每个项目单独的提供一套数据,我们可以只提供一套数据,然后供多端使用。出现这种前后端分离的项目。后端只负责提供数据接口,前端负责调用接口获取数据,然后在渲染数据。

前后端分离有优缺点?
优点:
1. 便于维护(提供一个数据仓库)。
2. 开发效率提高
3. 便于扩充

4. 如何使用 mock ?(如何自己去模拟出来数据,尽可能模拟出比较真实的数据)
mockjs.com 网站提供一个 mock.js 库,专业的提供各种模拟数据

http://rap2.taobao.org/account/login 网站(平台),提供一个可视化的界面,然后让我们模拟数据。

jsonplaceholder 网站,提供很多的模拟数据的接口

json-server npm 包可以管理模拟数据

https://cnodejs.org/ 网站 nodejs中文社区

juhe.cn 网站提供常见的接口

mockjs.com

猜你喜欢

转载自www.cnblogs.com/fang-1207/p/lifangfang-12_072.html