Node.js学习记录(一)

news2024/11/6 7:34:32

目录

一、文件读取 readFile

二、写入文件 writeFile

三、动态路径 __dirname:表示当前文件所处的目录、path.join

四、获取路径文件名 path.basename

五、提取某文件中的css、JS、html

六、http

七、启动创建web服务器

服务器响应

八、将资源请求的 url 地址映射为文件的存放路径

九、模块

模块加载

模块作用域

模块加载机制

十、包

1、下载安装包

2、导入三方包并使用

3、包的管理

4、一次性安装所有包 

5、卸载包

6、开发节点 devDependencies

7、解决下载包慢问题

8、包的分类

9、包的规范

10、开发自己的包

模块化拆分

使用说明文档 README.md

11、发布包

①、注册账号

②、登录npm账号

③、发布

④、删除已发布的包


记录一下从B站学习node过程~

练习文件目录结构:myproject/node.js、1.txt、testnode空文件夹

1.txt文件内容:Hello node.js    node.js内容如下

一、文件读取 readFile

//node.js
//读取文件内容 fs.readFile()
const fs = require('fs')//导入fs模块
/*
  参数一:文件路径
  参数二:编码格式(可选参数)
  参数三:回调函数(失败、成功)如读取成功err返回null,读取失败err返回错误信息,data返回undefined
*/
fs.readFile('./1.txt', 'utf-8', (err, data) => {
  console.log('err',err)
  console.log('data',data)
})

文件读取成功和失败运行结果

二、写入文件 writeFile

//node.js
const fs = require('fs')//导入fs模块,调用fs.writeFile()写入文件
/*
  参数一:文件路径
  参数二:写入内容
  参数三:回调函数(失败、成功)如读取成功err返回null,读取失败err返回错误信息,data返回undefined
*/
fs.writeFile('./2.txt', 'HELLO NODE.JS', (err) => {
  console.log('写入文件 err',err)
})

运行成功和失败的结果,在myproject目录下创建了2.txt,并写入内容HELLO NODE.JS,如果在电脑不存在的a盘下创建则会失败并返回错误信息

三、动态路径 __dirname:表示当前文件所处的目录、path.join

防止路径拼写或过长不利维护等问题,用node提供的__dirname 动态拼写路径

const fs = require('fs')
const path = require('path')//导入path模块,调用path.join()拼接路径

//拼接:__dirname+'/1.txt'  或者使用模板字符串:`${__dirname}/1.txt`
//一般不推荐这样写,可以用node提供的path.join
//fs.readFile(`${__dirname}/1.txt`, 'utf-8', (err, data) => {

//推荐用这种方式
fs.readFile(path.join(__dirname,'/1.txt'), 'utf-8', (err, data) => {
  console.log('目录:', __dirname)
})

四、获取路径文件名 path.basename

const fs = require('fs')//导入fs模块,调用fs.readFile()读取文件
const path = require('path')//导入path模块,调用path.join()拼接路径

const forexample = 'E:/Desktop/前端/myproject/1.html'
console.log('获取文件名称:',path.basename(forexample))
console.log('获取不带后缀的文件名称:',path.basename(forexample,'.html'))

运行结果得到文件名称

五、提取某文件中的css、JS、html

新建一个与node.js同级的newHtml.html文件

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,user-scalable=no,minimum-scale=1,maximum-scale=1,viewport-fit=cover">
<title></title>
<link href="https://res.5i5j.com/wap/tools/common.js.css?t=1716465786" rel="stylesheet" type="text/css">
<link href="https://res.5i5j.com/wap/tools/jisuan.css?t=1716465786" rel="stylesheet" type="text/css">
<style>
*{font-size:16px;}
.test{height:100px;margin-bottom:10px;}
.test div{width:300px;height:60px;line-height: 60px;background: pink;}
</style>
</head>

<body class="test">
<div>这是一个新的 html</div>
<script>
function test(){
    console.log('hello newHtml')
}
</script>
</body>
</html>

const fs = require('fs')//导入fs模块,调用fs.readFile()读取文件
const path = require('path')//导入path模块,调用path.join()拼接路径

/*
\s 匹配任何空白字符,包括空格、制表符、换页符等等。等价于 [ \f\n\r\t\v]
\S 匹配任何非空白字符。等价于 [^ \f\n\r\t\v]
*/
/*正则定义匹配页面中的style和script标签*/
const regStyle = /<style>[\s\S]*<\/style>/
const regScript = /<script>[\s\S]*<\/script>/

