Node基础

最新推荐文章于 2024-04-10 21:14:51 发布
最新推荐文章于 2024-04-10 21:14:51 发布
阅读量116 收藏
点赞数 1
文章标签： javascript 前端 node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Ripe_L/article/details/124371556
版权

Node基础

node发展史

|

node 是什么

编写服务端的语言。

服务端和客户端编写代码有什么区别

为什么学习Node?

为了咱们可以了解服务端开发。掌握服务端开发基本流程

为了前端工程化开发.

  • IO优势
  • IO I—inputu 读取文件 o — outinput 写入文件
  • 对于文件读写,Node采用的是非阻塞IO
  • 传统IO在读写文件的时候CPU来处理,而代码执行也处于等待中,浪费性能
  • 非阻塞IO将读写操作交给CPU,而代码正常执行,减少等待浪费的性能
  • 应用场景
    • 实际应用: webpack/gulp/npm/http-server/json-server
    • 服务器中负责IO读写的中间层服务器(天猫中间层IO服务器)

NodeJS特点

  • 其移植了chrome V8 引擎,解析和执行代码机制和浏览器js相同

  • 其沿用了JavaScript语法、另外扩展了自己需要的功能

  • 总结: node.js 是一个后端语言 , 其具备操作文件的能力, 可以具备服务器的创建和操作能力 node也是运行环境

    • 其语法是JavaScript语法,代码运行在chrome V8 引擎之上

    • 为什么是能够运行 js 因为js天然运行环境是浏览器；也就是在V8引擎上；

      因为node植入了v8引擎所以可以运行

node 前端学习一个区别

1: 用js 操作dom bom

2: 用js 语言操作的核心模块

     fs  path  http 。。。
基本使用
  • 官网上下载 node-v-xx.msi 傻瓜式的安装包 一路下一步,就ok
  • 检测是否安装成功 node -v
  • 运行程序 node ./xxx.js 当前目录下的xxx.js文件。表示Node 程序的入口文件

内置对象介

语法

分类

一个文件一个模块；一个模块一个对象

  • 全局对象: 何时何处都能访问 。 全局对象就是在系统中
  • 核心对象: 放在node.exe 中 向系统索要,引入即可使用
  • 自定义对象: 按路径引入即可 自己创建的模块；导出、导入
process（全局对象）

  • 每个系统的环境变量几乎都不一样，可以利用环境变量中的具体某个特定的值来区分不同的机器

  • process.env 是一个对象，我们可以通过其.属性名来获取具体的环境变量值

    • 设置一个特定的环境变量,以达到简单区分不同的机器,从而针对生产/开发环境运行不同的效果

  • process.argv 获取命令行参数

filename/dirname（全局对象）
  • __filename 获取当前运行文件的目录,绝对路径 （带文件名字）
  • __dirname 当前运行文件的绝对路径（不带文件名字，到当前目录为止）
nodejs实现规范
  • CommonJS : 规范JavaScript语言作为后端语言运行的标准
    • 具备什么能力,该怎么做 ,比如: 具备服务器的功能/ 可以操作文件 …
    • 模块应该怎么写: Module :
      • 1:依赖一个模块 require(‘模块名(id)’)
      • 2: 需要被模块依赖 module.exports = 给外部的数据
      • 3:一个文件是一个模块
核心对象path
  • 作用：负责处理文件路径；不负责判断文件是否存在内容
  • path 解析的文件路径；为系统可读的文件路径
常见api 用途
// .join（）把用户传入的不规范路径，转化为系统可读取的规范路径 且返回结果为字符串类型
/**
  * path.parse()
  * 参数 为路径字符串
  * 作用：  将路径字符串切割并且转为路径对象  以下输出结果
  *  root: 'C:\\'  系统根目录
  *  dir: 'c:\\Users\\Administrator\\Desktop\\前端\\node\\2019-3-25fs&process&path模块','    ——> 指的文件目录  一般为项目文件目录
  *  base:'code' 当前模块文件的根目录。 
  *  ext：''  文件后缀名字
  *  name:'code'  文件名字
  * */
  • 1:const path = require('path');
  • 路径 -> 在处理路径的时候很擅长,但是,其不负责判断路径是否存在文件
  • 拼接并修正路径 path.join(__dirname,'a','b'); 以当前目录/a/b
  • path.resovle('./xxx') 相对转绝对
  • 接收一个合法的路径字符串，转换成一个对象
    • let pathObj = path.parse(mypath);
  • 接收一个路径对象，转换成一个字符串路径
    • let str = path.format(pathObj);
{ root: 'C:\\',
  dir: 'C:\\Users\\孙悟空',
  base: '金箍棒.txt',   // 该属性可以用于修改文件名和后缀
  ext: '.txt',
  name: '金箍棒' }
  • 注意:path对象是方便我们操作路径的,对于获取来讲: parse解析成对象,format转换成字符串.join拼接并修正… 对于修改路径对象来讲,可以用base属性更改,不能用name,ext更改
