• nodejs 时钟案例(fs模块),重复使用fs.writeFile方法,旧内容会被覆盖


    时钟案例

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    步骤2:
    在这里插入图片描述
    步骤三:自定义resolveCSS方法
    在这里插入图片描述
    注意css匹配style标签.exec()匹配css样式

    步骤4:自定义resolveJS方法
    在这里插入图片描述
    步骤5:自定义resolveHYML方法来处理html代码(不包含css样式和js脚本)
    在这里插入图片描述
    注意:newHTML就是处理完的(只包含结构,不包含样式和脚本)

    注意:最后被修改的html文件中的css和js都会以外链的形式引入

    在这里插入图片描述
    在这里插入图片描述
    注意:思路整理
    fs变量来读写文件
    path变量来处理路径
    regStyle匹配style标签
    regScript匹配script标签

    读取 素材 目录下的index.html文件,读取成功后,用对应的三个方法(resolveCSS,resolveJS,resolveHTMl)来分别拆解css,js,html三个文件

    reovleCSS中通过正则的exec方法来提取css代码,然后把style标签通过replace方法去除(替换成空),然后把代码写入index.css文件中

    reovleJS中通过正则的exec方法来提取js代码,然后把script标签通过replace方法去除(替换成空),然后把代码写入index.js文件中

    resolveHTML通过replace方法,把css的代码和js代码替换成对应的link外链,最后写入index.html文件中

    完整代码:
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    注意:时钟案例中的两个注意点
    在这里插入图片描述
    注意没有对应路径(文件夹),在其中执行文件会报错

    注意同一文件重复使用fs.writeFile方法,旧内容会被覆盖

  • 相关阅读:
    Flutter笔记: 在Flutter应用中使用SQLite数据库
    Java之线程
    汇编语言实验3:DEBUG的使用
    springboot react 代码生成器
    Hive中几个非常重要的问题
    Ajax加强
    什么是分布式软件系统
    QT学习总结之QObject详解
    亲测有效,快速创建JMeter桌面快捷方式
    【思科设备命令最全合集,快快收藏!】
  • 原文地址:https://blog.csdn.net/c62387723sq/article/details/126083219