前端node.js入门

简介: 前端node.js入门

(创作不易,感谢有你,你的支持,就是我前行的最大动力,如果看完对你有帮助,请留下您的足迹)

目录

Node.js 入门

什么是 Node.js?

什么是前端工程化?  

Node.js 为何能执行 JS?

fs 模块 - 读写文件

path 模块 - 路径处理

URL 中的端口号

常见的服务程序

Node.js 模块化

什么是模块化?

CommonJS 标准

ECMAScript 标准 - 默认导出和导入  

包的概念  

npm - 软件包管理器

npm - 全局软件包 nodemon

Node.js 总结  


Node.js 入门

什么是 Node.js

定义:

作用:使用 Node.js 编写服务器端程序

编写数据接口,提供网页资源浏览功能等等

前端工程化:为后续学习 Vue 和 React 等框架做铺垫

什么是前端工程化

前端工程化:开发项目直到上线,过程中集成的所有工具和技术

Node.js 是前端工程化的基础(因为 Node.js 可以主动读取前端代码内容)

Node.js 为何能执行 JS?

首先:浏览器能执行 JS 代码,依靠的是内核中的 V8 引擎 (C++ 程序)

其次:Node.js 是基于 Chrome V8 引擎进行封装(运行环境)

区别:都支持 ECMAScript 标准语法,Node.js 有独立的 API

注意: Node.js 环境没有 DOM 和 BOM 等

fs 模块 - 读写文件

fs 模块:封装了与本机文件系统进行交互的,方法/属性

语法:

1. 加载 fs 模块对象

2. 写入文件内容

3. 读取文件内容

//1.加载fs模块对象
const fs = require('fs')
//2.写入文件内容
fs.writeFile('./test.txt','hello world',(err)=>{
    if(err){
        console.log(err)
    }
    else{
        console.log('写入成功')
    }
})
//3.读取文件内容
fs.readFile('./test.txt',(err,data)=>{
    if(err){
        console.log(err)
    }
    else{
        console.log(data.toString())
    }
})

终端显示为:                        

path 模块 - 路径处理

建议:在 Node.js 代码中,使用 绝对路径

补充: __dirname 内置变量(获取当前模块目录-绝对路径)

注意: path.join() 会使用特定于平台的分隔符,作为定界符,将所有给定的路径片段连接在一起

语法:

1. 加载 path 模块

2. 使用 path.join 方法,拼接路径

URL 中的端口号

URL: 统一资源定位符,简称网址,用于访问服务器里的资源

端口号:标记服务器里不同功能的 服务程序

端口号范围:0-65535 之间的任意整数

注意:http 协议, 默认 访问 80 端口  

常见的服务程序

Web 服务程序:用于提供网上信息浏览功能

注意:0-1023 和一些特定端口号被占用,我们自己编写服务程序请避开使用

Node.js 模块化

什么是模块化?

定义:

概念:项目是由很多个模块文件组成的

好处:提高代码复用性,按需加载,独立作用域

使用:需要标准语法导出导入进行使用

CommonJS 标准

使用:

1. 导出:module.exports = {}

2. 导入:require('模块名或路径')

ECMAScript 标准 - 默认导出和导入  

默认标准使用:

1. 导出: export default {}

2. 导入: import 变量名 from '模块名或路径'

注意: Node.js 默认支持 CommonJS 标准语法

如需使用 ECMAScript 标准语法,在运行模块所在文件夹新建 package.json 文件,并设置

{ "type" : "module" }

包的概念  

包:将模块,代码,其他资料聚合成一个文件夹

包分类:

        项目包:主要用于编写项目和业务逻辑

        软件包: 封装工具和方法 进行使用

要求:根目录中,必须有 package.json 文件(记录包的清单信息)

注意:导入软件包时,引入的默认是 index.js 模块文件 / main 属性指定的模块文件

npm - 软件包管理器

定义:

使用:

1. 初始化清单文件 :npm init -y(得到 package.json 文件,有则略过此命令)

2. 下载软件包

npm i 软件包名称

3. 使用软件包

npm - 全局软件包 nodemon

软件包区别:

➢ 本地软件包: 当前项目 内使用,封装 属性和方法 ,存在于 node_modules

