-
必须用.value是因为ref返回的是响应式包装对象，其内部通过getter/setter拦截对.value的读写以实现依赖收集和更新触发；模板中自动解包，script中需手动访问。414 收藏 -
JavaScript中将数值转为十六进制字符串最常用的是toString(16)方法，它简洁、原生支持；注意小数被截断、负数带负号、大整数需用BigInt保证精度，补零需配合padStart()。414 收藏 -
使用HTML5语义标签和CSSGrid/Flexbox创建响应式卡片布局，提升可访问性与用户体验。414 收藏 -
闭包能访问并记住定义时的作用域变量，实现私有变量、模块化和回调上下文，但因持久引用易致内存泄漏，需及时解绑事件、清除定时器、避免长期持有大对象或DOM引用，显式断开无需的引用以助垃圾回收。414 收藏 -
纯前端无法真正触发Webhook，但可用form模拟请求体或fetch发送JSON；需显式设Content-Type、JSON.stringifypayload，并避免file://协议限制。414 收藏 -
Symbol.for()跨包“失效”是因为不同Realm或polyfill导致全局registry不共享；可靠方案是统一导出权威Symbol实例，或退用带命名空间的字符串key。414 收藏 -
animation.finished不触发通常因动画被取消或未启动；需用.catch捕获cancel、确保元素已渲染、立即链式调用并保留引用，避免GC导致Promise失效。414 收藏 -
全选checkbox失效主因是事件绑定时机不当、子项状态变更未同步更新全选框、动态添加商品未用事件委托及DOM与数据不同步；需确保DOM加载完成再绑定、双向监听、事件委托及数据状态同步。414 收藏 -
CSStransition通过定义属性、时长、速度曲线和延迟，实现元素状态间的平滑过渡，常用于交互式微动画；结合transform可提升性能，适用于hover、点击等状态变化，而复杂多帧或自动循环动画则推荐使用CSSanimation。413 收藏 -
子资源完整性（SRI）是浏览器对<link>或<script>加载的外部资源进行的哈希校验机制，需同时设置integrity和crossorigin="anonymous"属性才生效，校验基于原始未压缩、无BOM、UTF-8编码的资源字节内容。413 收藏 -
vw单位实现字体等比缩放的结论是：1vw等于视口宽度的1%，font-size设为Xvw即可使字体随屏幕宽度线性变化；但需用clamp()限定范围（如clamp(1.25rem,4vw,2.5rem)）以防小屏过小、大屏过大。413 收藏 -
当多个CSS动画并行运行且持续时间不一致时，若某动画（如背景色变化）提前结束而元素自身未定义默认背景色，会导致视觉上“消失”——实为透明背景暴露所致。413 收藏 -
路由懒加载配合骨架屏的核心是“视觉先行、内容后到”——通过按需加载组件减少首屏体积，并用结构一致的灰阶占位图降低用户感知等待时间，需精准控制骨架屏显隐时机与布局稳定性。413 收藏 -
首先确保Web服务器已安装并启动，然后将HTML文件夹上传至服务器默认根目录，接着设置正确的文件权限与所有权，再配置防火墙开放80端口，最后通过浏览器访问服务器IP地址验证页面是否正常显示。413 收藏 -
Flex容器默认不换行，关键在于flex-wrap属性（默认nowrap）；开启wrap后子项仍不换行需检查flex-shrink和宽度设置；多行对齐用align-content而非align-items。413 收藏
