致冬天

作曲:崔薇 作词:崔薇



风不听 不听


那些飘去的记忆 不听


在布满森林的薄雾里面


舞蹈着树木的白骨


 


阳光的谎言


浸润在真实的花园


颠倒着那些奇异的碎片


它的眼睛美丽得潸然


 


光线 在沉醉中


忘记蚂蚁们愉快的交谈


光线 在沉醉中


忘记蚂蚁们愉快的交谈


 


天空悄悄哭泣的消息


传说也来自于南边


云对着那淡紫色的烟霞


想念


天空悄悄哭泣的消息


传说也来自南边


云彩对那淡紫色的烟霞


啊 想念


啊 想念


想念 想念
data:text/html;charset=utf-8,<html><head><meta charset="UTF-8"><title>🌸阿渊的立冬专属祝福🌸</title><style>body{margin:0;padding:0;background:#f0f0f0;overflow:hidden;font-family:Arial;cursor:pointer;}.snow{position:absolute;background:#ffc1e9;border-radius:50%;opacity:0.9;animation:fall linear infinite;}.blessing{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#2d3748;z-index:10;}h1{color:#ed8996;/* 茱萸粉大标题 */font-size:32px;margin-bottom:15px;text-shadow:0 0 12px #ffc1e9;}p{font-size:18px;line-height:1.8;margin:8px 0;}.highlight{color:#ff9a8b;font-weight:bold;text-decoration:underline;}@keyframes fall{to{transform:translateY(100vh);}}</style></head><body onclick="alert('🥳 119天友谊长存!\n愿往后每个冬天,我们都能互相温暖,\n岁岁年年,快乐相伴,不见不散~')"><div class="blessing"><h1>🌟 致认识了119天的阿渊 🌟</h1><p>立冬已至,暖意不散</p><p>愿你有<span class="highlight">暖衣裹身</span>,<span class="highlight">热汤暖心</span></p><p>愿我们的友谊,甜过粉色冬日</p><p>立冬安康,万事顺意,快乐翻倍!🌸</p><p style="font-size:14px;color:#ed8996;margin-top:20px;">👉 点击屏幕解锁专属彩蛋~</p></div><script>function createSnow(){const e=document.createElement("div");e.className="snow";const n=Math.random()*8+2;e.style.width=`${n}px`,e.style.height=`${n}px`,e.style.left=`${Math.random()*100}vw`,e.style.top="-20px",e.style.animationDuration=`${Math.random()*10+5}s`,document.body.appendChild(e),setTimeout(()=>e.remove(),15000)}setInterval(createSnow,200);</script></body></html>
11-09
data:text/html格式是一种数据URI,用于在网页中直接嵌入HTML代码。其特点及相关情况如下: ### 功能 - **无需Base - 64编码**:与MIME类型text/html相关的数据URI有两种格式:data:text/html和data:text/html;charset=UTF - 8,不需要进行Base - 64编码。若代码包含非ASCII字符,如éé,就必须添加charset=UTF - 8 [^2]。 - **字符转义**:某些字符在这种格式中有特殊要求,#、%字符必须转义,以避免副作用。若要将代码嵌入锚标记,"、'、&等字符也需转义;若要将链接嵌入HTML,<和>也需转义(分别为%3C和%3E) [^2]。 - **JavaScript实现**:可以使用JavaScript来创建data:text/html格式的数据URI。若不介意data - URI的大小,可使用encodeURIComponent方法;若对大小有要求,可去除连续空格并仅替换有效字符 [^2]。 ```javascript // 不考虑大小的简单实现 var html = document.getElementById("html").innerHTML; var dataURI = 'data:text/html,' + encodeURIComponent(html); ``` ```javascript // 考虑大小的实现 var html = document.getElementById("html").innerHTML; html = html.replace(/\s{2,}/g, ''); // 后续还需替换有效字符 ``` ### 优化建议 - **字符处理优化**:在处理HTML代码时,可预先定义好需要转义的字符列表,编写一个通用的转义函数,避免手动逐个处理字符,提高代码的可维护性和效率。 ```javascript function escapeHTMLCharacters(html) { const escapeMap = { '#': '%23', '%': '%25', '"': '%22', "'": '%27', '&': '%26', '<': '%3C', '>': '%3E' }; return html.replace(/[#%"'&<>]/g, (match) => escapeMap[match]); } ``` - **大小优化**:除了去除连续空格,还可以考虑对HTML代码进行压缩,去除注释、不必要的换行符等。 ```javascript function compressHTML(html) { return html.replace(/<!--.*?-->/g, '').replace(/\n/g, ''); } ``` - **错误处理**:在创建data - URI时,添加错误处理机制,以应对可能出现的异常情况,如HTML代码为空或包含非法字符等。 ```javascript try { var html = document.getElementById("html").innerHTML; if (!html) { throw new Error('HTML content is empty'); } var dataURI = 'data:text/html,' + encodeURIComponent(html); } catch (error) { console.error('Error creating data URI:', error); } ```
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值