-
- Nunjucks 嵌套模板包含与数据传递技巧
- Nunjucks原生不支持{%include"xxx"with{...}%}语法，但可通过自定义render过滤器安全、递归地传递上下文数据，实现类似React的props下传效果。本文详解替代方案、代码实现及关键注意事项。
- 文章 · 前端 | 2星期前 | 456浏览 收藏
-
- HTML签名生成演示：secret+payload组合方法
- 签名生成本质是JS调用crypto.subtle.sign()执行HMAC-SHA256哈希，需将payload转Uint8Array、secret导入为CryptoKey，输出ArrayBuffer再转hex；常见不一致源于payload序列化、secret隐藏字符及编码不统一。
- 文章 · 前端 | 2星期前 | 456浏览 收藏
-
- HTML5中header与footer的标准用法
- header和footer是语义容器而非视觉标签，必须依附于body、article等明确作用域；禁止嵌套、滥用或仅作样式用途，否则破坏可访问性、SEO及结构解析。
- 文章 · 前端 | 1星期前 | 456浏览 收藏
-
- HTML实现可拖拽抽屉宽度调节【实战】
- 纯CSS实现抽屉拖拽需设resize:horizontal与overflow:auto/scroll/hidden，且父容器为flex；Firefox需手动启用；全兼容需JS监听mousedown/mousemove，用requestAnimationFrame节流并持久化至localStorage。
- 文章 · 前端 | 1星期前 | 456浏览 收藏
-
- input标签的作用_HTML input输入框状态切换全攻略
- input标签无内置状态切换能力，需属性+CSS伪类+JS配合实现；disabled使元素脱离表单流程，readonly仅禁编辑但仍可聚焦和提交；focus/blur需事件监听，验证状态需reportValidity()等主动触发。
- 文章 · 前端 | 1星期前 | 456浏览 收藏
