-
JavaScript算法核心是理解本质、选合适数据结构、写可读可维护代码，强调灵活性与工程实用性，而非极致性能。
-
边框颜色切换需添加transition属性实现平滑过渡：将transition:border-color0.3sease写在默认状态，确保border-style和border-width一致，避免写在:hover中或使用transition:all。
-
<inputtype="search">最合适，需配name、aria-label，包裹<form>并用GET提交；重视可访问性、移动端适配与防抖。
-
rotateY翻页核心是用transform:rotateY()配合perspective和preserve-3d实现真实3D旋转，关键在transform-origin设为left/rightcenter对齐书脊、perspective加于父容器、backface-visibility隐藏背面。
-
JavaScript跨域iframe通信必须通过postMessage等合法协作机制实现，严禁尝试突破同源策略；双方需校验origin、使用可序列化数据，并确保iframe主动暴露响应能力。
-
@tailwindbase仅重置盒模型（box-sizing:border-box）及默认字体、行高，不重置标题margin或表单样式；必须置于CSS最顶部以防被覆盖，不可跳过否则导致布局错位。
-
useMemo的核心思想是通过缓存计算结果并在依赖项未变化时直接返回缓存值来避免重复计算，其关键在于依赖项数组的正确使用，它决定了何时重新执行计算；该机制解决了因不必要的重复计算和引用变化导致的性能瓶颈问题；useMemo用于缓存值，而useCallback用于缓存函数引用，两者共同优化React组件的渲染性能。
-
HTML原生input[type="url"]不可靠，仅做基础协议+域名结构检查，无法校验协议真实性、域名可解析性或路径合规性，必须配合后端校验。
-
box-sizing:border-box的核心价值是使width/height直接等于最终渲染尺寸，padding和border被自动纳入该尺寸内，避免content-box下的宽度溢出、布局错乱、跨浏览器不一致及组件样式耦合等问题。
-
在CSS中，value是给属性设定的具体数值或内容。1.value可以是颜色（如red、#FF0000）、尺寸（如16px、1em）等。2.value类型多样，包括长度、百分比、URL、关键字等。3.使用value时需注意兼容性、语法正确性、性能和可维护性。4.CSS预处理器可提高value管理效率，保持单位一致性，避免calc()函数语法错误。
-
videoseeked事件不触发的主因是未达可seek状态：需readyState≥4且seeking为false；动态设src后须重置currentTime=0再赋值；duration为NaN时seek无效；框架中需等DOM就绪及src加载完成；seek后需显式play()并处理Promise拒绝。
-
CSS层叠是按权重、来源、顺序三级裁定样式的覆盖规则，而非简单“后写赢”；浏览器收集所有匹配规则后排序，最后生效的是排序末位的声明。
-
JavaScript中原型链继承与ES6类继承底层均基于原型，但类继承通过extends和super提供更清晰语法，自动处理原型链接与静态属性继承，减少错误，提升可读性。
-
本文详解如何通过CSSFlexbox实现表格单元格（<td>）内多个内联元素（如<span>）的水平等距分布，纠正常见误用位置问题，并提供可直接运行的代码示例与关键注意事项。
-
模板字符串是ES6引入的原生多行字符串类型，用反引号定义，支持${}嵌入表达式；常见错误包括误用引号、漏写$、在${}中写语句；可换行但保留缩进，String.raw禁用转义；带标签函数能预处理，但不自动防XSS。
