前端框架前置课Node.js学习(1) fs,path,模块化,CommonJS标准,ECMAScript标准,包

这篇具有很好参考价值的文章主要介绍了前端框架前置课Node.js学习(1) fs,path,模块化,CommonJS标准,ECMAScript标准,包。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

目录

什么是Node.js

定义

作用:

什么是前端工程化

Node.js为何能执行Js

fs模块-读写文件

模块

语法:

1.加载fs模块对象

2.写入文件内容

3.读取文件内容

Path模块-路径处理

为什么要使用path模块

语法

URL中的端口号

http模块-创建Web服务

需求

步骤:

案例:浏览时钟

步骤:

什么是模块化

定义

概念

好处

使用

CommonJS标准

需求:

使用:

模块名或者路径:

ECMAScript标准-默认导入和导出

需求:

默认标准使用:

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

ECMAScript标准-命名导出和导入

需求

命名标准使用:

如何选择默认或者命名

概念

分类

要求:

注意:

需求:


什么是Node.js

定义

        Node.js是一个跨平台js运行环境,使开发者可以搭建服务器的js应用程序

作用:

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

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

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

什么是前端工程化

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

前端框架前置课Node.js学习(1) fs,path,模块化,CommonJS标准,ECMAScript标准,包,前端框架,node.js

Node.js为何能执行Js

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

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

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

前端框架前置课Node.js学习(1) fs,path,模块化,CommonJS标准,ECMAScript标准,包,前端框架,node.js

前端框架前置课Node.js学习(1) fs,path,模块化,CommonJS标准,ECMAScript标准,包,前端框架,node.js

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

fs模块-读写文件

模块

类似插件,分装了方法/属性

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

语法:

1.加载fs模块对象

const fs = require('fs') // fs是模块标识符,模块的名字

2.写入文件内容

fs.writeFile('文件路径','写入内容',err => {

        //写入内容后的回调函数

})

3.读取文件内容

fs.readFile('文件路径',(err,data) =>{

        //读取后的回调函数

        // data是文件内容Buffer数据流

})

Path模块-路径处理

为什么要使用path模块

问题:Node.js代码中,相对路径是根据终端所在路径来查找的,可能无法找到你想要的文件

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

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

        window和mac系统的路径格式不同

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

前端框架前置课Node.js学习(1) fs,path,模块化,CommonJS标准,ECMAScript标准,包,前端框架,node.js

语法

1.加载path模块

const path = require('path')

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

path.join('路径1','路径2',...)

URL中的端口号

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

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

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

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

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

前端框架前置课Node.js学习(1) fs,path,模块化,CommonJS标准,ECMAScript标准,包,前端框架,node.js

http模块-创建Web服务

需求

创建Web服务兵响应内容给浏览器

步骤:

1.加载http模块,创建Web服务对象

2.监听request请求事件,设置响应头和响应体

3.配置端口号并启动Web服务

4.浏览器请求http://localhost:3000测试(localhost代表本机域名)

前端框架前置课Node.js学习(1) fs,path,模块化,CommonJS标准,ECMAScript标准,包,前端框架,node.js

案例:浏览时钟

前端框架前置课Node.js学习(1) fs,path,模块化,CommonJS标准,ECMAScript标准,包,前端框架,node.js

步骤:

1.基于http模块,创建Web服务

2.使用req.url获取资源路径,判断并读取index.html里字符串内容返回给请求方

3.其他路径,暂时返回不存在的提示

4.运行Web服务,用浏览器发起请求测试

前端框架前置课Node.js学习(1) fs,path,模块化,CommonJS标准,ECMAScript标准,包,前端框架,node.js

什么是模块化

定义

CommonJS模块是为Node.js打包JavaScript代码的原始方式.Node.js还支持浏览器和其他JavaScript运行时使用的ECMAScript模块标准.在Node.js中,每个文件都被视为一个单独的模块.

前端框架前置课Node.js学习(1) fs,path,模块化,CommonJS标准,ECMAScript标准,包,前端框架,node.js

概念

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

好处

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

使用

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

CommonJS标准

需求:

定义Utils.js模块,封装基地地址和求数组总和的函数

前端框架前置课Node.js学习(1) fs,path,模块化,CommonJS标准,ECMAScript标准,包,前端框架,node.js

使用:

1.导出:module.exports={}

前端框架前置课Node.js学习(1) fs,path,模块化,CommonJS标准,ECMAScript标准,包,前端框架,node.js

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

前端框架前置课Node.js学习(1) fs,path,模块化,CommonJS标准,ECMAScript标准,包,前端框架,node.js

模块名或者路径:

内置模块:直接写名字(例如:fs,path,http)

自定义模块:写模块文件路径

ECMAScript标准-默认导入和导出

需求:

封装并导出基地址和求数组元素和的函数

默认标准使用:

1.导出:export default{}

前端框架前置课Node.js学习(1) fs,path,模块化,CommonJS标准,ECMAScript标准,包,前端框架,node.js

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

前端框架前置课Node.js学习(1) fs,path,模块化,CommonJS标准,ECMAScript标准,包,前端框架,node.js

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

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

前端框架前置课Node.js学习(1) fs,path,模块化,CommonJS标准,ECMAScript标准,包,前端框架,node.js

ECMAScript标准-命名导出和导入

需求

