百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

NodeJS,http模块、url模块案例,CommonJS模块规范,模块化

itomcoil 2024-12-19 13:43 34 浏览

NodeJS http模块

http模块

主要用于创建http server服务,并且:支持更多特性;不缓冲请求和响应;处理流相关。

url模块

用于解析URL中的参数,提供了三个方法,分别是url.parse(); url.format(); url.resolve()。

案例1:

var http = require('http');
// request --> 请求信息
// response --> 响应信息
http.createServer(function (request, response) {
  // 设置响应头   
  response.writeHead(200, {'Content-Type': 'text/plain'});
  // 輸出內容
  response.end('Hello World');
}).listen(3000);
console.log("http server port:",3000);

案例2:

const http = require('http');
const url = require('url');

http.createServer((req,res)=>{
  console.log("请求地址:",req.url);
  if(req.url!='/favicon.ico'){
    // URL模块解析
    var urlObj = url.parse(req.url,true);
    console.log("urlObj",urlObj);
    var getValue = urlObj.query;
    console.log("获取get请求参数:",getValue);
    // http://127.0.0.1:3000/get?id=1234&name=%E6%9D%8E%E5%9B%9B
    console.log("getValue.id",getValue.id);
    console.log("getValue.name",getValue.name);
    // 设置响应头
    res.writeHead(200,{'Content-Type':'text/html;charset="UTF-8"'});
    // 响应内容
    res.write("<head><mate charset='utf-8'/></head>");
    res.write("<h1>你好,node js、GET请求~</h1>");
    // 结束响应
    res.end();
  }
}).listen(3000);

CommonJS模块规范及模块化

NodeJS模块分类

Node.js中根据模块来源的不同,将模块分为3大类:

1、内置模块(内置模块是由 Node.js 官方提供的,例如 fs、path、http 等)。

2、自定义模块(用户创建的每个 .js 文件,都是自定义模块)。

3、第三方模块(由第三方开发出来的模块,并非官方提供的内置模块,也不是用户创建的自定义模块,使用前需要先下载)。

模块化

CommonJS

CommonJS是一种模块规范,最初被应用于Nodejs,成为Nodejs的模块规范。

CommonJS中,一个文件就是一个模块,定义一个模块导出通过exports或者module.exports挂载即可。CommonJS加载模块时,使用require,使用exports来做模块输出,还有module,__filename, __dirname这些变量。

模块化案例

var http = require('http');
// 从JS中引入
var dateTools = require('./module/dateTools.js');
var requestApi = require('./module/requestApi.js');
var requestApi2 = require('./module/requestApi2.js');
var requestApi3 = require('./module/requestApi3.js');

http.createServer(function (request, response) {
  response.writeHead(200, {'Content-Type': 'text/plain'});
  // exports.dateFormat
  var date = new Date();
  console.log("dateTools", dateTools);
  response.write(dateTools.dateFormat("YYYY-mm-dd HH:MM:SS",date));
  console.log(">>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>");
  // exports.myRequest = request;
  // requestApi { myRequest: { get: [Function: get], post: [Function: post] } }
  console.log("requestApi", requestApi);
  requestApi.myRequest.get();
  console.log(">>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>");
  // module.exports = request;
  // requestApi2 { get: [Function: get], post: [Function: post] }
  console.log("requestApi2", requestApi2);
  requestApi2.get();
  requestApi2.post();
  console.log(">>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>");
  // requestApi3 { get: [Function (anonymous)], post: [Function (anonymous)] }
  console.log("requestApi3", requestApi3);
  requestApi3.get();
  requestApi3.post();
  response.end();
}).listen(3000);

console.log('Server running at http://127.0.0.1:3000/');

module/dateTools.js

function dateFormat(fmt, date) {
  let ret;
  const opt = {
      "Y+": date.getFullYear().toString(),        // 年
      "m+": (date.getMonth() + 1).toString(),     // 月
      "d+": date.getDate().toString(),            // 日
      "H+": date.getHours().toString(),           // 时
      "M+": date.getMinutes().toString(),         // 分
      "S+": date.getSeconds().toString()          // 秒
      // 有其他格式化字符需求可以继续添加,必须转化成字符串
  };
  for (let k in opt) {
    ret = new RegExp("(" + k + ")").exec(fmt);
    if (ret) {
      fmt = fmt.replace(ret[1], (ret[1].length == 1) ? (opt[k]) : (opt[k].padStart(ret[1].length, "0")))
    };
  };
  return fmt;
}

exports.dateFormat = dateFormat;

module/requestApi.js

var request={
  get:function(){
    console.log("get()......");
  },
  post:function(){
    console.log("post()......");
  }
}

exports.myRequest = request;

module/requestApi2.js

var request={
  get:function(){
    console.log("get()......");
  },
  post:function(){
    console.log("post()......");
  }
}

module.exports = request;

module/requestApi3.js

exports.get = function(){
  console.log("get()......");
};
exports.post = function(){
  console.log("post()......");
};

NodeJS模块化

node-modules

node_modules是安装node后用来存放用包管理工具下载安装的包的文件夹/目录,模块化默认的文件夹/目录名称为:node_modules。

案例:

// 直接写node_modules下的名称,默认加载index.js
const demo01 = require("demo01");
// 直接写node_modules下的名称,没有index.js,npm init --yes生成package.json
const demo02 = require("demo02");

