白学的小知识[时钟]

将时钟代码分离html,css,js,时钟html文件名为dataTime下的index.html

// 案例时钟
// 1.读取时钟文件
const fs = require("fs");
const path = require("path");
fs.readFile("./dataTime/index.html","utf-8",function(err,user){
    if(err){
        return console.log("获取文件失败"+err.message);
    }
    // console.log(user);
    resolveCss(user);
    resolveJs(user);
    resolveHtml(user);
})
// 修改html
function resolveHtml(user){
    let patt = /<style>[\s\S]*<\/style>/;
    let requsCss = patt.exec(user);
    user = user.replace(requsCss[0],"<link rel='stylesheet' href='./dataTime/index.css'>")
    let patts = /<script>[\s\S]*<\/script>/;
    let requsJs = patts.exec(user);
    user = user.replace(requsJs[0],"<script src='./dataTime/index.js'></script>")
    fs.writeFile("./dataTime/index.html",user,"utf-8",function(err){
        if(err){
            return console.log("创建文件失败"+err.message);
        }
    })
}
// 分离js
function resolveJs(user){
    // 2.正则匹配style内容
    let patt = /<script>[\s\S]*<\/script>/;
    let requsCss = patt.exec(user);
    let textStyle = requsCss[0].replace("<script>","").replace("</script>","")
    // 3.创建css文件
    fs.writeFile("./dataTime/index.js",textStyle,"utf-8",function(err){
        if(err){
            return console.log("创建文件失败"+err.message);
        }
    })
}
// 分离style
function resolveCss(user){
    // 2.正则匹配style内容
    let patt = /<style>[\s\S]*<\/style>/;
    let requsCss = patt.exec(user);
    let textStyle = requsCss[0].replace("<style>","").replace("</style>","")
    // 3.创建css文件
    fs.writeFile("./dataTime/index.css",textStyle,"utf-8",function(err){
        if(err){
            return console.log("创建文件失败"+err.message);
        }
    })
}

  • 12
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值