fs.readFile(path.join(__dirname,'/input.html'),'utf-8',(err,data)=>{
  if(err) return console.log('读取html文件失败',err.message)
  // console.log('读取html文件成功',data)
  resolveCSS(data)

})
//获取CSS内容
function resolveCSS(htmlStr){
  const r1 = regStyle.exec(htmlStr)
  const newSty = r1[0].replace('<style>','').replace('</style>','')
  console.log('newSty==',newSty)
}
//获取JS内容
function resolveJS(htmlStr){
  const r1 = regScript .exec(htmlStr)
  const newJS = r1[0].replace('<script>','').replace('</script>','')
  console.log('newJS==',newJS)
}
//获取html
function resolveHtml(htmlStr){
   //直接获取html
  // const newHtml = htmlStr.replace(regStyle,'').replace(regScript,'')
  //获取html,把新创建的css和js引入
  const newHtml = htmlStr.replace(regStyle,'<link rel="stylesheet" href="./output.css">').replace(regScript,'<script src="./output.js"></script>')
  console.log('newHtml==',newHtml)
  fs.writeFile(path.join(__dirname,'/testnode/output.html'),newHtml,(err)=>{
    if(err) return console.log('写入html文件失败',err.message)
  })
}

运行得到(注:先自己新建目录testnode空的文件夹)把得到的内容写入到新的文件中,如下

(r1 是一个数组)

六、http

域名 & 域名服务器(DNS,domain name server):IP 和 域名一 一对应,存这份关系的电脑就是域名服务器,

比如ping jd.com  得到的IP 和 jd.com 这就是一 一对应的关系

域名就是IP的别名,辅助人们记忆的;域名和IP的对应关系存放在域名服务器上(在浏览器中输入一个域名,会先经过域名服务器的地址转换,域名转换成IP,然后再进行访问)

端口号

每个端口号不能被多个web服务占用,实际应用中只有80端口可以省略不写

端口号就是一串数字,好比门牌号,可以在整个楼中准确的找到对应

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2114656.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

idea插件开发的第二天-写一个时间查看器

介绍 Demo说明 本文基于maven项目开发,idea版本为2022.3以上,jdk为1.8本文在Tools插件之上进行开发 Tools插件说明 Tools插件是一个Idea插件,此插件提供统一Spi规范,极大的降低了idea插件的开发难度,并提供开发者模块,可以极大的为开发者开发此插件提供便利Tools插件安装需…

Spark的Web界面

http://localhost:4040/jobs/ 在顶部导航栏上&#xff0c;可以点击以下选项来查看不同类型的Spark应用信息&#xff1a; Jobs - 此视图将列出所有已提交的作业&#xff0c;并提供每个作业的详细信息&#xff0c;如作业ID、名称、开始时间、结束时间等。Stages - 此视图可以查…

新160个crackme - 050-daxxor

运行分析 需要破解Name和Serial PE分析 C程序&#xff0c;32位&#xff0c;无壳 静态分析&动态调试 ida找到关键字符串&#xff0c;双击进入函数 通过静态分析发现&#xff1a;1、Name通过计算得到Name12、对Name1第3、5、6分别插入byte_401290、byte_401290、word_401292&…

Weibull概率分布纸(EXCEL VBA实现)

在学习Weibull分布理论的时候&#xff0c;希望有一张Weibull概率纸&#xff0c;用来学习图解法。但是在度娘上没有找到的Weibull概率纸的电子版。在书上看到的Weibull概率纸&#xff0c;只能复印下来使用。于是萌生了自己制作Weibull概率纸的想法&#xff0c;帮助自己更好地学习…

综合案例-数据可视化-折线图

一、json数据格式 1.1 json数据格式的定义与功能 json是一种轻量级的数据交互格式&#xff0c;可以按照json指定的格式去组织和封装数据&#xff0c;json数据格式本质上是一个带有特定格式的字符串。 功能&#xff1a;json就是一种在各个编程语言中流通的数据格式&#xff0…

全倒装COB超微小间距LED显示屏的工艺技术,相比SMD小间距有何优势

全倒装COB&#xff08;Chip On Board&#xff09;超微小间距LED显示屏&#xff0c;在工艺技术上的革新&#xff0c;相较于传统的SMD&#xff08;Surface Mount Device&#xff09;小间距LED显示屏&#xff0c;展现出了多方面的显著优势。 首先&#xff0c;全倒装技术极大地提升…

JAVAEE初阶第七节(下)——物理原理与TCP_IP

系列文章目录 JAVAEE初阶第七节&#xff08;下&#xff09;——物理原理与TCP_IP 文章目录 系列文章目录JAVAEE初阶第七节&#xff08;下&#xff09;——物理原理与TCP_IP 一.网络层重点协议 1. IP协议如何管理地址 1.1 解决IP地址不够用的问题 1.2 网段划分 1.3 特殊的IP…

深度剖析AI情感陪伴类产品及典型应用 Character.ai

前段时间AI圈内C.AI的受够风波可谓是让大家都丈二摸不着头脑&#xff0c;连C.AI这种行业top应用都要找谋生方法了&#xff01;投资人摸不着头脑&#xff0c;用户们更摸不着头脑。在这之前断断续续玩了一下这款产品&#xff0c;这次也是乘着这个风波&#xff0c;除了了解一下为什…

【数据库】MySQL表的Updata(更新)和Delete(删除)操作

