解读node.js中的path路径模块
2023-01-21 09:08:22 来源：易采站长站 作者：
目录1.什么是path路径模块2.路径拼接3.获取路径中的文件名4.获取路径中的文件扩展名5.综合案例-时钟案例总结1.什么是path路径模块path模块是Node.js官方提供的、...
目录
1. 什么是 path 路径模块2. 路径拼接
3. 获取路径中的文件名
4. 获取路径中的文件扩展名
5. 综合案例 - 时钟案例
总结
1. 什么是 path 路径模块
path 模块是 Node.js 官方提供的、用来处理路径的模块。
它提供了一系列的方法和属性，用来满足用户对路径的处理需求。
例如：
path.join () 方法，用来 将多个路径片段拼接成一个完整的路径字符串path.basename () 方法，用来从路径字符串中，将文件名解析出来如果要在 JavaScript 代码中，使用 path 模块来处理路径，则需要使用如下的方式先导入它www.cppcns.com：
2. 路径拼接
使用 path.join() 方法，可以把多个路径片段拼接为完整javascript的路径字符串，语法格式如下：
参数解读：
...paths <string> 路径片段的序列返回值 : <string>
使用 path.join() 方法，可以把多个路径片段拼接为完整的路径字符串：
注意：今后凡是涉及到路径拼接的操作，都要使用 path.join() 方法进行处理。不要直接使用 + 进行字符串的拼接。
3. 获取路径中的文件名
javascript
使用 http://www.cppcns.compath.basename() 方法，可以获取路径中的最后一部分，经常通过这个方法获取路径中的文件名，语法格式如下：
参数解读：
path <string> 必选参数，表示一个路径的字符串ext <string> 可选参数，表示文件扩展名
返回 : <string> 表示路径中的最后一部分
使用 path.basename() 方法，可以从一个文件路径中，获取到文件的名称部分：
4. 获取路径中的文件扩展名
使用 path.extname() 方法，可以获取路径中的扩展名部分，语法格式如下：
参数解读：
path <string> 必选参数，表示一个路径的字符串返回 : <string> 返回得到的扩展名字符串
使用 path.extname() 方法，可以获取路径中的扩展名部分：
5. 综合案例 - 时钟案例
将素材目录下的 index.html 页面，拆分成三个文件，分别是：
index.cssindex.js
index.html
并且将拆分出来的 3 个文件，存放到 clock 目录中。
①创建两个正则表达式，分别用来匹配 <style> 和 <script> 标签
②使用 fs 模块，读取需要被处理的 HTML 文件
③自定义 resolveCSS 方法，来写入 index.css 样式文件
④自定义 resolveJS 方法，来写入 index.js 脚本文件
⑤自定义 resolveHTML 方法，来写入 index.html 文件
① fs.writeFile () 方法只能用来创建文件，不能用来创建路径
② 重复调用 fs.writeFile () 写入同一个文件，新写入的内容会覆盖之前的旧内容
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持我们。
如有侵权，请发邮件到 [email protected]
最新图文推荐
相关文章
-
vue跳转不同页面的多种方法 1：router-link跳转 !-- 直接跳转 --router-link to='/testDemo' button点击跳转2/button/router-link !-- 带参数跳转 --router-link :to="{path:'testDemo',query:{setid:123456}}" button点击跳转2020-03-26
-
Vue+elementUI实现多图片上传与回显功能（含回显后继续上传或删除
最近有使用vue+elementUI实现多图片上传的需求，遂做此纪录。 本次主要写一下前端的实现细节，至于后台以Multipart[ ]数组接收即可，不再赘述，网上一搜大把文章可供参考。 本次使用2020-03-23
-
上效果图: 一:搜索框功能实现 1.在首页做一个搜索框的样式并实现跳转到搜索页面 view class='page_row' bindtap="suo" view class="search" view class="df search_arr" icon class="searchcion" size='20' type='search'/2020-03-10
-
本文实例为大家分享了微信小程序分享朋友圈海报的具体代码，供大家参考，具体内容如下 思路：生成朋友圈海报放在公共文件，首先需要绘制canvas，点击分享朋友圈按钮，在手机屏幕2020-06-21
-
当下， 我们几乎所有的项目都是基于 webpack、rollup 等构建工具进行开发的，模块化已经是常态。 我们对它并不陌生，今天，我们就再系统的回顾一下ES6的模块机制， 并总结下常用的操2020-07-04
-
Vue-router 报错NavigationDuplicated的解决方法
版本：3.1.x 报错原因： 使用push()、replace()进行导航时，不能重复导航到当前路由。 解决办法： 方法1：在定义路由的文件中router/index.js const originalPush = VueRouter.prototype.pushVueRouter.protot2020-03-31
-
本文实例为大家分享了vue实现滑动以及左右联动效果的具体代码，供大家参考，具体内容如下 一、首先需要在项目中引入better-scroll 1. 在package.json 直接写入 "better-scroll":"^1.15.1" 版本以2020-06-30
-
在Vue项目中，引入到工程中的所有js、css文件，编译时都会被打包进vendor.js，浏览器在加载该文件之后才能开始显示首屏。若是引入的库众多，那么vendor.js文件体积将会相当的大，影响2020-06-25
豫公网安备 41019702003123号