-
-
CSS属性选择器实现文件图标自动匹配后缀
-
推荐用data-ext属性存小写后缀并配合[data-ext$="pdf"]选择器，避免href路径干扰；图标用::before+content插入字体图标或Unicode，需设display和font-size；注意大小写敏感，JS提取后缀时应转小写。
-
文章 ·
前端
| 2星期前 |
456浏览
收藏
-
-
HTML开发从入门到精通全攻略
-
<metacharset="UTF-8">必须置于<head>最前面，因为浏览器流式解析HTML时，若此前遇到中文等非ASCII字符而未声明编码，会按默认编码（如GBK或ISO-8859-1）错误解码，导致乱码且无法回溯修正。
-
文章 ·
前端
| 2星期前 |
456浏览
收藏
-
-
HTML5老照片滤镜制作教程
-
最快的老照片效果是filter:sepia()，推荐组合为sepia(0.8)contrast(0.85)brightness(0.92)blur(0.3px)drop-shadow(008pxrgba(140,100,60,0.15))，并可叠加噪点纹理提升真实感。
-
文章 ·
前端
| 2星期前 |
456浏览
收藏
-
-
CSS实现灰度模式：filter: grayscale全局应用
-
仅用html{filter:grayscale(100%);}不够，需补-webkit-filter兼容旧版Safari/安卓WebView，并为IE11添加progid语法；应选html而非body作根选择器以确保全覆盖，且须规避性能拖慢、文本可读性下降及视觉细节崩坏问题。
-
文章 ·
前端
| 1星期前 |
456浏览
收藏
-
-
HTML5跨域传密码加密方法
-
密码不可跨域明文传递，须用WebCryptoAPI的PBKDF2在前端加盐派生密钥（iterations≥100000、SHA-256、后端下发盐），导出十六进制凭证供后端校验，全程内存操作并立即清空原始密码。
-
文章 ·
前端
| 1星期前 |
456浏览
收藏
-
-
Nunjucks 嵌套模板包含与数据传递技巧
-
Nunjucks原生不支持{%include"xxx"with{...}%}语法，但可通过自定义render过滤器安全、递归地传递上下文数据，实现类似React的props下传效果。本文详解替代方案、代码实现及关键注意事项。
-
文章 ·
前端
| 1星期前 |
456浏览
收藏
-
-
HTML签名生成演示：secret+payload组合方法
-
签名生成本质是JS调用crypto.subtle.sign()执行HMAC-SHA256哈希，需将payload转Uint8Array、secret导入为CryptoKey，输出ArrayBuffer再转hex；常见不一致源于payload序列化、secret隐藏字符及编码不统一。
-
文章 ·
前端
| 1星期前 |
456浏览
收藏
-
-
-
HTML实现可拖拽抽屉宽度调节【实战】
-
纯CSS实现抽屉拖拽需设resize:horizontal与overflow:auto/scroll/hidden，且父容器为flex；Firefox需手动启用；全兼容需JS监听mousedown/mousemove，用requestAnimationFrame节流并持久化至localStorage。
-
文章 ·
前端
| 4天前 |
456浏览
收藏
-
-
