客户端依赖虽无法消除，但能够像函数式编程中的副作用一样管控起来，比如将其约束到特定的生命周期函数（componentDidMount）中，使之仅在客户端执行，避免影响服务端。生命周期的差异可通过 low-code 平台让用户产生强感知，比如在编辑、预览等环节强化差异。对于不支持…

过去的开发模式中，我们采用了以后端为主的 MVC 架构方式。具体来说，每次项目评审后，前后端会先一起约定好接口，之后分别进行开发，开发完，前端需要把页面提供给后端，后端配置上数据，然后返回出来。正式基于这样的开发模式，导致了总工作量的增加，同时沟通和联调成本的消耗也十分显著。 …

最近笔者和小伙伴在研究Vue SSR，但是市面上充斥了太多的从0到1的文章，对大家理解这其中的原理帮助并不是很大，因此，本文将从Vue SSR的构建流程、运行流程、SSR的特点和利弊这几方面对Vue SSR有一个较为详细的介绍。最后还将附上一个笔者实现的去除Vue全家桶的Dem…

我们都知道，对于node来说，前端vue代码的迭代节奏是很快的，可能一周要迭代几次，但是node的迭代却没那么平凡，可能一周更新一次甚至更久，那么为了node服务的稳定，减少node服务的发布次数，是非常有用的。 为了前后端分离，我们在前端和api层中间，架构了一层node层，…

CSR是Client Side Render简称；页面上的内容是我们加载的js文件渲染出来的，js文件运行在浏览器上面，服务端只返回一个html模板。 SSR是Server Side Render简称；页面上的内容是通过服务端渲染生成的，浏览器直接显示服务端返回的html就可以…

vue-loader：将解析.vue文件，提取每个语言块，如有必要，将它们通过其他加载器进行管道传输，最后将它们组装回ES 模块，其默认导出为 Vue.js 组件选项对象。 遗留问题：1. 未将第一阶段实现的服务端渲染功能和第二阶段实现的编译vue项目功能联系起来；2. 编译之…

最近学习了 vue-ssr 服务端渲染，为了加深记忆，将使用 vue-ssr 搭建一个简单项目。 接下来就是 webpack 打包配置工作，因为存在两个 entry 入口，所以配置文件可以分成 base、client、server 三个文件，最后会打包出 Server Bund…

SSR(Server-Side Rendering)，在SPA(Single-Page Application)出现之前，网页就是在服务端渲染的。服务器接收到客户端请求后，将数据和模板拼接成完整的页面响应到客户端，客户端将响应结果渲染出来。如果用户需要浏览新的页面，则需要重复这…

这里有一张草图能大概描述这个过程嘤嘤嘤. renderToStaticNodeStream 之于 renderToNodeStream 也是不会产生data-react-*属性，对于静态页面 可以采用此方法。 服务端不存在支持组件挂载的浏览器环境，所以react组件只有comp…