目录 1.Update 案例1&#xff1a;将孙悟空同学的数学成绩变更为 80 分 案例2&#xff1a;将曹孟德同学的数学成绩变更为 60 分&#xff0c;语文成绩变更为 70 分 案例3&#xff1a;将总成绩倒数前三的 3 位同学的数学成绩加上 30 分 案例4&#xff1a;将所有同学的语文成绩…

计算机网络与Internet应用

一、计算机网络 1.计算机网络的定义 网络定义&#xff1a;计算机网络是指将地理位置不同的具有独立功能的多台计算机及其外部设备&#xff0c;通过通信线路连接起来&#xff0c;在网络操作系统&#xff0c;网络管理软件及网络通信协议的管理和协调下&#xff0c;实现资源共享…

『功能项目』武器的切换实例【34】

本章项目成果展示 我们打开上一篇33战士的A键连击的项目&#xff0c; 本章要做的事情是按键盘E键切换职业时切换手中的武器 首先在资源商店下载免费的武器模型 创建一个空物体 命名为WeaponPos 将武器预制体拖拽至WeaponPos &#xff08;注意调整空物体位置就可以后续文章会更…

CSP-J 之C++常用英文缩写

文章目录 C常用英文缩写前言常用缩写解析C 基础缩写输入输出相关控制台 命名与类型常用函数在线测评相关 总结 C常用英文缩写 前言 在编程比赛和日常开发中&#xff0c;C是一门广泛使用的编程语言&#xff0c;许多英文缩写贯穿其中。了解这些缩写不仅有助于提高编程效率&…

XGBoost算法-上

简单解释一下xgboost这个模型 xg是一个非常强大&#xff0c;非常受欢迎的机器学习模型&#xff0c;其中最大的特色就是boosting&#xff08;改进、推进&#xff09;&#xff0c;怎么改进呢&#xff1f;就是xgboost这个算法&#xff0c;它会先建立一颗简单的决策树&#xff0c;…

【Python知识宝库】文件操作:读写文件的最佳实践

&#x1f3ac; 鸽芷咕&#xff1a;个人主页 &#x1f525; 个人专栏: 《C干货基地》《粉丝福利》 ⛺️生活的理想&#xff0c;就是为了理想的生活! 文章目录 前言一、文件读取1. 使用open函数2. 逐行读取3. 使用readlines和readline 二、文件写入1. 写入文本2. 追加内容3. 写入…

DAY99 APP 攻防-小程序篇反编译外在抓包主包分包配置泄漏算法逆向未授权

APP攻防-小程序篇&内在反编译&外在抓包&主包分包&配置泄漏&算法逆向&未授权_unpackminiapp-CSDN博客https://blog.csdn.net/m0_60571842/article/details/136244878 知识点 1、小程序抓包-全局代理&进程转发 2、小程序逆向-反编译&主包&分…

ChatGPT在医疗行业的应用前景与挑战探析

人工智能ChatGPT自2022年11月面世以来&#xff0c;在医疗领域引起了广泛关注&#xff0c;很多专家也在积极探讨其在此领域的应用。众多报道集中于其在临床应用、患者交流和医学教育等方面的潜力。本文将从学术研究的角度探讨ChatGPT在医疗领域的实际应用&#xff0c;包括其在科…

用fastapi搭建cpca地址提取服务接口

以前的客户地址比较乱&#xff0c;现在想提取出省份城市&#xff0c; 开始了解分词技术&#xff0c;后发现python有这样的库 cpca提取地址挺不错&#xff0c;可以从垃圾地址中提取省市区以及区号。 文章会用fastapi搭建服务端 通过post调用cpca&#xff0c;提取来了后&#…

海鸥相机存储卡格式化如何恢复数据

在摄影的世界里&#xff0c;‌每一张照片都承载着独特的记忆与故事。‌然而&#xff0c;‌当我们不慎将海鸥相机的存储卡格式化后&#xff0c;‌那些珍贵的瞬间似乎瞬间消逝&#xff0c;‌让人心急如焚。‌但请不要绝望&#xff0c;‌数据恢复并非遥不可及。‌本文将详细介绍在…

vue中使用相对路径图片不显示

因为webpack问题&#xff0c;webpack打包会将静态资源放在一个webpack创建的Img文件夹中&#xff0c;并且图片名字还会被更改 我的文件目录是没有Img文件夹的&#xff0c;且图片名字没有那串乱字符 路径问题: Vue 项目通常会将资源文件放在 src/assets 目录下&#xff0c;并通过…

如何在 Cursor IDE 中使用驭码CodeRider 进行 AI 编程?

驭码CodeRider 是极狐GitLab 公司自研发布的 AIGC 产品&#xff0c;可以用来进行 AI 编程和 DevOps 流程处理。本文分享如何在 Cursor 中使用驭码CodeRider。 Cursor 是近期比较火爆的一款 AI 代码编辑器&#xff0c;通过将 AI 能力引入软件研发来提升软件研发效率。而驭码Cod…