资讯专栏INFORMATION COLUMN

nodejs通过响应回写的方式渲染页面资源

xiaotianyi / 3391人阅读

摘要:我们一般通过框架提供的操作页面渲染,如何利用原始回写的方式来实现同样的功能呢下面是通过提供的异步地读取一个文件的全部内容进行操作,代码如下这是一个这是一个这是一个这是一个这是一个这是一个这是一个这是一个这是一个这是一个这是一个文

我们一般通过node框架提供的api操作页面渲染,如何利用原始回写的方式来实现同样的功能呢
下面是通过node 提供的异步地读取一个文件的全部内容api readFile进行操作,代码如下:

html

  


    
    
    
    
    Document


    
这是一个div
这是一个div
这是一个div
这是一个div
这是一个div
这是一个div
这是一个div
这是一个div
这是一个div
这是一个div
这是一个div

/static 文件夹里面放test.js 和 style.css 文件

  div:nth-child(1){
    font-size: 50px;
    color: red;
}

div:nth-child(3){
    font-size: 80px;
    color: blue;
}

div:nth-child(6){
    font-size: 100px;
    color: blueviolet;
}

app.js

  // 搭建服务
var http = require("http");
var fs = require("fs");
var server = http.createServer();
server.on("listening",()=> {
    console.log("server starts at localhost 8080");
})
server.listen("8080","localhost");

//监听服务
server.on("request",(req,res)=>{
    if(req.url == "/") {//渲染html文件
        fs.readFile("./html/node.html",(err,info)=>{
              res.write(info);
              res.end();
        })
    } else if(req.url.startsWith("/static")) {//统一渲染html需要的static静态文件到页面
        fs.readFile(__dirname + req.url,(err,info) =>{
            res.write(info);
            res.end();
        })
    }
})

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/94008.html

相关文章

  • nodejs通过响应写的方式渲染页面资源

    摘要:我们一般通过框架提供的操作页面渲染,如何利用原始回写的方式来实现同样的功能呢下面是通过提供的异步地读取一个文件的全部内容进行操作,代码如下这是一个这是一个这是一个这是一个这是一个这是一个这是一个这是一个这是一个这是一个这是一个文 我们一般通过node框架提供的api操作页面渲染,如何利用原始回写的方式来实现同样的功能呢下面是通过node 提供的异步地读取一个文件的全部内容api rea...

    worldligang 评论0 收藏0
  • 前端20个灵魂拷问 彻底搞明白你就是中级前端工程师 【下篇】

    摘要:安装后已经完成了安装,并且等待其他的线程被关闭。激活后在这个状态会处理事件回调提供了更新缓存策略的机会。并可以处理功能性的事件请求后台同步推送。废弃状态这个状态表示一个的生命周期结束。 showImg(https://segmentfault.com/img/bVbwWJu?w=2056&h=1536); 不知不觉,已经来到了最后的下篇 其实我写的东西你如果认真去看,跟着去写,应该能有...

    fireflow 评论0 收藏0
  • 前端周报:前端面试题及答案总结;JavaScript参数传递的深入理解

    摘要:前端面试题及答案总结掘金技术征文金三银四,金九银十,用来形容求职最好的几个月。因为的存在,至少在被标准化的那一刻起,就支持异步编程了。然而异步编程真正发展壮大,的流行功不可没。 showImg(https://segmentfault.com/img/bVVQOH?w=640&h=319); 1、2017前端面试题及答案总结 |掘金技术征文 金三银四,金九银十,用来形容求职最好的几个月...

    ermaoL 评论0 收藏0
  • GitHub 值得收藏的前端项目[每月更新...]

    摘要:也是一款优秀的响应式框架站点所使用的一套框架为微信服务量身设计的一套框架一组很小的,响应式的组件,你可以在网页的项目上到处使用一个可定制的文件,使浏览器呈现的所有元素,更一致和符合现代标准。 GitHub 值得收藏的前端项目 整理与收集的一些比较优秀github项目,方便自己阅读,顺便分享出来,大家一起学习,本篇文章会持续更新,版权归原作者所有。欢迎github star与fork 预...

    maxmin 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<