Web前后端分离知识整理

Web研发模式的演变



　　职责分离（减少扯皮，开发效率），代码分离（可维护性）

1. 简单明快的早期时代
2. 后端为主的 MVC 时代
3. Ajax 带来的 SPA 时代
4. 前端为主的 MV* 时代
5. Node 带来的全栈时代

2.后端为主的 MVC 时代

　　前端负责模版，输出静态html，后端准备model，处理业务逻辑；利于SEO；

4.前端为主的 MV * 时代

* 后端专注于提供ajax接口，前端处理数据展示
* 前端MV*（天然前后端分离），有首屏渲染问题，不利于SEO
* 约定接口规范（RESTful API）、约定返回数据格式、设置接口返回数据

　　通过这种模式，可以分离部分前后端工作。后端在项目前期书写接口并返回一些符合约定格式的数据，这样前端不必等待后端实现了接口后才开始处理数据的展示。

存在问题：有些数据是在后端设置的<title><?=getTitle()?></title>，比如首屏，并不通过ajax。

5.Node 带来的全栈时代

　　前端负责浏览器端与nodeJs。加入node层，解决了路由/首屏渲染等问题。然后前后端协作只需要约定数据接口即可。

• 优点：代码重用（模版、数据格式检查代码），bigPipe
• 弊端：需要考虑node安全

淘宝midway项目