一段生成iconfont預覽html的代碼

var fs = require('fs')
var file = fs.readFileSync('./iconfont.css').toString();
var os = require('os')
 
var icons = file.split(os.EOL);
var getColor = function () {
    return '#' + Math.random().toString(16).substr(-6);
}
var html = '<!DOCTYPE html>' +
    '<html lang="en">' +
    '<head>' +
    '    <meta charset="UTF-8">' +
    '    <title>iconfont示例</title>' +
    '<link rel="stylesheet" href="./iconfont.css">' +
    '<style>.iconfont{font-size: 44px;height: 44px;width: 44px;margin: 4px;}</style>' +
    '</head>' +
    '<body>';
for (var i = 0; i < icons.length; i++) {
    var icon = icons[i];
    if (icon.startsWith('.icon') && icon.includes(':')) {
        var className = icon.split('.')[1].split(':')[0];
        html += '<i class="iconfont ' + className + '"></i>';
        if (i % 32 === 1) {
            console.log(i);
            html += '<br />'
            console.log(className);
        }
        // console.log(className);
    }
}
html += '<script>\n' +
    '    var getColor = function () {\n' +
    '        return \'#\' + Math.random().toString(16).substr(-6);\n' +
    '    }\n' +
    '    var icons = document.getElementsByTagName(\'i\')\n' +
    '    for (var i = 0; i < icons.length; i++) {\n' +
    '        var icon = icons[i];\n' +
    '        icon.style.color = getColor()\n' +
    '    }\n' +
    '</script></body>' +
    '</html>'
 
fs.writeFileSync('./examples.html', html)

使用 node file.js 執(zhí)行
使用 node --inspect-brk=3000 file.js 進行測試

?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容