服务端渲染

sequenceDiagram浏览器->>+服务器: http://duyi.com/newsNote right of 服务器: 组装页面(服务端渲染)服务器->>-浏览器: 完整页面

前后端分离

sequenceDiagram浏览器->>服务器: http://duyi.com/news服务器->>浏览器: 无内容的htmlactivate 浏览器浏览器-->>服务器: ajax服务器-->>浏览器: 各种业务数据Note left of 浏览器: 运行js,创建元素,渲染页面deactivate 浏览器

单页应用

sequenceDiagram浏览器->>服务器: http://duyi.com/news服务器->>浏览器: 无内容的htmlactivate 浏览器Note left of 浏览器: 运行js,创建元素,渲染页面浏览器-->>服务器: ajax服务器-->>浏览器: 各种业务数据Note left of 浏览器: 跳转页面浏览器-->>服务器: ajax服务器-->>浏览器: 各种业务数据Note left of 浏览器: JS重新构建页面元素deactivate 浏览器

vue框架

sequenceDiagram浏览器->>服务器: http://duyi.com/news服务器->>浏览器: 无内容的htmlactivate 浏览器Note left of 浏览器: 运行包含vue的js,使用框架渲染页面浏览器-->>服务器: ajax服务器-->>浏览器: 各种业务数据Note left of 浏览器: 使用vue-router跳转页面deactivate 浏览器
06-20 18:41