-
通过CSS设置透明度实现HTML页面水印，主要采用背景水印或绝对定位水印；前者利用background-image与opacity属性平铺背景，后者通过position、transform和opacity控制水印位置与透明度，兼顾标识性与内容可读性。
-
正确触发图片选择需用可见按钮或label关联隐藏fileinput，accept仅提示类型；预览用URL.createObjectURL()更高效；FormData提交须设enctype="multipart/form-data"且不手动设Content-Type；移动端兼容需分场景处理。
-
现代浏览器可用FileReader与crypto.subtle.digest()前端计算文件SHA-256哈希，需将File转ArrayBuffer后调用digest()，结果转十六进制字符串；大文件应分块处理或使用hash-wasm等库；哈希比对需统一编码格式，其核心用途是去重与一致性校验，而非防篡改。
-
严格模式开启后，未声明变量赋值、delete不可配置属性、函数参数重复、八进制字面量、非对象调用this为undefined等行为会直接报错。
-
滚动监听必须用节流+闭包，因滚动事件高频触发易致卡顿，闭包可持久化保存previous时间戳和timeout状态，实现自包含、可复用、隔离的节流逻辑。
-
后引入的CSS文件优先级更高，通过调整link标签顺序可控制样式覆盖，推荐使用link而非@import以提升性能和可控性。
-
本文介绍如何通过forkJoin与catchError+of(null)组合替代嵌套mergeMap/zip链式调用，使各服务请求独立失败、互不阻断，保障UI能稳定消费可用数据。
-
首先确保使用文本编辑器将HTML爱心代码保存为.html文件，如"love.html"，并防止系统添加.txt后缀；接着可通过专业代码编辑器如VisualStudioCode保存文件后在浏览器中打开预览；也可直接双击已保存的HTML文件或右键选择浏览器打开，若代码无误，浏览器将显示红色爱心动画即表示运行成功。
-
递归函数是函数调用自身，必须包含基础情况（终止条件）和递归情况（缩小问题规模）；如阶乘中0!=1为basecase，n*factorial(n-1)为recursivecase；遍历树结构时以无children为空为basecase。
-
应根据适配维度选择：需按设备像素比（如Retina屏切2x图）用x描述符；需按图片在页面中的渲染宽度（如不同断点下占300px/768px）则必须用w描述符并配sizes属性。
-
absolute定位不能直接覆盖目标元素，因它默认相对于最近已定位祖先定位；若父容器未设position:relative，坐标原点会错位到body或html，导致偏移异常。
-
box-shadow参数顺序为水平偏移、垂直偏移、模糊半径、扩散半径（可选）、颜色；多层需逗号分隔于同一声明；伪元素承载更稳妥；推荐rgba()控透明度。
-
父容器高度塌陷是float设计机制所致，解决关键是让父容器重新感知子元素尺寸：现代推荐display:flow-root触发BFC，兼容老浏览器用.clearfix::after伪元素，慎用overflow:hidden；clear应加在需换行的后续兄弟元素上，非浮动元素自身；长期应优先采用flex或grid布局替代float。
-
树形展示必须用JavaScript控制展开逻辑，纯HTML的ul/li无法实现交互式折叠；details/summary仅适用于单层简单场景；真实项目应采用轻量JS+CSS类名驱动，并完善键盘导航与无障碍支持。
-
最稳妥做法是使用<asidearia-label="该话题已于2024年6月15日关闭讨论"><p>已关闭讨论<timedatetime="2024-06-15">2024年6月15日</time></p></aside>，语义清晰、屏幕阅读器友好且利于SEO。
