nodejs通过响应回写渲染页面步骤详解

这次给大家带来nodejs通过响应回写渲染页面步骤详解,nodejs通过响应回写渲染页面的注意事项有哪些,下面就是实战案例,一起来看一下。

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

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

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();    })  }})

登录后复制

相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

推荐阅读:

注意事项

注意事项

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

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

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

(0)
上一篇 2025年3月8日 11:05:14
下一篇 2025年3月8日 11:05:23

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

相关推荐

  • nodejs中如何使用websocket(附代码)

    这次给大家带来nodejs中如何使用websocket(附代码),nodejs中使用websocket的注意事项有哪些,下面就是实战案例,一起来看一下。 注意事项: npm  install  ws 服务端(nodejs): var Web…

    编程技术 2025年3月8日
    200
  • JS怎样实现运算符重载

    这次给大家带来JS怎样实现运算符重载,JS实现运算符重载的注意事项有哪些,下面就是实战案例,一起来看一下。 最近要做数据处理,自定义了一些数据结构,比如Mat,Vector,Point之类的,对于加减乘除之类的四则运算还要重复定义,代码显得…

    编程技术 2025年3月8日
    200
  • JS实现动态进度条步骤分析

    这次给大家带来JS实现动态进度条步骤分析,JS实现动态进度条的注意事项有哪些,下面就是实战案例,一起来看一下。 本文实例为大家分享了js实现动态进度条效果的具体代码,供大家参考,具体内容如下 1.效果 2.源码 window.onload …

    2025年3月8日
    200
  • js+css实现页面可控速度的打字效果

    这次给大家带来js+css实现页面可控速度的打字效果,js+css实现打字效果的注意事项有哪些,下面就是实战案例,一起来看一下。 本文实例为大家分享了JavaScript实现打字效果的具体代码,供大家参考,具体内容如下 1.效果 2.源码 …

    2025年3月8日
    200
  • vue.js项目nginx部署步骤详解

    这次给大家带来vue.js项目nginx部署步骤详解,vue.js项目nginx部署的js有哪些,下面就是实战案例,一起来看一下。 js完成。 二、编译部署 1、项目路径下demo输入命令npm run build 编译完成后会发现在dem…

    2025年3月8日
    200
  • 常用的6大JS排序算法与比较

    这次给大家带来常用的6大JS排序算法与比较,使用JS排序算法的注意事项有哪些,下面就是实战案例,一起来看一下。 1.冒泡排序 var bubbleSort = function(arr) { for (var i = 0, len = ar…

    编程技术 2025年3月8日
    200
  • JS有哪些属性可以判断页面是否存在滚动条

    这次给大家带来JS有哪些属性可以判断页面是否存在滚动条,JS判断页面是否存在滚动条的注意事项有哪些,下面就是实战案例,一起来看一下。 前言 最近在写插件的过程中,需要使用 JS 判断是否有滚动条,搜了一下,大致方法都差不多,但都有些啰嗦,代…

    2025年3月8日
    200
  • Nuxt.js实现服务端渲染步骤详解

    这次给大家带来Nuxt.js实现服务端渲染步骤详解,Nuxt.js实现服务端渲染的注意事项有哪些,下面就是实战案例,一起来看一下。 2016 年 10 月 25 日,zeit.co 背后的团队对外发布了一个 React 的服务端渲染应用框架…

    2025年3月8日 编程技术
    200
  • JS访问DOM对象选中节点方法

    这次给大家带来JS访问DOM对象选中节点方法,JS访问DOM对象选中节点的注意事项有哪些,下面就是实战案例,一起来看一下。 一 介绍 使用getElementById()方法来访问指定id的节点,并用nodeName属性、nodeType属…

    2025年3月8日
    200
  • JS操作DOM删除节点

    这次给大家带来JS操作DOM删除节点,JS操作DOM删除节点的注意事项有哪些,下面就是实战案例,一起来看一下。 一 介绍 删除节点通过使用removeChild()方法来实现。 removeChild()方法用来删除一个子节点。 obj. …

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论