01 Node.js基础

在浏览器中全局对象是window,在Node中全局对象是global。
Node中全局对象下有以下方法,可以在任何地方使用,global可以省略。
console.log() 在控制台中输出
setTimeout() 设置超时定时器
clearTimeout() 清除超时定时器
setInterval() 设置间歇定时器
clearInterval() 清除间歇定时器


模块成员导出

//在模块内部定义变量
let version = 1.0
//在模块内部定义方法
const sayHi = name => `您好,${name}`;
//向模块外部导出数据
exports.version = version;
exports.sayHi = sayHi;

或者

module.exports.version = version;
module.exports.sayHi = sayHi;
//导出对象最终以module.exports为准

模块成员导入

//在b.js模块中导入模块a
let a = require('./b.js');
//输出b模块中的version变量
console.log(a.version);
//调用b模块中的sayHi方法 并输出其返回值
console.log(a.sayHi('1234'));

系统模块fs文件操作

const fs = require('fs');
//读取文件内容
fs.readFile('文件路径/文件名称',[,'文件编码'],callback);
//写入文件内容
fs.writeFile('文件路径/文件名称','数据',callback);

例子:

const content = '

正在使用fs.writeFile写入文件内容

'; fs.writeFile('../index.html',content,err => { if(err != null){ console.log(err); return; } console.log('文件写入成功'); })

路径拼接语法

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

例子:

//导入path模块
const path = require('path');
//路径拼接
let finialPath = path.join('itcast','a','b','c.css');
//输出结果itcast\a\b\c.css
console.log(finialPath);

获取第三方模块
下载 npm install 模块名称
卸载 npm uninstall package 模块名称

nodemon
下载 npm install nodemon -g

nrm
下载 npm install nrm -g
查询下载列表 nrm ls
切换npm下载地址 nrm use 下载地址名称

Gulp

  • 项目上线,HTML、CSS、JS文件压缩合并
  • 语法转换(es6、less...)
  • 公共文件抽离
  • 修改文件浏览器自动刷新
    下载 npm install gulp
1.使用npm install gulp下载gulp库文件
2.在项目根目录下建立gulpfile.js文件
3.重构项目的文件夹结构 src目录放置源代码文件 dist目录放置构建后文件
4.在gulpfile.js文件中编写任务.
5.在命令行工具中执行gulp任务
  • gulp.src():获取任务要处理的文件
  • gulp.dest():输出文件
  • gulp.task():建立gulp任务
  • gulp.watch():监控文件的变化
    例子:
const gulp = require('gulp');
//使用gulp.tast()方法建立任务
gulp.task('first',()=>{
    //获取要处理的文件
    gulp.src('./src/css/base.css')
    //将处理后的文件输出到dist目录
    .pipe(gulp.dest('./dist/css));
});

Gulp插件

  • gulp-htmlmin:html文件压缩
  • gulp-csso:压缩css
  • gulp-babel:JavaScript语法转换
  • gulp-less:less语法转换
  • gulp-uglify:压缩混淆JavaScript
  • gulp-file-include:公共文件包含
  • browsersync:浏览器实时同步

你可能感兴趣的:(01 Node.js基础)