自学前端的时候，关于联调的知识要怎么学

[godbasin]

之前有小伙伴问我，前端自学的时候学会了写页面，但是还是距离很多公司要求的“来了直接干活”有点距离，问关于登录态管理、前后端联调的知识要去了解哪些。 我想了下，这块内容的确网上比较少，所以就简单整理了下，包括 HTTP 请求相关的，还有我们工作中经常会说到的代理配置、接口定义等等，还有前端编写异步请求、自学的时候怎么练习等等。 视频地址： https://www.bilibili.com/video/BV1dq4y1B7jn/

[zcf0508]

mock.js 模拟后端返回结果

[phub2020]

mock 正解

[di1012]

还好我是写后端的，学 vue 的时候自己造数据

[godbasin]

mock 只是一个点，对于自学前端的人来说，如果没有前后端配合的经验，对于整个前后端联调到底是指什么、要做什么、要学什么的都是很迷茫的，我以前自己学的时候也是哈哈

[SakuraPGH]

学会看接口文档和学会要接接口文档 (

[PerFectTime]

联调吗？就是前后端口口相传啊 (doge

[debuggerx]

没事自己写写后端 在一个小项目中打通整个流程 之后就了然了
整体流程包括：需求分析-产品原型设计-技术选型-前端页面拆分(既然主要是前端视角，那么可以把这一步提前放在这里)-数据库建模-后端接口设计-代码编写-接口对接-项目部署和监控
能把这一套完整搞完八成以上的中小厂工作就没啥问题了
看上去又多又杂又难 但只要有毅力 方法对 一两个月也就差不多了 关键是带着兴趣去弄 多看多学多思考 不要过分陷入细节

[javon]

html 基础吧,比如 div 、css 之类的,icon 以及图片的日常处理,比如图片要 base64 存入 html 里面之类的,页面字体的加载与使用.

然后是 js 基础,之后是 JQ 之类的,然后是框架 比如 vue 啥的

后端造数据我觉得不难,都是标准 json,或者也就是数据是加密的,你需要根据加密方式写个解密的部分,每次拿到数据进行解密的对称加密算法.

其他的感觉没有了....

[libook]

这是经验，是需要实践的，不同团队工作流程不一样，联调的细节也可能是不一样的。

我个人倾向于前后端彻底解耦，开发前前后端商定 API ，然后各自根据商定好的 API 来进行开发和测试，最终合一下就好了，商定 API 的过程中能覆盖多少细节，就看前后端开发人员的经验，一般磨合几个月就差不多了。

在此基础上，前端方面就是有一套基于既定 API 开发和测试方法，比如用哪些工具。

[dfkjgklfdjg]

mockjs 调试接口数据和页面内容展示，
在此基础上你可以使用 mock 数据生成接口文档，这个接口文档就是大部分前后端联调的关键所在。
口口相传大部分时间并没有文档来的效率高，虽然大部分公司如果不是跨部门都是直接喊....

[Jooooooooo]

这是要和公司工具紧密结合的, 公司工具做的好联调就轻松.

[tediorelee]

群主🤣

[wa143825]

我刚学的时候，接口是什么概念都不知道，几个月都搞不懂，同学带了我一下，一两天就明白了

[Justin13]

4 年了，从来没有联调过。。。

[godbasin]

@Justin13 哇，全干工程师吗？？

[godbasin]

@wa143825 是呀，就是得有人点一下就好了的

[godbasin]

@tediorelee 你怎么也来划水了

[MonkeyD1]

昨晚刚看了你呢视频

[qrobot]

@godbasin 如果你真的想系统的学习一下前后端联调。 那么我建议你看看 http 协议 和 websocket 协议

大部分常见的协议就是这些 http and websocket.

如果你 http 协议基础很牢固，那么所谓的

``
代理配置、接口定义等等，还有前端编写异步请求
```

所谓的这些基本上就不是问题了。


什么叫做前端 or 后端， 这种区分是非常不合理的。

例如在前端中的 webassembly 就需熟悉 rust or 其他, webgl 就需要学习 C or C++.

例如 webpack vite ...，就需要 go rust or nodejs ....

[Desiree]

既然是这样，为什么不把后端也学了？后端很难吗