模块
  • 弊端
    • 在js中要涉及到逻辑,还要在html中，为逻辑对象考虑引用顺序
    • 所有对象默认都是全局对象，命名冲突
    • commonjs规范
    • 一个文件就是一个模块
      • 导入用require(‘./xxx.js’);
      • 导出用module.exports = xxx;
      • 在每一个模块内声明的变量属于模块内的作用域

fs文件模块

  • 文件读写
  • 其他功能
  • 扩展介绍
操作文件对象

  • IO

    • I :input输入
    • O:output 输出
    • 文件的操作就是IO

  • 复制文件的过程, I: 通过计算机,存储文件到剪切板

    • 粘贴到指定目录: O: 通过计算机,将剪切板上的数据,写出到 指定目录

  • node中有两种IO的操作

    • 同步IO

      • 一行代码(读文件)不执行完毕…后续代码不能执行

    • 异步IO (建议)

      • 一行代码(读写文件) 不执行完毕(正在读写中) … 后续代码也可以执行

    • 代码体验:

      • 读写文件

      • const fs = require('fs'); //必须这个名称
//读 fs.readFile(路径,回调函数);
//写 fs.writeFile(路径,数据,回调函数);

      • 总结: 异步的读/写文件 参数1:都是路径,可以相对可以绝对,最后一个参数都是回调函数,回调函数的参数中错误对象优先

  • 同步和异步IO的区别: 同步IO会阻塞后续代码执行,异步IO不会阻塞后续代码执行

nginx负载均衡
  • [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ceP2dveh-1650723269919)(assets/1531408911142.png)]
包（文件夹）
  • 多个文件，有效的被组织与管理的一个单位
  • 留一个入口
npm
  • 自己先有一个包描述文件
  • 创建一个包描述文件 npm init
  • 下载一个包 npm install art-template jquery@1.5.1 --save
    • 记录依赖--save
  • 根据package.json文件中的dependencies属性恢复依赖
    • 恢复包 npm install
  • 卸载一个包 npm uninstall jquery@1.5.1 --save
  • 查看包的信息
    • npm info jquery
  • 查看包的信息中的某个字段(版本)
    • npm info jquery versions
  • 查看包的文档
    • npm docs jquery
  • 安装全局命令行工具
    • npm install -g http-server
  • 卸载全局命令行工具
    • npm uninstall -g http-server
  • 查看全局包的下载路径
    • npm root -g
nrm是npm的镜像源管理工具
  • 1:全局安装 npm install -g nrm
  • 2:查看当前可选的镜像源 nrm ls
  • 3:切换镜像源 nrm use taobao
包的加载机制
  • 我们未来可能需要辨识一个包中，入口是否是我们想要的启动程序
  • 1:查找node_modules下的包名文件夹中的main属性(常用)
  • 2:不常用:查找node_modules下的包名.js
  • 3:查找node_modules下的包名文件夹中的index.js(常用)

http核心模块

http超文本传输协议
  • 协议至少双方 -> http双方！！
  • 客户端(浏览器) -> 服务器
    • 原生应用(QQ) -> 服务器
请求与响应交互的过程
  • 见图
主体对象
  • 服务器对象
  • 客户端对象
  • 请求报文对象(对于服务器来说，是可读)
  • 响应报文对象(对于服务器来说，是可写)
创建服务器步骤
  • 1:引入http核心对象
  • 2:利用http核心对象的.createServer(callback); 创建服务器对象
  • 3:使用服务器对象.listen(端口,ip地址) 开启服务器
  • 4:callback(req,res) 根据请求处理响应