➢ 全局软件包: 本机 所有项目使用,封装 命令和工具 ,存在于系统设置的位置

nodemon 作用:替代 node 命令,检测代码更改,自动重启程序

使用:

1. 安装:npm i nodemon -g(-g 代表安装到全局环境中)

2. 运行:nodemon 待执行的目标 js 文件

Node.js 总结  

Node.js 模块化:

概念:每个文件当做一个模块,独立作用域,按需加载

使用:采用特定的标准语法导出和导入进行使用

CommonJS 标准:一般应用在 Node.js 项目环境中

ECMAScript 标准:一般应用在前端工程化项目中

Node.js 包:

概念:把模块文件,代码文件,其他资料聚合成一个文件夹

项目包:编写项目需求和 业务逻辑 的文件夹

软件包: 封装工具和方法 进行使用的文件夹(一般使用 npm 管理)

✓ 本地软件包:作用在 当前 项目,一般封装的 属性/方法 ,供项目调用编写业务需求

✓ 全局软件包:作用在 所有 项目,一般封装的 命令/工具 ,支撑项目运行

常用命令:

相关文章
|
6天前
|
JSON JavaScript 前端开发
Ctfshow web入门 nodejs篇 web334-web344
Ctfshow web入门 nodejs篇 web334-web344
17 0
|
3天前
|
设计模式 前端开发 Java
【前端学java】SpringBootWeb极速入门-分层解耦(03)
【8月更文挑战第13天】SpringBootWeb极速入门-分层解耦(03)
8 2
【前端学java】SpringBootWeb极速入门-分层解耦(03)
|
4天前
|
开发框架 前端开发 Java
【前端学java】SpringBootWeb极速入门-实现一个简单的web页面01
【8月更文挑战第12天】SpringBootWeb极速入门-实现一个简单的web页面01
16 3
【前端学java】SpringBootWeb极速入门-实现一个简单的web页面01
|
4天前
|
JSON 前端开发 Java
【前端学java】SpringBootWeb极速入门-请求参数解析(02)
【8月更文挑战第12天】SpringBootWeb极速入门-请求参数解析(02)
10 1
【前端学java】SpringBootWeb极速入门-请求参数解析(02)
|
5天前
|
前端开发 JavaScript 数据安全/隐私保护
前端JS正则校验密码之3种实现方式
这篇文章展示了三种使用JavaScript正则表达式来校验密码的方法,密码需要满足包含大写字母、小写字母、数字及特殊字符,并在8到16位之间,同时提供了示例代码和实现效果。
6 1
前端JS正则校验密码之3种实现方式
|
1天前
|
前端开发 IDE Java
"揭秘前端转Java的秘径:SpringBoot Web极速入门,掌握分层解耦艺术,让你的后端代码飞起来,你敢来挑战吗?"
【8月更文挑战第19天】面向前端开发者介绍Spring Boot后端开发,通过简化Spring应用搭建,快速实现Web应用。本文以创建“Hello World”应用为例,展示项目基本结构与运行方式。进而深入探讨三层架构(Controller、Service、DAO)下的分层解耦概念,通过员工信息管理示例,演示各层如何协作及依赖注入的使用,以此提升代码灵活性与可维护性。
|
5天前
|
前端开发 JavaScript 程序员
聊聊前端 JavaScript 的扩展运算符 “...“ 的使用场景
聊聊前端 JavaScript 的扩展运算符 “...“ 的使用场景
|
10天前
|
JavaScript 前端开发 NoSQL
使用Node.js进行后端开发入门
【8月更文挑战第10天】恭喜你完成了Node.js后端开发的入门之旅!这只是个开始,Node.js的世界远比这广阔。随着你对Node.js的深入学习和实践,你将能够构建更复杂、更强大的后端应用。不断探索、学习和实践,你将在Node.js的道路上越走越远。
|
11天前
|
前端开发
【前端】校园二手书交易系统javascript+css+html (源码)【独一无二】
【前端】校园二手书交易系统javascript+css+html (源码)【独一无二】
|
12天前
|
资源调度 前端开发 JavaScript
前端 nodejs 命令行自动调用编译 inno setup 的.iss文件
前端 nodejs 命令行自动调用编译 inno setup 的.iss文件