【Node.JS 练习】时钟案例

【Node.JS 练习】时钟案例
往期文章

【Node.JS 】path路径模块

【Node.JS 练习】考试成绩整理

【Node.JS】buffer类缓冲区

【Node.JS】事件的绑定与触发

【Node.JS】写入文件内容

【Node.JS】读取文件内容

目录

案例要求

实现

步骤

创建正则表达式

使用相关模块，读取需要被处理的html文件

自定义resolve方法

css

js

html

案例要求

将素材目录下的index.html页面，拆分成三个文件，分别是：index.css，index.js，index.html

并且将拆分出的三个文件存放到clock目录中。
```
 
 
<body>
 
body>
<div class="container">
    <div>
        <span>
            11:11:00
        span>
        <h2>indexh2>
    div>
div>
 
<script>
 
script>
```
实现

步骤
1. 创建两个正则表达式，分别用来匹配', '');
//将提取内容写入到clock目录中一个index.css中
fs.writeFile(path.join(__dirname, '/clock/index.css'), newCss, function (err) {
if (err) {
return console.log('导入css样式失败' + err);
} else {
console.log('写入样式成功');
}
})
}

生成了一个css文件

js


function resolveJS(jsStr) {
    //正则匹配js
    const r1 = rescript.exec(jsStr);
    //替换掉非必要标签
    const newJs = r1[0].replace('', '');
    //将提取内容写入到clock目录中一个index.js中
    fs.writeFile(path.join(__dirname, '/clock/index.js'), newJs, function (err) {
        if (err) {
            return console.log('导入js样式失败' + err);
        } else {
            console.log('写入样式成功');
        }
    })
 
}

html


function resolveHtml(htmlStr) {
    const newHtml = htmlStr.replace(restyle, '')
        .replace(rescript, '')
    fs.writeFile(path.join(__dirname, '/clock/index.html'), newHtml, function (err) {
        if (err) {
            console.log('导入html文件失败' + err);
        } else {
            console.log('导入成功');
        }
    })
}

案例要求

实现

步骤

js

html