怎样操作nodejs通过响应回写渲染页面资源

这次给大家带来怎样操作nodejs通过响应回写渲染页面资源,操作nodejs通过响应回写渲染页面资源的注意事项有哪些,下面就是实战案例,一起来看一下。

下面是通过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/2756210.html

(0)
上一篇 2025年3月8日 07:29:09
下一篇 2025年2月28日 09:55:07

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

相关推荐

  • 如何操作nodejs使用websocket

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

    编程技术 2025年3月8日
    200
  • 通过 JS 判断页面是否有滚动条的实现方法

    最近在写插件的过程中,需要使用 js 判断是否有滚动条,搜了一下,大致方法都差不多,但都有些啰嗦,代码不够简洁。最终通过参考不同方法,写了一个比较简单的方法 前言 最近在写插件的过程中,需要使用 js 判断是否有滚动条,搜了一下,大致方法都…

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

    直接使用 vue 构建前端单页面应用,页面源码时只有简单的几行 html,这并不利于网站的 seo,这时候就需要服务端渲染,本篇文章主要介绍了详解vue基于 nuxt.js 实现服务端渲染(ssr),具有一定的参考价值,感兴趣的小伙伴们可以…

    2025年3月8日 编程技术
    200
  • 关于Google发布的JavaScript代码规范你要知道哪些

    代码规范并不是一种编写正确javascript代码的规则,而是为了保持源代码编写模式一致的一种选择。这篇文章给大家介绍了关于google发布的javascript代码规范你要知道哪些,感兴趣的朋友一起看看吧 Google为了那些还不熟悉代码…

    编程技术 2025年3月8日
    200
  • JS中原始值和引用值的储存方式示例详解

    原始值指的是代表原始数据类型的值,也叫基本数据类型,引用值指的是复合数据类型的值。接下来通过示例代码给大家介绍js中原始值和引用值的储存方式,感兴趣的朋友一起看看吧 在ECMAscript中,变量可以存放两种类型的值,即原始值和引用值 原始…

    2025年3月8日
    200
  • JS动画定时器知识总结

    这篇文章给大家总结了关于js动画中定时器的相关用法以及相关知识点总结,有需要的朋友可以参考学习下。 广义说:一切通过js改变的视觉呈现都叫动画;例如,按钮,链接等元素交互反馈。 狭义说:通过定时器连续调用js函数进行元素属性改变产生的视觉动…

    2025年3月8日
    200
  • 轻量级JS Cookie插件js-cookie的使用方法

    js-cookie插件是一个js操作cookie的插件,源文件只有3.34 kb,非常轻量级,js-cookie也支持npm和bower安装和管理,下面看看js-cookie的具体用法 Cookie是网站设计者放置在客户端的小文本文件,一般…

    编程技术 2025年3月8日
    200
  • 深入浅析Vue.js中 computed和methods不同机制

    这篇文章给大家介绍了vue.js中 computed和methods不同机制,在vue.js中,methods和computed两种方式来动态当作方法使用,文中还给大家提到了computed和methods的区别,感兴趣的朋友一起看看吧 在…

    编程技术 2025年3月8日
    200
  • 如何使用Vue+Nuxt.js 实现服务端渲染

    这次给大家带来如何使用Vue+Nuxt.js 实现服务端渲染,使用Vue+Nuxt.js 实现服务端渲染的注意事项有哪些,下面就是实战案例,一起来看一下。 直接使用 Vue 构建前端单页面应用,页面源码时只有简单的几行 html,这并不利于…

    2025年3月8日 编程技术
    200
  • JavaScript分步实现一个出生日期的正则表达式

    本文把出生日期分割成几个部分,分步地介绍了实现一个出生日期校验的完整过程。对出生日期正则表达式感兴趣的朋友参考下吧 简言 在表单验证中,经常会用正则表达式做出生日期校验。本文把出生日期分割成几个部分,分步地介绍了实现一个出生日期校验的完整过…

    2025年3月8日
    200

发表回复

登录后才能评论