![[微笑]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_1.7d9f699.png)
🏻
用户8559817276303
获得徽章 0
客户端渲染就是 data + template = html 过程在客户端进行，服务器直接转发静态 html 资源即可。
常见的形式就是：
打包的时候生成只有css、js等外链标签的空白页面，客户端在请求时，服务端不做任何处理，直接以原文件的形式返回给客户端客户端，客户端获取到页面后，在加载完js后才通过js来渲染页面内容。
优势和劣势
优势：
服务器压力小，只用进行转发较小的静态页面
前后端分离，代码逻辑更清晰，不需要考虑代码能不能在服务端运行，不需要考虑服务端的一些注意事项。
可以进行局部刷新，无需每次请求完整页面、交互好可实现各种效果
劣势:
不利于 SEO：网络爬虫可能看不到完整的程序源码，获取不到页面关键信息。不过现在有的搜索引擎也可以了。
首屏渲染慢：渲染前需要下载一堆 js 和 css 等，而且很多并不是首页需要的 js 和 css，不过按需加载也可以加快首屏加载，下载js和解析js的时间成本都不太低。
常见的形式就是：
打包的时候生成只有css、js等外链标签的空白页面，客户端在请求时，服务端不做任何处理，直接以原文件的形式返回给客户端客户端，客户端获取到页面后，在加载完js后才通过js来渲染页面内容。
优势和劣势
优势：
服务器压力小，只用进行转发较小的静态页面
前后端分离，代码逻辑更清晰，不需要考虑代码能不能在服务端运行，不需要考虑服务端的一些注意事项。
可以进行局部刷新，无需每次请求完整页面、交互好可实现各种效果
劣势:
不利于 SEO：网络爬虫可能看不到完整的程序源码，获取不到页面关键信息。不过现在有的搜索引擎也可以了。
首屏渲染慢：渲染前需要下载一堆 js 和 css 等，而且很多并不是首页需要的 js 和 css，不过按需加载也可以加快首屏加载，下载js和解析js的时间成本都不太低。
展开
评论
点赞
超文本传输协议（Hyper Text Transfer Protocol，HTTP）是一个简单的请求-响应协议，它通常运行在TCP之上。它指定了客户端可能发送给服务器什么样的消息以及得到什么样的响应。请求和响应消息的头以ASCII形式给出；而消息内容则具有一个类似MIME的格式。这个简单模型是早期Web成功的有功之臣，因为它使开发和部署非常地直截了当。
评论
点赞
![[呲牙]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_2.cd1e2bd.png)