-
hover动画卡顿或不触发，主因是浏览器未提前提升图层；应默认设will-change:transform，用transform替代top/left，SVG填色改用fill="currentColor"，transition需明确属性并设初始值，间距统一用gap或margin-right:last-child。
-
z-index需与非static的position配合使用，值越大越靠前，但受层叠上下文限制，父元素的层级可能影响子元素的显示顺序。
-
FIMOHTML导出不支持旋转角度参数，所有图形已固定渲染；需手动修改生成的HTML/CSS，如添加transform:rotate()或重绘SVGlogo。
-
Array.from方法主要用于将类数组对象或可迭代对象转换为真正的数组。1.它能将DOM节点集合等转换为数组，方便操作。2.支持在转换过程中进行映射操作，如对Set进行转换并乘2。3.在大数据集时需注意性能问题，可能需使用生成器。4.结合其他数组方法如map、filter，可进行复杂数据处理。
-
本地待办应用需用localStorage持久化数据并同步UI状态，通过唯一ID、事件委托、输入校验、属性驱动样式及try-catch容错保障可靠性与体验。
-
Trie树是一种高效处理字符串前缀匹配的树形数据结构，其核心优势在于通过字符路径实现快速插入与查询。插入字符串时从根节点出发，逐字符遍历并创建缺失的节点，最后在末尾字符节点标记词尾以标识完整单词，时间复杂度为O(L)，其中L为字符串长度。查询操作同样沿字符路径进行，若能完整匹配且末节点有词尾标记，则单词存在；若仅需前缀匹配，只要路径存在即可确认前缀存在，并可进一步遍历获取所有相关单词。Trie树在自动补全、输入法联想、IP路由等领域表现优异，支持按字母序遍历且无哈希冲突，但存在内存消耗大、实现复杂及稀疏性
-
全局字体应设在html元素上以确保继承生效；字体栈需多字体兜底，中文字体前置并加引号；失效主因是选择器权重、拼写错误或本地未安装。
-
前端加密仅作辅助，Base64为编码非加密，AES对称加密需防密钥泄露，SHA-256用于哈希摘要，RSA非对称加密适合传敏感数据，WebCryptoAPI更安全高效。
-
使用border-collapse和padding可显著优化表格样式：border-collapse:collapse能合并边框，消除双线间距；合理设置padding（如th10px12px，td8px12px）提升内容可读性；结合字体、颜色等属性可打造整洁专业的表格。
-
使用@keyframes定义宽高变化并结合animation实现渐变动画，如：@keyframesgrow{from{width:100px;height:50px;}to{width:200px;height:100px;}}，再通过animation:grow2sease-in-outinfinitealternate应用到元素。注意性能优化，推荐视觉缩放用transform:scale()替代，避免频繁重排。
-
旧电脑能否运行HTML5取决于浏览器版本、系统支持及功能启用状态；应优先选用系统最后支持的稳定浏览器（如Win7用FirefoxESR115），手动启用media.mediasource.enabled等关键配置，并通过Polyfill或降级方案兼容缺失特性。
-
在ServiceNow中，ScriptInclude之间无需显式导出/导入即可直接调用函数，只需通过newClassName().methodName()实例化调用；关键前提是作用域（Scope）一致且类定义正确。
-
用纯HTML搭家乡页应先解决乱码、路径、移动端适配三大问题：保存为UTF-8withBOM；图片统一放同级images文件夹并用相对路径；必须加viewportmeta标签；语义化结构优先，再逐步增强。
-
闭包用于保存函数定义时的词法环境，解决循环变量捕获、私有变量封装、配置预置及防抖节流上下文绑定等问题；其本质是延长外部变量生命周期，需警惕内存泄漏。
-
子容器嵌套后布局混乱，通常因某级父容器漏设display:grid；Grid不继承，子元素需显式声明display:grid才能成为新网格上下文并定义自身行列。
