Node基础篇(文件操作)_html/css_WEB-ITnose
文件操作
相关模块
Node内核提供了很多与文件操作相关的模块,每个模块都提供了一些最基本的操作API,在NPM中也有社区提供的功能包
fs:
基础的文件操作 API
path:
提供和路径相关的操作 API
readline:
用于读取大文本文件,一行一行读
fs-extra(第三方):
https://www.npmjs.com/package/fs-extra
同步或异步调用
- fs模块对文件的几乎所有操作都有同步和异步两种形式
- 例如:readFile() 和 readFileSync()
- 区别:
- 同步调用会阻塞代码的执行,异步则不会
- 异步调用会将读取任务下达到任务队列,直到任务执行完成才会回调
- 异常处理方面,同步必须使用 try catch 方式,异步可以通过回调函数的第一个参数
路径模块
在文件操作的过程中,都必须使用物理路径(绝对路径),path模块提供了一系列与路径相关的 API
console.log('join用于拼接多个路径部分,并转化为正常格式'); const temp = path.join(__dirname, '..', 'lyrics', './友谊之光.lrc'); console.log(temp);console.log('获取路径中的文件名'); console.log(path.basename(temp));console.log('获取路径中的文件名并排除扩展名'); console.log(path.basename(temp, '.lrc'));console.log('====================================');console.log('获取不同操作系统的路径分隔符'); console.log(process.platform + '的分隔符为 ' + path.delimiter);console.log('一般用于分割环境变量'); console.log(process.env.PATH.split(path.delimiter));console.log('====================================');console.log('获取一个路径中的目录部分'); console.log(path.dirname(temp));console.log('====================================');console.log('获取一个路径中最后的扩展名'); console.log(path.extname(temp));console.log('====================================');console.log('将一个路径解析成一个对象的形式'); const pathObject = path.parse(temp); console.log(pathObject);console.log('====================================');console.log('将一个路径对象再转换为一个字符串的形式'); // pathObject.name = '我终于失去了你';pathObject.base = '我终于失去了你.lrc'; console.log(pathObject);console.log(path.format(pathObject));console.log('====================================');console.log('获取一个路径是不是绝对路径'); console.log(path.isAbsolute(temp)); console.log(path.isAbsolute('../lyrics/爱的代价.lrc'));console.log('====================================');console.log('将一个路径转换为当前系统默认的标准格式,并解析其中的./和../'); console.log(path.normalize('c:/develop/demo\\hello/../world/./a.txt'));console.log('====================================');console.log('获取第二个路径相对第一个路径的相对路径'); console.log(path.relative(__dirname, temp));console.log('====================================');console.log('以类似命令行cd命令的方式拼接路径'); console.log(path.resolve(temp, 'c:/', './develop', '../application'));console.log('====================================');console.log('获取不同平台中路径的分隔符(默认)'); console.log(path.sep);console.log('====================================');console.log('允许在任意平台下以WIN32的方法调用PATH对象'); // console.log(path.win32);console.log(path === path.win32);console.log('====================================');console.log('允许在任意平台下以POSIX的方法调用PATH对象'); console.log(path === path.posix);
源码地址: https://github.com/nodejs/node/blob/master/lib/path.js
文件读取
Node中文件读取的方式主要有:
fs.readFile(file[, options], callback(error, data))
fs.readFile('c:\\demo\1.txt', 'utf8', (err, data) => { if (err) throw err; console.log(data);});
fs.readFileSync(file[, options])
try { const data = fs.readFileSync('c:\\demo\1.txt', 'utf8'); console.log(data);} catch(e) { // 文件不存在,或者权限错误 throw e;}
fs.createReadStream(path[, options])
const stream = fs.createReadStream('c:\\demo\1.txt'); let data = '' stream.on('data', (trunk) => { data += trunk;});stream.on('end', () => { console.log(data);});
由于Windows平台下默认文件编码是GBK,在Node中不支持,可以通过 iconv-lite解决
Readline模块逐行读取文本内容
const readline = require('readline'); const fs = require('fs');const rl = readline.createInterface({ input: fs.createReadStream('sample.txt')});rl.on('line', (line) => { console.log('Line from file:', line);});
文件写入
Node中文件写入的方式主要有:
fs.writeFile(file, data[, options], callback(error))
fs.writeFile('c:\\demo\a.txt', new Date(), (error) => { console.log(error);});
fs.writeFileSync(file, data[, options])
try { fs.writeFileSync('c:\\demo\a.txt', new Date());} catch (error) { // 文件夹不存在,或者权限错误 console.log(error);}
fs.createWriteStream(path[,option])
var streamWriter = fs.createWriteStream('c:\\demo\a.txt'); setInterval(() => { streamWriter.write(`${new Date}\n`, (error) => { console.log(error); });}, 1000);
文件写入
fs.appendFile(file,data[,options],callback(err))
// 相比较之前文件流的方式,这种方式不会占用文件资源,append完成就会释放setInterval(() => { fs.appendFile('c:\\demo\a.txt',`${new Date}\n`, (error) => { console.log(error); });}, 1000);
fs.appendFileSync(file,data[,options])
setInterval(() => { fs.appendFileSync('c:\\demo\a.txt',`${new Date}\n`);}, 1000);
其他常见文件操作
验证路径是否存在(过时的API)
- fs.exists(path,callback(exists))
- fs.existsSync(path) // => 返回布尔类型 exists
获取文件信息
- fs.stat(path,callback(err,stats))
- fs.statSync(path) // => 返回一个fs.Stats实例
移动文件或重命名文件或目录
与命令行相同,重命名操作也可以实现文件移动
- fs.rename(oldPath,newPath,callback)
- fs.renameSync(oldPath,newPath)
删除文件
- fs.unlink(path,callback(err))
- fs.unlinkSync(path)
其他常见文件夹操作
创建一个目录
- fs.mkdir(path[,model],callback)
- fs.mkdirSync(path[,model])
删除一个空目录
- fs.rmdir(path,callback)
- fs.rmdirSync(path)
读取一个目录
- fs.readdir(path,callback(err,files))
- fs.readdirSync(path) // => 返回files
文件监视
利用文件监视实现自动 markdown 文件转换
-
相关链接:
- https://github.com/chjj/marked
- https://github.com/Browsersync/browser-sync
-
实现思路:
- 利用 fs模块的文件监视功能监视指定MD文件
- 当文件发生变化后,借助 marked包提供的 markdownto html功能将改变后的MD文件转换为HTML
- 再将得到的HTML替换到模版中
- 最后利用BrowserSync模块实现浏览器自动刷新
const fs = require('fs'); const path = require('path'); var marked = require('marked'); var bs = require('browser-sync').create();var target = path.join(__dirname, process.argv[2] || './README.md'); var filename = path.basename(target, path.extname(target)) + '.html'; var targetHtml = path.join(path.dirname(target), filename);bs.init({ server: path.dirname(target), index: filename, notify: false});bs.reload(filename);var template = `<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style>{{{styles}}}</style></head> <body> <article class="markdown"> {{{body}}} </article></body> </html> `;fs.readFile(path.join(__dirname, './markdown.css'), 'utf8', (error, css) => { if (error) throw error; template = template.replace('{{{styles}}}', css); var handler = (current, previous) => { fs.readFile(target, 'utf8', (error, content) => { var html = template.replace('{{{body}}}', marked(content)); fs.writeFile(targetHtml, html, (error) => { if (!error) { console.log(`updated@${new Date()}`); bs.reload(filename); } }); }); }; handler(); fs.watchFile(target, { interval: 100 }, handler);});
缓冲区处理
什么是缓冲区
- 缓冲区就是内存中操作数据的容器
- 只是数据容器而已
- 通过缓冲区可以很方便的操作二进制数据
- 而且在大文件操作时必须有缓冲区
为什么要有缓冲区
- JavaScript是比较擅长处理字符串,但是早期的应用场景主要用于处理HTML文档,不会有太大篇幅的数据处理,也不会接触到二进制的数据。
- 而在Node中操作数据、网络通信是没办法完全以字符串的方式操作的,简单来说
- 所以在Node中引入了一个二进制的缓冲区的实现:Buffer

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











이 기사는 HTML & lt; Progress & Gt에 대해 설명합니다. 요소, 그 목적, 스타일 및 & lt; meter & gt의 차이; 요소. 주요 초점은 & lt; progress & gt; 작업 완료 및 & lt; meter & gt; Stati의 경우

이 기사는 HTML & LT; Datalist & GT에 대해 논의합니다. 자동 완성 제안을 제공하고, 사용자 경험을 향상시키고, 오류를 줄임으로써 양식을 향상시키는 요소. 문자 수 : 159

이 기사는 HTML & lt; meter & gt에 대해 설명합니다. 범위 내에 스칼라 또는 분수 값을 표시하는 데 사용되는 요소 및 웹 개발의 일반적인 응용 프로그램. & lt; meter & gt; & lt; Progress & Gt; 그리고 Ex

기사는 HTML5 크로스 브라우저 호환성을 보장하기위한 모범 사례에 대해 논의하고 기능 감지, 점진적 향상 및 테스트 방법에 중점을 둡니다.

이 기사는 html5 & lt; time & gt; 시맨틱 날짜/시간 표현 요소. 인간이 읽을 수있는 텍스트와 함께 기계 가독성 (ISO 8601 형식)에 대한 DateTime 속성의 중요성을 강조하여 Accessibilit를 향상시킵니다.

이 기사에서는 브라우저에서 직접 사용자 입력을 검증하기 위해 필요한, Pattern, Min, Max 및 Length 한계와 같은 HTML5 양식 검증 속성을 사용하는 것에 대해 설명합니다.

이 기사는 모바일 장치의 반응 형 웹 디자인에 필수적인 Viewport Meta Tag에 대해 설명합니다. 적절한 사용이 최적의 컨텐츠 스케일링 및 사용자 상호 작용을 보장하는 방법을 설명하는 반면, 오용은 설계 및 접근성 문제로 이어질 수 있습니다.

이 기사는 & lt; iframe & gt; 외부 컨텐츠를 웹 페이지, 공통 용도, 보안 위험 및 객체 태그 및 API와 같은 대안을 포함시키는 태그의 목적.
