分享一下我在搭建博客的过程中，服务器的搭建到项目打包、部署上线的过程，这篇文章讲的是centos安装docker，docker下配置、并运行vuenuxt的srr服务端渲染项目、后台vue-element-admin项目、mysql数据库、后端springBootjar包项目以及nginx服务的容器、镜像。推荐使用termius，可以去我的公众号输入termius获取破解版（win+mac），需要termius详细破解步骤的可以看我写的另一篇文章：https://baijiahao.baidu.com/builder/preview/s?id=1740108535112836052好了，废话不
单页面(SPA)与服务端渲染(SSR)，概念、区别，优缺点什么是单页面应用？什么是多页面应用？二者有什么区别？1、单页面应用与多页面应用：单页面顾名思义就是整个应用只有一个Html页面，页面的切换其实是组件的切换。这样设计的好处就是不进行页面的切换应用会更加流畅，用户体验好，不需要记载整个页面。良好前后端分离，切换组件通过发ajax请求资源，服务端不进行渲染，服务端压力小。单页面的缺点有以下几点：初次加载时间长，为实现单页面的应用功能，需要在加载页面时JS和CSS统一加载；由于只有一个页面，不能使用浏览器的前进后退功能；对SEO很不友好，这一点单独解释。2、为什么单页面应用对SEO不友好？SE
本文以React、Vue为例，介绍下主流的渲染模式以及在主流框架中如何实现上述的渲染模式。前置知识介绍看渲染模式之前我们先看下几个主流框架所提供的相关能力，了解的可跳到下个章节。挂载组件到DOM节点这是主流框架最基本的能力，就是将组件渲染到指定的DOM节点上。在React中所使用的API是render，在Vue中所使用的是createApp后的mount。水合水合用来将组件渲染到已有的静态内容上，用于为静态页面恢复其交互和动态能力。在React中所使用的API是hydrate（React18前的版本）和createHydrate（React18），在Vue中所使用的是createSSRApp后
我的网站百家饭OpenAPI平台是vuepress写的，前段时间我还写了个专栏讲了vuepress2.0教学。最开始我们的网站是类似公司网站的情况，以介绍为主，后来又加了一个openapi编辑器，编辑器主要在一个页面里面，vuepress还勉强可以用，虽然其中出现了一些小的问题，但是还是被我们坚持下来了，但是最近遇到的一个问题，让我们不得不在部分页面改用别的框架来搭建一个完全独立的部分。这就是vuessr的hydration问题。（以下vue都包含vue，vuepress，nuxt等vue体系下的框架）什么是ssrssr是serversiderender的简称，就是服务器端渲染，我们知道最开
ReactSSR-写个Demo一学就会今天写个小Demo来从头实现一下react的SSR，帮助理解SSR是如何实现的，有什么细节。什么是SSRSSR即ServerSideRendering服务端渲染，是指将网页内容在服务器端中生成并发送到浏览器的技术。相比于客户端渲染（CSR），SSR一般用于以下场景：SEO（搜索引擎优化）：由于部分搜索引擎对CSR内容支持不佳，所以SSR可以提升网站在搜索引擎结果中的排名。首屏加载速度：由于SSR可以在服务器端生成完整的HTML页面，用户打开网页时能够更快地看到内容，不会看到长时间的白屏，可以提升用户体验。隐藏某些数据：由于CSR需要从服务器将数据下载下来进
Lec8~91ScreenSpaceAmbientOcclusion（SSAO）2ScreenSpaceDirectionalOcclusion（SSDO）3ScreenSpaceReflection/Raytracing（SSR）1ScreenSpaceAmbientOcclusion（SSAO）SSAO：屏幕空间环境光遮蔽——一种对全局光照效果的近似屏幕空间：只使用从相机出发渲染得到的信息，可以理解额为对已经渲染好的图像做后处理。注意与RSM这种基于图像的技术相区别。（RSM的思路是先从light对场景先进行处理，得到一些texture存放的三维场景信息，再进行光照计算）为什么需要算AO？
前端渲染方案SSR/SSG前端SSR(Server-sideRendering)与SSG(StaticSiteGeneration)是两种不同的技术，用于提高网站性能和用户体验。SSR：服务端渲染ServerSideRender，PHP/Java/Python后台基本能力，生成HTML模板，交由浏览器渲染。SSG：页面静态化StaticSideGeneration，把node提前渲染成HTML前端SSR与SSG的区别前端SSR(Server-sideRendering)与SSG(StaticSiteGeneration)是两种不同的技术，用于提高网站性能和用户体验。SSR技术是在服务器端生成完
关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题吗？更新问题，以便editingthispost提供事实和引用来回答它.关闭3年前。Improvethisquestion我使用React+redux+EJS(带有服务器端渲染)开发了一个应用程序，它在生产中运行良好。我已经使用webpack配置配置了SSR+redux和所有代码拆分的东西。我还实现了自定义缓存中间件来缓存SSR呈现的html字符串(根据需要)。现在，有人告诉我要重构代码以适应next.js框架，我想知道这样做的真正需要。如果我已经想出了不用next.js框架来做SSR的方法，那么使用next
关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题吗？更新问题，以便editingthispost提供事实和引用来回答它.关闭3年前。Improvethisquestion我使用React+redux+EJS(带有服务器端渲染)开发了一个应用程序，它在生产中运行良好。我已经使用webpack配置配置了SSR+redux和所有代码拆分的东西。我还实现了自定义缓存中间件来缓存SSR呈现的html字符串(根据需要)。现在，有人告诉我要重构代码以适应next.js框架，我想知道这样做的真正需要。如果我已经想出了不用next.js框架来做SSR的方法，那么使用next
我正在使用apollo和next，最近我注意到自定义路由会破坏SSR。通常，如果您浏览页面，apollo会缓存查询，并且当您下次访问该页面时，它会从缓存中提供所有内容。但是，对于自定义路由，从不使用缓存。我还注意到，当我单击这些页面时，控制台中会闪烁一个错误。但它很快就消失了，我无法在这里复制它。Server.js//server.get('/about-us',(req,res)=>app.render(req,res,'/about'));server.get('/about',(req,res)=>res.redirect(301,'/about-us'));菜单点击处理程序co
