-
HTML文件上传唯一合法方式是<inputtype="file">，不支持直接赋值或JS模拟点击；须用label包裹或透明覆盖实现自定义样式；多文件用multiple属性；必须通过FormData提交，不可直接fetch二进制；注意兼容性与进度处理。
-
根本原因是translateY位移与box-shadow变化未同步匹配视觉权重；需同时调整translateY(-4px)和box-shadow:04px12pxrgba(0,0,0,0.16)，并统一transition、避免margin模拟、合理控制阴影参数与性能优化。
-
用<spanclass="badge-essence">精华</span>嵌入帖子最外层容器，父容器设position:relative，角标用position:absolute、top:8px、right:8px、z-index:10，并通过prefers-color-scheme适配深色模式。
-
flex-grow是剩余空间的分配比例而非百分比，数值表示相对份额比；需配合flex-basis控制基础尺寸，IE11仅支持整数，且不解决内容溢出问题。
-
Angular中推荐用inject()+??设置依赖默认值，如privateconfig=inject(CONFIG_TOKEN,{optional:true})??{apiUrl:'https://api.example.com',timeout:5000}；也可通过providers注册useValue兜底。
-
Getter是JavaScript中用于按需计算和封装逻辑的访问器属性，通过get关键字或Object.defineProperty定义，读取时自动执行无参函数，支持与setter协作但需避免无限递归和严格模式赋值错误。
-
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下的宽度溢出、布局错乱、跨浏览器不一致及组件样式耦合等问题。
