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

本篇文章主要介绍了详解nodejs通过响应回写的方式渲染页面资源,现在分享给大家,也给大家做个参考。

我们一般通过node框架提供的api操作页面渲染,如何利用原始回写的方式来实现同样的功能呢

下面是通过node 提供的异步地读取一个文件的全部内容api readFile进行操作,代码如下:

html

 nbsp;html>          Document  

这是一个p 

  

这是一个p 

  

这是一个p 

  

这是一个p 

  

这是一个p 

  

这是一个p 

  

这是一个p 

  

这是一个p 

  

这是一个p 

  

这是一个p 

  

这是一个p 

   

登录后复制

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

 p:nth-child(1){  font-size: 50px;  color: red;}p:nth-child(3){  font-size: 80px;  color: blue;}p: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();    })  }})

登录后复制

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

ajax读取properties资源文件数据的方法

ajax读取properties资源文件数据的方法

ajax读取properties资源文件数据的方法

以上就是详解nodejs通过响应回写的方式渲染页面资源的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2756371.html

(0)
上一篇 2025年3月8日 07:32:03
下一篇 2025年2月24日 07:57:39

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 原生nodejs使用websocket代码分享

    本文给大家分享的是在原生的nodejs中如何使用websocket实现信息传输,非常实用,有需要的小伙伴可以参考下 安装: npm  install  ws 登录后复制 服务端(nodejs): var WebSocketServer = …

    编程技术 2025年3月8日
    200
  • Javascript实现运算符重载详解

    本文给大家汇总介绍了javascript实现运算符重载的方法,实现的思路很简单,有需要的小伙伴可以来看看 最近要做数据处理,自定义了一些数据结构,比如Mat,Vector,Point之类的,对于加减乘除之类的四则运算还要重复定义,代码显得不…

    编程技术 2025年3月8日
    200
  • 如何使用JS实现查看文档创建日期、修改日期和文档大小

    这次给大家带来如何使用JS实现查看文档创建日期、修改日期和文档大小,使用JS实现查看文档创建日期、修改日期和文档大小的注意事项有哪些,下面就是实战案例,一起来看一下。 一 介绍 查看文档创建日期、修改日期和文档大小,可以使用fileCrea…

    2025年3月8日
    200
  • Js面试中容易遇到的算法

    这次给大家带来Js面试中容易遇到的算法,下面就是实战案例,一起来看一下。 推荐相关文章:2020年最全js面试题整理(最新) 素数 Q:你将如何验证一个素数? A:一个素数只能被它自己和1整除。所以,我将运行一个while循环并加1。(看代…

    2025年3月8日
    200
  • JavaScript实现简单动态进度条效果

    这篇文章主要为大家详细介绍了javascript实现简单动态进度条效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 本文实例为大家分享了js实现动态进度条效果的具体代码,供大家参考,具体内容如下 1.效果 2.源码    window…

    2025年3月8日
    200
  • 如何使用JS获取并修改input文本框数据

    这次给大家带来如何使用JS获取并修改input文本框数据,使用JS获取并修改input文本框数据的注意事项有哪些,下面就是实战案例,一起来看一下。 一 介绍 获取文本框并修改其内容可以使用getElementById()方法来实现。 get…

    编程技术 2025年3月8日
    200
  • js+css实现打字效果

    这篇文章主要为大家详细介绍了js+css打字效果的实现方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 本文实例为大家分享了JavaScript实现打字效果的具体代码,供大家参考,具体内容如下 1.效果 2.源码   #myp{ di…

    2025年3月8日
    200
  • 怎样使用JS做出动态添加HTML标记

    这次给大家带来怎样使用JS做出动态添加HTML标记,使用JS做出动态添加HTML标记的注意事项有哪些,下面就是实战案例,一起来看一下。 一 介绍 动态添加一个HTML标记可以使用createElement()方法来实现。 CreateEle…

    编程技术 2025年3月8日
    200
  • vue.js项目nginx部署教程

    nginx是一个高性能的http和反向代理服务器。这篇文章主要介绍了vue.js项目nginx部署,需要的朋友可以参考下 nginx是一个高性能的HTTP和反向代理服务器。因此常用来做静态资源服务器和后端的反向代理服务器。本文主要记录使用n…

    2025年3月8日
    200
  • 怎样使用JS求Number类型数组最大元素

    这次给大家带来怎样使用JS求Number类型数组最大元素,使用JS求Number类型数组最大元素的注意事项有哪些,下面就是实战案例,一起来看一下。 以下介绍四个方法。 1. 不使用任何库函数 代码如下: function findMax1 …

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论