分类：ssr

2020
12-14

node koa2 ssr项目搭建的方法步骤

一、创键项目1.创建目录koa22.npminit创建package.json，然后执行npminstall3.通过npminstallkoa安装koa模块4.通过npminstallsupervisor安装supervisor模块,用于node热启动5.在根目录下中新建index.js文件，作为入口文件，内容如下：constKoa=require('koa');//Koa为一个classconstapp=newKoa();app.use(async(ctx,next)=>{awaitnext();ctx.response.body='Hello,koa2!';});app.listen(... 继续阅读 >

2020
09-28

Vue SSR 即时编译技术的实现

当我们在服务端渲染Vue应用时，无论服务器执行多少次渲染，大部分VNode渲染出的字符串是不变的，它们有一些来自于模板的静态html，另一些则来自模板动态渲染的节点（虽然在客户端动态节点有可能会变化，但是在服务端它们是不变的）。将这两种类型的节点提取出来，仅在服务端渲染真正动态的节点（serverPrefetch预取数据相关联的节点），可以显著的提升服务端的渲染性能。提取模板中静态的html只需在编译期对模板结构做解析... 继续阅读 >

2020
09-24

vue ssr+koa2构建服务端渲染的示例代码

之前做了活动投放页面在百度、360等渠道投放，采用koa2+模版引擎的方式。发现几个问题相较于框架开发页面效率较低，维护性差兼容性问题，在页面中添加埋点后发现有些用户的数据拿不到，排查后发现通过各个渠道过来的用户的设备中仍然包含大量低版本的浏览器。 服务端渲染 服务端渲染和单页面渲染区别查看下面两张图，可以看到如果是服务端渲染，那么在浏览器中拿到的直接是完整的html结构。而单页面是一些scri... 继续阅读 >