大佬教程收集整理的这篇文章主要介绍了node网页分段渲染详解,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
页面渲染,通常来说分为前端渲染以及后端渲染。前端渲染指的是服务端返回html框架以及模版,前端通过ajax异步请求拉取数据渲染模版,并动态修改dom,形成最终页面。服务端渲染则是服务端通过在后端拉取数据以及后端模版渲完整页面,并返回到客户端。2种方法各有好处,后端渲染带来的则是首屏时间的提高,减少请求次数,利于SEO等好处。但是传统后端直出渲染需要等到整个网页渲染完成,才能返回到客户端。假如某个区块拉取数据比较慢,影响了渲染的速度,那对于用户来说,等待的时候也会跟着变长对于后端渲染能否跟前端ajax渲染一样,分块分区域传统的服务端直出渲染,下面将提供一种@L_489_9@案-网页分段渲染。
首先我们先看下传统的渲染方式:
http="require("http");" const="" fs="require("fs");" var="" tpl1='测试render Helloword$data1
' ;="" var="" tpl2='$data2
' ;="" var="" html='' ;="">
var server = http.createServer((req,res)=>{
if(req.url!=="/favicon.ico"){
res.writeHead(200,{
'Content-Type' : 'text/html'
});
getDataOne((data1) => {
getDataTwo((data2) => {
res.end(tpl1.replace(/\$data1/g,data1) + tpl2.replace(/\$data2/g,data2));
})
});
}
}).listen(3000,'127.0.0.1');
function getDataOne(fn){
setTimeout(() => {
fn('11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111');
},5000);
}
function getDataTwo(fn){
setTimeout(() => {
fn('22222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222');
},5000);
}
以上是大佬教程为你收集整理的node网页分段渲染详解全部内容,希望文章能够帮你解决node网页分段渲染详解所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。