• 这里的渲染,就是指生成html文档的过程,和浏览器渲染html没有关系。
    浏览器端渲染,指的是用js去生成html,前端做路由。举例:React, Vue等等前端框架。适合单页面应用程序。
    服务器端渲染,指的是用后台语言通过一些模版引擎生成html。举例:PHP文件、JSP文件、Python的Flask配合Jinja引擎、Django框架、Java配合vm模版引擎、NodeJS配合Jade。适合多页面应用。其实现在大部分网站还是这种形式。
    所以有为了让单页面应用利于SEO,让服务器和客户端同构,也使用React/Vue渲染的方案。

  • 客户端渲染路线:
  1. 请求一个html -> 2. 服务端返回一个html -> 3. 浏览器下载html里面的js/css文件 -> 4. 等待js文件下载完成 -> 5. 等待js加载并初始化完成 -> 6. js代码终于可以运行,由js代码向后端请求数据( ajax/fetch ) -> 7. 等待后端数据返回 -> 8. 客户端从无到完整地,把数据渲染为响应页面
  • 服务端渲染路线:
  1. 请求一个html -> 2. 服务端请求数据( 内网请求快 ) -> 3. 服务器初始渲染(服务端性能好,较快) -> 4. 服务端返回已经有正确内容的页面 -> 5. 客户端请求js/css文件 -> 6. 等待js文件下载完成 -> 7. 等待js加载并初始化完成 -> 8. 客户端把剩下一部分渲染完成( 内容小,渲染快 )

https://www.cnblogs.com/aliwa/p/8505284.html

最新文章

  1. C语言第五次作业
  2. VIM小技巧
  3. 采用sqlserver的缺省配置,在生产环境经常碰到系统响应慢(甚至hung的情况)
  4. iOS 8 Auto Layout界面自动布局系列2-使用Xcode的Interface Builder添加布局约束
  5. 对象(List<T>)的序列化和反序列化
  6. Go Slices: usage and internals
  7. 转:char*, char[] ,CString, string的转换
  8. 老李分享:JDK,JRE,JVM区别与联系
  9. 错误代码: 1582 Incorrect parameter count in the call to native function 'str_to_date'
  10. Java开源生鲜电商平台-系统简介
  11. 记录nodejs的writeHead
  12. Morley's Theorem
  13. Linux背背背(3)
  14. 项目没有build path问题(转)
  15. redis 集群java.lang.NoSuchMethodError:SpringJAR包版本冲突错误解决方法
  16. 【Html】Clipboard.js 实现点击复制,剪切板操作
  17. LA 3213 古老的密码
  18. 库、教程、论文实现,这是一份超全的PyTorch资源列表(Github 2.2K星)
  19. npm之使用淘宝源
  20. 前端PHP入门-018-内置函数之文件包含函数

热门文章

  1. 【操作系统之三】Linux下进程间通信-IPC(Inter-Process Communication)
  2. 原生Ajax的怎么用?
  3. 不能随便用get和set
  4. Hystrix实现ThreadLocal上下文的传递 转
  5. LuoguP3069 【[USACO13JAN]牛的阵容Cow Lineup
  6. docker搭建MediaWiki
  7. HDU校赛 | 2019 Multi-University Training Contest 6
  8. Entity Framework 学习系列(1) - 认识理解Entity Framework
  9. C#拼音帮助类
  10. 【翻译】nginx初学者指南