10月初有幸接到公司官网改版需求，要求采用服务端渲染模式对原网站进行seo优化。 由于团队一直使用的vue技术栈，所以我第一时间想到的就是采用vue 服务端渲染（SSR）来实现该需求，即能减少团队其他成员后期维护的成本，又能把现有其他项目封装好的内容稍微改改就能直接copy过来…

传统的服务端渲染可以使用Java，php 等开发语言来实现，随着 Node.js 和相关前端领域技术的不断进步，前端同学也可以基于此完成独立的服务端渲染。 即：当前页面的内容是服务器生成好给到浏览器的。 右键点击 -> 显示网页源代码，如果页面上的内容在HTML文档里，是服务端…

最近在学习 React 的服务端渲染，于是使用 Express+React 写了一个 Demo，用于对比和客户端渲染的差异。github 地址 2、我们可以看到，首屏数据很快的就显示出来了，可是页面的进度条却还在加载中（因为客户端 js 很大）。 3、当进度条加载完成后，页面才…

服务端渲染的一些优缺点这里就不说了，相信大家都已经非常清楚地知道了，本文意在讲述如何将一个简单的浏览器端渲染的 React SPA 循序渐进地升级为支持服务端渲染。 在搭建服务端渲染应用之前我们现在搭建一个基于浏览器端渲染的单页应用，该单页应用包含简单的路由功能。 会很明显的发…

renderToNodeStream支持直接渲染到节点流。渲染到流可以减少你的内容的第一个字节（TTFB）的时间，在文档的下一部分生成之前，将文档的开头至结尾发送到浏览器。 当内容从服务器流式传输时，浏览器将开始解析HTML文档，有的文章称此 API的渲染速度是 renderT…

服务器端渲染(以下称为SSR)：网页通常是通过后端路由直接给客户端的。也就是说网页的html一般是后端服务器里通过模板引擎渲染好后再交给前端的。 对于其他的效果，则是由预先写在页面里的jq，bootstrap等常见的前端框架去完成的。 其实，这个就是浏览器从服务器端拿到的htm…

关于服务端渲染与客户端渲染的优劣，互联网上已经有过很多的文章进行过分析，在这里我谈一下我个人的见解。 客户端渲染的优劣则与服务端渲染相反。 在十几年前，那时候javascript还没有兴起，web开发还是使用传统的ASP、Java、PHP等语言，渲染方式也就局限于服务端渲染。但…

互联网的关键技术就是TCP/IP协议。两台计算机之间的通信是通过TCP/IP协议在因特网上进行的。实际上这个是两个协议： IP: Internet Protocol 网际协议。 TCP确保数据包以正确的次序到达，并且尝试确认数据包的内容没有改变。TCP在IP地址之上引端口（po…

最近在开发一个服务端渲染工具，通过一篇小文大致介绍下服务端渲染，和服务端渲染的方式方法。在此文后面有两中服务端渲染方式的构思，根据你对服务端渲染的利弊权衡，你会选择哪一种服务端渲染方式呢？ 使用 React 构建客户端应用程序，默认情况下，可以在浏览器中输出 React 组件，…