demo01.get();
demo01.post();

demo02.get();
demo02.post();

demo01\index.js

exports.get = function(){
  console.log("get()......");
};
exports.post = function(){
  console.log("post()......");
};

demo02\demo02.js

exports.get = function(){
  console.log("get()......");
};
exports.post = function(){
  console.log("post()......");
};

demo02/package.json

{
  "name": "demo02",
  "version": "1.0.0",
  "description": "",
  "main": "demo02.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

package.json文件:定义模块(NodeJS中的包)的配置信息,定义:名称、版本、许可证等元数据。package.json文件可以手工编写,也可以使用npm init命令自动生成。

生成命令:npm init --yes

相关推荐

《Queendom》宣布冠军!女团MAMAMOO四人激动落泪

网易娱乐11月1日报道据台湾媒体报道,南韩女团竞争回归的生死斗《Queendom》昨(10/31)晚播出大决赛,并以直播方式进行,6组女团、女歌手皆演唱新歌,并加总前三轮的赛前赛、音源成绩与直播现场投...

正确复制、重写别人的代码,不算抄袭

我最近在一篇文章提到,工程师应该怎样避免使用大量的库、包以及其他依赖关系。我建议的另一种方案是,如果你没有达到重用第三方代码的阈值时,那么你就可以自己编写代码。在本文中,我将讨论一个在重用和从头开始编...

HTML DOM tr 对象_html event对象

tr对象tr对象代表了HTML表格的行。HTML文档中出现一个<tr>标签,就会创建一个tr对象。tr对象集合W3C:W3C标签。集合描述W3Ccells返回...

JS 打造动态表格_js如何动态改变表格内容

后台列表页最常见的需求:点击表头排序+一键全选。本文用原生js代码实现零依赖方案,涵盖DOM查询、排序算法、事件代理三大核心技能。效果速览一、核心思路事件入口:为每个<th>绑...

连肝7个晚上,总结了66条计算机网络的知识点

作者|哪吒来源|程序员小灰(ID:chengxuyuanxiaohui)计算机网络知识是面试常考的内容,在实际工作中经常涉及。最近,我总结了66条计算机网络相关的知识点。1、比较http0....

Vue 中 强制组件重新渲染的正确方法

作者:MichaelThiessen译者:前端小智来源:hackernoon有时候,依赖Vue响应方式来更新数据是不够的,相反,我们需要手动重新渲染组件来更新数据。或者,我们可能只想抛开当前的...

为什么100个前端只有1人能说清?浏览器重排/重绘深度解析

面试现场的"致命拷问""你的项目里做过哪些性能优化?能具体讲讲重排和重绘的区别吗?"作为面试官,我在秋招季连续面试过100多位前端候选人,这句提问几乎成了必考题。但令...

HTML DOM 介绍_dom4j html

HTMLDOM(文档对象模型)是一种基于文档的编程接口,它是HTML和XML文档的编程接口。它可以让开发人员通过JavaScript或其他脚本语言来访问和操作HTML和XML文档...

JavaScript 事件——“事件流和事件处理程序”的注意要点

事件流事件流描述的是从页面中接收事件的顺序。IE的事件流是事件冒泡流,而NetscapeCommunicator的事件流是事件捕获流。事件冒泡即事件开始时由最具体的元素接收,然后逐级向上传播到较为不...

探秘 Web 水印技术_水印制作网页

作者:fransli,腾讯PCG前端开发工程师Web水印技术在信息安全和版权保护等领域有着广泛的应用,对防止信息泄露或知识产品被侵犯有重要意义。水印根据可见性可分为可见水印和不可见水印(盲水印)...

国外顶流网红为流量拍摄性侵女学生?仅被封杀三月,回归仍爆火

曾经的油管之王,顶流网红DavidDobrik复出了。一切似乎都跟他因和成员灌酒性侵女学生被骂到退网之前一样:住在950万美元的豪宅,开着20万美元的阿斯顿马丁,每条视频都有数百万观看...人们仿佛...

JavaScript 内存泄漏排查方法_js内存泄漏及解决方法

一、概述本文主要介绍了如何通过Devtools的Memory内存工具排查JavaScript内存泄漏问题。先介绍了一些相关概念,说明了Memory内存工具的使用方式,然后介绍了堆快照的...

外贸独立站,网站优化的具体内容_外贸独立站,网站优化的具体内容有哪些

Wordpress网站优化,是通过优化代码、数据库、缓存、CSS/JS等内容,提升网站加载速度、交互性和稳定性。网站加载速度,是Google搜索引擎的第一权重,也是SEO优化的前提。1.优化渲染阻塞。...

这8个CSS工具可以提升编程速度_css用什么编译器

下面为大家推荐的这8个CSS工具,有提供函数的,有提供类的,有提取代码的,还有收集CSS的统计数据的……请花费两分钟的时间看完这篇文章,或许你会找到意外的惊喜,并且为你的编程之路打开了一扇新的大门。1...

vue的理解-vue源码 历史 简介 核心特性 和jquery区别 和 react对比

一、从历史说起Web是WorldWideWeb的简称,中文译为万维网我们可以将它规划成如下的几个时代来进行理解石器时代文明时代工业革命时代百花齐放时代石器时代石器时代指的就是我们的静态网页,可以欣...