node.js学习之路径解决方法、path模快、时钟综合案例

node.js学了点又去补ajax知识，学不完了补不完了

出现路线拼接错误的问题 是因为提供了./ 或 ../相对路径

如果要解决这个问题，可以直接提供一个完整的文件存放路径就行

为解决移植性差的问题可以写 __dirname + 文件相对路径 表示当前文件所处的目录

 

什么是 path 路径模块

path模块是node.js 官网提供的，用来处理路径的模块，它提供了一系列的方法和属性，用来满足用户对路径的处理需求

前面写的代码中 + 拼接路径 不够规范

例如

• path.join()方法，用来将多个路径片段拼接成一个完整的路径字符串

• path.basename()方法，用来从路径字符串中，将文件名解析出来

拼接路径正确方式

如果在js代码中，使用path模块来处理路径，则需要使用如下的方式先导入它

const path = require('path')

1. path.join([...paths])

参数解读：

• ..path<string>路径片段的序列

• 返回值：<string>

注意： 今后凡是设计到路径拼接的操作，都要使用path.join() 方法处理，不要直接使用 + 进行字符串的拼接

获取路径中的文件名

path.basename() 

使用path.basename()方法，可以获取路径中的最后一部分，经常通过这份方法获取路径中的文件名，语法格式如下

path.basename(path[, ext])

参数解读：

• path<string>必选参数，表示一个路径的字符串

• ext<string> 可选参数，表示文件扩展名

• 返回 <string> 表示路径中的最后一部分

 

获取路径中的文件扩展名

使用path.extname() 方法，可以获取路径中的扩展名部分，语法格式如下

path.extname(path)

• path<string>必选参数，表是一个路径的字符串

• 返回：<srting>返回得到扩展名字符串

案例-时钟案例

将素材目录下的index.html页面拆分成三个文件 分别是inde.css、index.js、index.html 并且将拆分出来的3个文件，存放在clock目录中

案例实现步骤：

1. 创建两个正则表达式，分别用来匹配<style>和<script>标签

2. 使用fs模块，读取需要被处理的HTML文件

3. 自定义resolveCSS方法，来写入index.css样式文件

4. 自定义resolve方法，来写入index.js脚本文件

5. 自定义resolveHTML方法，来写入inex.html文件

步骤1-导入需要的模块并创建正则表达式

 

步骤2-使用fs模块读取需要被处理html文件

步骤3-自定义resolveCSS方法

 

步骤4-自定义resolveJS方法

 

步骤5-自定义resolveHTML方法

 

案例的两个注意点：

• fs.writeFile() 方法只能用来创建文件，不能用来创建路径

• 重复调用fs.writeFile() 写入同一个文件，新写入的内容会覆盖之前的旧内容