第一章学习预览
1-1简介
学习点
ps:学前要有一些NodeJs、Express、React、Redux、Webpack、Es6的基础知识
1-2客户端渲染
查看网站的源码，你会发现页面上面并没有看到我们希望的div结构，而是只有一个root的根入口，下面加载一个js文件，网站的内容是通过这个js渲染出来的，而这个js又是存储在客户端浏览器本地的，所以我们称之为：“客户端渲染”
效果图
1-3服务器端渲染
服务端在返回 html 之前，在特定的区域，符号里用数据填充，再给客户端，客户端只负责解析 HTML 。
效果图
1-4 React 客户端渲染的优势与弊端
效果图
客户端渲染（CSR）:
因为需要从服务器端下载html文件、js文件、js文件在运行编译，最后再渲染到页面上，所以导致首屏渲染的事件会很长
因为渲染的html文件中只包含root和js文件，而爬虫的过程不会去js文件中查找关键字，所以导致seo很差，网站排名不会很靠前
服务器端渲染（SSR）:
因为只需要将html文件下载到本地，直接渲染即可，所以首屏加载的速度要快一些
因为渲染出来的内容，包含很多浏览器可捕获的东西，所以有利于seo
总结
第2章 React中的服务器端渲染
本章将借助Node.js，Webpack等工具的帮助，带大家实现一个非常基础的基于React.js技术栈的服务器端渲染模型，过程中还会讲解虚拟DOM与服务器端渲染的内在联系。
网友评论