-
推荐将重复颜色提取为CSS自定义属性，在:root中语义化命名（如--color-primary），全局统一管理；组件中用var()引用，支持降级与局部覆盖；大型项目可按基础色、语义色、场景色分层，并借助工具增强能力。
-
答案：HTML文档加水印主要通过CSS伪元素结合SVG背景或JavaScript动态生成，前者性能好且轻量，后者灵活性高但影响性能；为防移除可采用定时检测、ShadowDOM等策略，但无法完全杜绝；性能影响取决于实现方式，需优化DOM数量、资源大小和脚本执行；可访问性方面需避免水印干扰屏幕阅读器，应设置aria-hidden="true"并确保不影响内容可读性。
-
Morris遍历通过线索化实现O(1)空间复杂度，利用前驱节点的右指针建立线索，遍历后恢复原树结构，适用于内存受限场景，但实现复杂且不适用于后序遍历。
-
JavaScript消息队列与事件循环管理异步执行顺序，事件溯源则通过记录不可变事件来追踪数据状态变化。前者基于调用栈、宏任务与微任务队列实现非阻塞运行，后者通过重放事件重建状态，支持完整历史追溯，两者可结合但机制独立。
-
使用::-webkit-scrollbar-track可为滚动条轨道添加边框，适用于Chrome、Edge、Safari等浏览器；2.通过border属性设置边框样式，并配合背景、圆角提升视觉效果；3.应同步定义滑块及悬停样式以保持整体协调；4.注意仅WebKit内核支持完整自定义，Firefox仅支持scrollbar-width和scrollbar-color；5.实际应用中需权衡美观与可用性，避免过度设计影响用户体验。
-
应使用color配合list-style-type让标记继承文字色，而非依赖不兼容的::marker；li设置color即可改变内置标记颜色，兼容所有主流浏览器。
-
fetch适合简单请求、轻量项目或最小化依赖场景，如静态页、PWA、微前端子应用；axios更适用于中大型项目，具备自动JSON处理、拦截器、取消请求、默认错误抛出等优势。
-
background-attachment:fixed可实现背景图固定效果，页面滚动时背景不动，常用于全屏首屏大图或视差设计。需设置background-image、确保容器有高度并配合background-size:cover以完全覆盖区域。注意移动端兼容性问题，部分浏览器如iOSSafari会忽略fixed效果；避免父元素使用transform等导致失效的属性，并优化图片性能以防止卡顿。
-
HBuilder运行HTML文件需先创建或打开文件，确保已保存后右键选择“在浏览器中运行”或按Ctrl+R，首次使用需设置默认浏览器如Chrome或Firefox，通过工具栏“运行”按钮也可启动预览，关键步骤为保存文件并配置好浏览器环境。
-
FancyZones可通过自定义网格模拟CSSGrid布局，使用模板实现Flexbox式排列，设置快捷键快速切换分区，并开启对齐辅助线提升窗口定位精度，结合多桌面优化多任务管理效率。
-
使用clearfix或overflow属性解决浮动导致的高度塌陷。1.clearfix通过伪元素插入并清除浮动，撑起父容器，示例：.clearfix::after{content:"";display:table;clear:both;}，适用于兼容性要求高的场景；2.overflow:auto或hidden触发BFC，使父容器包含浮动元素，注意hidden可能裁剪内容，auto可能产生滚动条。推荐优先使用clearfix，语义清晰且控制精准。
-
JavaScript模块化历经CommonJS、AMD、CMD到ESModule的演进，解决代码组织与依赖管理问题；2.CommonJS为Node.js服务端设计，采用同步加载和值拷贝，适合服务器环境；3.AMD由RequireJS提出，支持异步加载与预定义依赖，适用于浏览器中并行加载模块；4.CMD由SeaJS倡导，强调依赖就近与懒执行，语法贴近CommonJS但运行于浏览器；5.ESModule为ES6标准，支持静态分析与动态绑定，具备编译时优化和跨平台能力，现已成为主流规范。整体发展体现从运行时到编
-
首先配置Charles代理并确保设备与电脑在同一局域网，接着在移动端设置手动代理指向电脑IP及端口8888，然后安装Charles根证书并启用完全信任以解密HTTPS流量，之后即可捕获HTTP/HTTPS请求，通过过滤域名、查看请求详情、使用Rewrite功能模拟场景来分析JavaScript发起的网络行为，结合ChromeDevTools调试前端逻辑并与Charles抓包数据对照，形成完整调试闭环，有效定位接口异常与性能问题。
-
子元素animation-delay未生效时，需确保正确设置animation-name、duration和delay；使用简写属性避免遗漏，检查父容器影响及样式优先级，通过:nth-child实现错峰动画。
-
使用SemanticUI可通过uibuttons容器类与uibutton子类快速创建按钮组，支持横向默认布局及vertical实现纵向排列，结合primary、basic等类可控制样式与主题，compact类适用于紧凑场景，无需自定义CSS即可构建美观统一的交互按钮组。