封装并导出基地址和求数组元素和的函数

命名标准使用:

1.导出:export 修饰定义语句

前端框架前置课Node.js学习(1) fs,path,模块化,CommonJS标准,ECMAScript标准,包,前端框架,node.js

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

前端框架前置课Node.js学习(1) fs,path,模块化,CommonJS标准,ECMAScript标准,包,前端框架,node.js

如何选择默认或者命名

按需加载,使用命名导出和导入

全部加载,使用默认导出和导入

概念

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

分类

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

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

要求:

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

前端框架前置课Node.js学习(1) fs,path,模块化,CommonJS标准,ECMAScript标准,包,前端框架,node.js

注意:

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

需求:

封装数组求和函数模块,判断用户名和密码长度函数的模块,形成一个软件包文章来源地址https://www.toymoban.com/news/detail-793308.html

到了这里,关于前端框架前置课Node.js学习(1) fs,path,模块化,CommonJS标准,ECMAScript标准,包的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • node.js内置模块fs,path,http使用方法

    NodeJs中分为两部分 一是V8引擎为了解析和执行JS代码。 二是内置API,让JS能调用这些API完成一些后端操作。 内置API模块(fs、path、http等) 第三方API模块(express、mysql等) fs模块 fs.readFile()方法,用于读取指定文件中的内容。 fs.writeFile()方法,用于向执行的文件中写入内容 path路径处

    2024年02月12日
    浏览(37)
  • 前端node.js入门-前端工程化与模块化

    (创作不易,感谢有你,你的支持,就是我前行的最大动力,如果看完对你有帮助,请留下您的足迹) 目录 Node.js 入门  什么是 Node.js? 什么是前端工程化?   Node.js 为何能执行 JS?  fs 模块 - 读写文件  path 模块 - 路径处理 URL 中的端口号  常见的服务程序  Node.js 模块化 什

    2024年02月14日
    浏览(51)
  • 【Node.js学习 day4——模块化】

    什么是模块化与模块? 将一个复杂的程序文件依据一定规则(规范)拆分成多个文件的过程称之为 模块化 其中拆分的 每个文件就是一个模块 ,模块的内部数据是私有的,不过模块可以暴露内部数据以便其他模块使用。 什么是模块化项目? 编码时是按照模块一个一个编码的

    2024年01月16日
    浏览(33)
  • node中的内置模块path和fs

    Node中的path模块是用来操作文件路径的内置模块,主要用于字符串路径操作,其有多种用法用来返回不同的路径信息。 path.join path.join()方法主要用于连接路径。该方法的主要作用就是将所有传入的路径片段连接在一起,然后规范化生成的路径。需要注意的是,在Join操作中’

    2024年02月13日
    浏览(36)
  • 前端10年进化 Node.js、模块化、CommonJS、AMD、CMD、Webpack、Vue-cli、Electron-vue

    模块化的概念在软件开发领域已经存在很长时间,但在 JavaScript 中的模块化发展相对较晚。以下是对您提出的问题的回答: 提出时间:JavaScript 中的模块化概念相对较早地提出于 CommonJS 规范。CommonJS 是一种 JavaScript 模块化规范,最早在 2009 年由 Ryan Dahl 和其他社区成

    2024年02月11日
    浏览(58)
  • Node.js--fs模块

    fs模块的全称为 file system ,称之为 文件系统 ,是Node.js中的 内置模块 ,可以对计算机中的磁盘进行操作。 文件写入就是将 数据 保存到 文件 中,我们可以使用如下几个方法来实现该效果 方法 说明 writeFile 异步写入 writeFileSync 同步写入 appendFile/appendFileSync 追加写入 createWri

    2024年02月12日
    浏览(40)
  • Node.js -- fs模块

    fs – file system fs模块可以实现与硬盘的交互 例如文件的创建、删除、重命名、移动, 还有文件内容的写入、读取,以及文件夹的相关操作 导入fs 模块 写入文件 // 2 // 写入成功 其实,我们平常文件的保存也是使用了node 的fs 模块! 异步执行 上面我们在学习写入模块时举出的

    2024年04月25日
    浏览(23)
  • Node.js中fs模块

    fs模块是Node.js中的一个核心模块,全称为File System(文件管理系统)。该模块专门用来操作系统中的文件,常用的操作方式是对文件的读取和写入。 fs模块的API大都提供三种操作方式: 同步操作文件:代码会被阻塞,不会继续执行。 异步回调函数操作文件:代码不会被阻塞,

    2024年01月25日
    浏览(33)
  • Node.js模块化

    说明:将复杂的程序文件,拆分多个文件的过程。模块的内部数据是私有的,不过模块可以暴露内部数据供其他模块使用。 说明:编码时是按照模块一个一个编码的,整个项目就是一个模块化的项目。 3.模块化的优势 说明: 提高代码的复用性:模块化可以将代码分解为可重

    2024年02月12日
    浏览(45)
  • Node.js--模块化

    1.1 什么是模块化与模块 将一个复杂的程序文件依据一定规则(规范)拆分成多个文件的过程称之为 模块化 其中拆分出的 每个文件就是一个模块 ,模块的内部数据都是私有的,不过模块可以暴露内部数据以便其他模块使用 1.2 什么是模块化项目 编码时是按照模块一个一个编码

    2024年02月16日
    浏览(36)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包