详解nodejs通过响应回写的方式渲染页面资源
更新时间：2018年04月07日 17:08:39 作者：凌云
本篇文章主要介绍了详解nodejs通过响应回写的方式渲染页面资源，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
我们一般通过node框架提供的api操作页面渲染，如何利用原始回写的方式来实现同样的功能呢
下面是通过node 提供的异步地读取一个文件的全部内容api readFile进行操作，代码如下：
html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" type="text/css" href="./static/style.css" rel="external nofollow" /> <title>Document</title> </head> <body> <div>这是一个div </div> <div>这是一个div </div> <div>这是一个div </div> <div>这是一个div </div> <div>这是一个div </div> <div>这是一个div </div> <div>这是一个div </div> <div>这是一个div </div> <div>这是一个div </div> <div>这是一个div </div> <div>这是一个div </div> <script type="text/javascript" src="./static/test.js"></script> </body> </html>
/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();
})
}
})
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章
这篇文章主要介绍了nodejs基于express实现文件上传的方法,结合实例形式分析了nodejs基于express框架实现文件上传功能的具体步骤与相关操作技巧,需要的朋友可以参考下2018-03-03
Node.js v8.0.0正式发布！看看带来了哪些主要新特性
Node.js v8.0.0 已正式发布。v8.0.0 是下一个主要的版本，带来了一系列重大的变化和新功能，内容十分多！下面这篇文章主要带着大家一起看看Node.js v8.0.0带来了哪些主要新特性，需要的朋友可以参考借鉴，下面来一起看看吧。2017-06-06
Webpack有一个很实用的功能叫做热替换（Hot-replace），尤其是结合React Hot Loader插件，开发过程中都不需要刷新浏览器，任何前端代码的更改都会实时的在浏览器中表现出来。2015-10-10
这篇文章主要介绍了NodeJS中Buffer模块详解，十分的详细,需要的朋友可以参考下2015-01-01
这篇文章主要介绍了优化Node.js Web应用运行速度的10个技巧,本文讲解了从并行、异步、缓存、gzip 压缩、客户端渲染等等技巧,需要的朋友可以参考下2014-09-09
在本篇内容里小编给大家整理的是一篇关于nodejs中的异步编程知识点详解内容，有兴趣的朋友们可以学习下。2021-01-01
node.js用fs.rename强制重命名或移动文件夹的方法
本篇文章主要介绍了node.js用fs.rename强制重命名或移动文件夹的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-12-12
使用pify库,你可以非常便利地将任何遵循Node.js回调风格的函数转换为返回Promise对象的函数,从而使得你的异步代码更加清晰和易于维护,本文通过丰富的代码示例引导你如何有效地利用pify,需要的朋友可以参考下2024-06-06
本篇文章主要介绍了nodejs搭建本地服务器并访问文件的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。2017-03-03
本文介绍使用NodeJs搭建的后端server快速生成Swagger接口文档的技巧,本文有详细的步骤讲解,通过代码示例给大家介绍的非常详细,具有一定的参考价值,需要的朋友可以参考下2024-01-01
最新评论