美文网首页
01 Node.js基础

01 Node.js基础

作者: 小二的学习日记 | 来源:发表于2020-09-16 14:46 被阅读0次

    在浏览器中全局对象是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 = '<h3>正在使用fs.writeFile写入文件内容</h3>';
    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基础

          本文链接:https://www.haomeiwen.com/subject/fgdvektx.html