1.3前后端分离阅读笔记1

1. 前后端不分离：ui写html，css，后端套模版（将css和html套入服务器模版引擎中）和编写js逻辑。会出现前后端耦合的串行开发流程。
   
   缺点：效率低下，比如bug修复需要调动整个团队修复（从前端到后端）


2. 前后端分离的优点
   
   开发角度：实现前后端并行开发，缩短开发周期。
   
   测试解读：前端工程师和后端工程师更快速和更准确的定位问题。
   
   部署角度：将静态文件和动态文件分离部署，同时结合回滚策略，简化了部署流程，增强了应用程序的健壮性。


3. 前端工程师负责的内容：css和图片等媒体资源，js逻辑，html。


4. 对于前端工程师而言，后端工程师唯一产出的就是数据。


5. 前后端分离要解决哪些问题
   
   开发角度：

• 静态资源：js，css，图片等，不需要服务器做任何处理。不依赖任何服务器环境，只要最终在浏览器环境解析。


• 动态资源：html模版，除非是spa，否则还是要面对前后端最难解耦的html模版。


• html处理方案：

1. spa项目，不存在html模版概念，html实体内容都是由js在浏览器下生成的，可以把html文件作为静态文件处理。


2. html模版由服务器端部署的项目，最终的html模板需要与服务器代码一同打包部署。


3. 大前端项目，前端工程师负责与客户端相关的所有文件，包括静态文件和html。这是最理想的模式。

• 大前端不是全栈工程师的原因，大前端不接触数据库。


• html模版由服务器端部署的项目，要解决3个问题：

1. html模版引擎的支持。有很多种，根据服务端编程语言的不同，部署难度也不同。容易的：python，nodejs，php。难的：java。成熟的团队都有中间层，java承载大后端的数据服务，中间层用容易部署的语言php或者python或者nodejs。


2. html模版的初始数据。可以用mock解决，但是前后端要提前约定好接口的请求规范和数据结构。


3. 各种异步数据接口的数据。可以用mock解决，但是前后端要提前约定好接口的请求规范和数据结构。

测试角度：