请求对象
  • 请求首行中的url req.url
  • 请求首行中的请求方式 req.method
  • 请求头中的数据req.headers 是一个对象
  • 头信息中，也可以作为与服务器交互的一种途径
获取请求体数据

  • 代码对比

  • 浏览器: $(‘#xx’).on(‘submit’,function(e){ })

  • 服务器: req.on(‘data’,function(d){ d.toString(); })

querystring核心对象
  • querystring.parse(formStr)
  • username=jack&password=123转换成如下
  • { username: ‘jack’, password: ‘123’ }
响应对象
  • 响应首行 res.writeHead(状态码)
  • 写响应头
    • 一次性写回头信息
      • res.writeHead(200,headers)
    • 多次设置头信息
      • res.setHeader(key,value);
  • 写响应体
    • 一次性写回响应体
      • res.end();
    • 多次写回响应体
      • res.write();
请求与响应
  • 头行体
  • content-type是对请求或者响应体数据，做出的说明
响应体数据
  • res.write(‘字符串’||读出文件的二进制数据)
  • res.end(‘字符串’||读出文件的二进制数)
回写页面
  • 英雄列表
  • art-template http
  • 只能是访问 get请求 url: /hero-list 才返回该数据
    lue);`
  • 写响应体
    • 一次性写回响应体
      • res.end();
    • 多次写回响应体
      • res.write();
请求与响应
  • 头行体
  • content-type是对请求或者响应体数据，做出的说明
响应体数据
  • res.write(‘字符串’||读出文件的二进制数据)
  • res.end(‘字符串’||读出文件的二进制数)
回写页面
  • 英雄列表
  • art-template http
  • 只能是访问 get请求 url: /hero-list 才返回该数据
  • 其他请求返回ok
分析猛如虎，操作菜如鸡
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
node.js实战之使用 jsdom
蛐蛐的博客
10-05 1950
jsdom 是许多 web 标准的纯 JavaScript 实现，特别是 WHATWG DOM和HTML标准。该项目的目标是模拟足够多的 Web 浏览器子集，以用于测试和抓取真实世界的 Web 应用程序。最新版本的 jsdom 需要 Node.js v14 或更高版本。
JavaScript第五周笔记
m0_59064140的博客
09-18 221
Browser Object Model：浏览器对象模型：提供专门用操作浏览器的一些对象（属性和方法），没有标准（大部分浏览器还是统一的，唯独老IE与众不同）- 使用率相对较低 重点：定时器、事件对象event DOM：是有标准的：w3c规定的，几乎没有兼容性问题1.当前页面打开，可以退回2.替换当前页面，禁止退回history:记录着当前窗口location:记录着【当前窗口】正在打开的url，而他又一个方法叫做替换，替换是不会产生任何历史记录的，但是url替换后网页必然跳转
node学习笔记(1)
LynnWonder
12-08 268
node学习笔记(1) 文章目录node学习笔记(1)Node基础为什么学习Node?NodeJS特点内置对象介绍分类process（全局对象）filename/dirname（全局变量）nodejs实现规范核心对象path模块fs文件模块操作文件对象nginx负载均衡包（文件夹）npm|| yarn包的区别nrm是npm的镜像源管理工具包的加载机制http核心模块http超文本传输协议主体对象（...
使用 jsdom 模块在 Node.js 中模拟 DOM 环境
初学者的专栏
05-27 1362
在这个例子中，我们首先引入了 `jsdom` 模块，并从中导入 `JSDOM` 类。在这个例子中，我们使用 `querySelector` 方法选择了第一个 `<p>` 元素，并输出了其文本内容。`jsdom` 是一个用于在 Node.js 中模拟 DOM 环境的库，它可以让你在 Node.js 中使用类似于浏览器中的 DOM API。// 输出 "Hello world"通过使用 `jsdom` 模块，我们可以在 Node.js 中模拟浏览器环境，从而使我们能够使用 DOM API 进行操作。
nodejs使用jsdom加载页面后执行脚本
liberty888的博客
07-20 1110
nodejs使用jsdom加载页面后执行脚本
Node基础学习笔记.rar
08-05
本压缩包"Node基础学习笔记.rar"包含了Node.js的基础知识、模块化机制、请求与响应的处理、mongoDB数据库的使用以及Express框架和WebSocket编程的相关内容，是学习Node.js的宝贵资料。 一、Node.js基础 Node.js的...
node+express+mongodb 学习node基础篇，博客系统。.zip
08-01
基于node js、vue、mongodb等技术构建的web系统，界面美观，功能齐全，适合用作毕业设计、课程设计作业等，项目均经过测试，可快速部署运行！ 基于node js、vue、mongodb等技术构建的web系统，界面美观，功能齐全，...
node练习代码，对应个人开始学习使用参考，有基础就不要下
12-22
1. **Node.js基础**： Node.js的核心特性在于它的非阻塞I/O模型，这使得它在处理大量并发请求时表现出色。它通过事件驱动编程来实现这一特性，使用回调函数处理异步操作。这个压缩包可能包含了如何创建基本的Node....
node开发基础档案
06-04
这个"node开发基础档案"可能包含了一系列关于Node.js开发的基础教程、示例代码或者项目结构，帮助初学者理解并掌握Node.js的核心概念和技术。 1. **事件驱动编程**：Node.js采用事件驱动模型，它通过事件循环来处理...
NodeWeb基础demo
11-17
**NodeWeb基础demo详解** Node.js是一个基于Chrome V8引擎的JavaScript运行环境，它让JavaScript能够在服务器端执行，打破了JavaScript只能在浏览器端使用的限制。在本项目“NodeWeb基础demo”中，我们将学习如何...
nodejs jsdom 模拟浏览器，执行DOM环境 js 文件
Rao的博客
06-09 1430
JsDOM 爬虫破解 js 代码
Node.js操作Dom ，轻松hold住简单爬虫
qq_45472813的博客
01-03 1664
前段时间，我发现一个开源题库，题目非常有意思。我想把它整成一个JSON文件做为数据储备，方便整活。一共有一百五十多道题目，手动CV我肯定是不想干的。于是写了个脚本，在写脚本的过程中，我发现一个能让Node.js操作Dom的开源项目。有了它，再加上jQuery就可以应对简单爬虫抓取数据了，所以写下这篇文章跟大家分享下。
nodejs，JSDOM 补 window环境
Ben_boba的博客
03-04 999
Node.js笔记-简介和安装，fs模块，path模块和http模块的使用
maohe的博客
02-09 1455
node.js笔记第一部分，node.js简介和安装，以及三个重要内置模块说明和使用，fs模块，path模块和http模块。
JS DOM和Node类型
weixin_45846303的博客
12-28 302
一、什么是HTML DOM HTML Document Object Model（文档对象模型） HTML DOM 定义了访问和操作HTML文档的标准方法 HTML DOM 把 HTML 文档呈现为带有元素、属性和文本的树结构（节点树) 文档对象模型（Document Object Model），是W3C组织推荐的处理可扩展置标语言的标准编程接口。简单理解就是HTML DOM 是关于如何...
nodejs之jsdom插件，运行浏览器环境
局外人LZ的博客
10-08 1684
【代码】nodejs之jsdom插件，运行浏览器环境。
node环境使用安装jsdom，nodejs执行带有window对象的代码。
m0_58204947的博客
03-13 3088
3，安装 jsdom ，以下是全局安装 jsdom （可在任意地方调用 jsdom ，不局限于执行安装命令时的路径）2，在环境变量中添加 NODE_PATH 变量，值为上述 node 模块全局路径。安装完成后，在js代码头部添加;
node中可以使用js的三个模块dom，bom,ecmSrimpt吗
最新发布
m0_47999208的博客
04-10 339
Node.js使用V8 JavaScript引擎来执行ECMAScript代码，这意味着在Node.js中，你可以编写和使用符合ECMAScript标准的语法、数据类型、函数、对象、控制结构等语言特性。在Node.js环境中，不能直接使用浏览器提供的Document Object Model (DOM)和Browser Object Model (BOM)，因为这两个概念是浏览器特有的API集合，它们与浏览器的用户界面、窗口管理、事件处理、文档结构操作等功能紧密关联，专为浏览器环境设计。
nodejs简单介绍
s841520166的博客
10-19 259
nodejs的简单介绍，包括nodejs的简介和nodejs的四大模块的介绍
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值