-
flex-direction:column将主轴设为垂直方向，子元素自上而下堆叠；justify-content控制纵向分布，align-items控制横向对齐；需确保父容器有可计算高度或合理设置overflow，避免内容截断。
-
直接在浏览器运行HTML文件只需双击或拖拽到浏览器即可；还可通过浏览器“打开文件”功能加载，确保文件编码为UTF-8并检查资源路径；推荐使用LiveServer或Python启动本地服务器预览以支持AJAX等需服务端的功能。
-
根本原因是浏览器缓存了<link>的响应，URL不变则复用旧资源；解决方法包括：加版本参数（如?v=hash）、用构建工具注入内容哈希、服务端配置Cache-Control。
-
链表应用对象模拟，节点含value和next；栈用Array的push/pop即可；队列避免shift，宜用双端指针优化。
-
使用Promise封装WebWorker通信能有效解决请求响应匹配困难、回调地狱和错误处理复杂等问题。具体步骤为：1.主线程为每个请求生成唯一requestId并与Promise的resolve/reject方法关联存储；2.封装postMessage方法，返回基于requestId的Promise；3.在onmessage中根据requestId匹配并调用对应的resolve或reject；4.Worker端解析requestId并回传结果或错误；5.增加超时机制避免无限等待；6.统一处理Worker端
-
浏览器存储需按场景选择：localStorage存小数据且持久，sessionStorage限当前标签页，cookies随请求发送且有大小限制，IndexedDB适合结构化大数据。
-
HTML不处理样式，应使用<style>标签、外部CSS或内联style属性；<font>等过时标签无效且报错；内联样式需正确书写CSS规则，类选择器更易维护；常见错误包括拼写、单位、继承及默认样式干扰。
-
遮罩层需用position:fixed;top:0;left:0;width:100vw;height:100vh;确保覆盖全视口，background-color用rgba避免子元素透明，弹窗须fixed定位+更高z-index并脱离文档流，同时处理滚动穿透、焦点管理及移动端vh兼容性问题。
-
Proxy允许拦截对象操作，Reflect提供默认行为方法，二者结合可实现数据监听、日志记录等高级功能，如通过get/set捕获器构建响应式系统或监控方法调用。
-
iOSSafari及WKWebView默认禁止有声视频自动播放，必须同时满足muted、playsinline和用户手势触发（或配置mediaTypesRequiringUserActionForPlayback）三条件；视频还须无音频轨、含关键帧且用H.264编码。
-
transition-timing-function用于控制CSS过渡动画的速度曲线，不改变总时长但影响变化节奏。可选值包括ease、linear、ease-in、ease-out和ease-in-out，分别定义不同的加减速模式。通过cubic-bezier(x1,y1,x2,y2)可自定义贝塞尔曲线实现如弹跳等复杂效果。当过渡多个属性时，可分别为每个属性设置不同的timingfunction，如opacity用linear、transform用ease-out、background-color用eas
-
box-shadow无法直接根据width/height动态变化，纯CSS仅支持calc()配合固定或视口单位；响应式可用媒体查询分段设置，视觉适配可结合transform:scale()；严格按像素比例调整须用ResizeObserver+JS；drop-shadow()不推荐用于尺寸绑定场景；WebKit阴影异常需强制图层或降级处理。
-
使用grid-column、grid-row和grid-area可实现CSSGrid子元素跨行跨列布局，分别控制列、行及行列范围，支持起止线和span语法，适用于仪表盘等复杂布局。
-
浏览器需加type="module"且import路径须为相对/绝对/完整URL；Node需.mjs或"type":"module"；default与namedexport导入方式不同；import()返回Promise，支持动态路径但需手动处理URL。
-
本文详解为何在实时输入时调用toLocaleString('fr-FR')会导致数字被截断（如输入“22222”变成“2”），根本原因是法语格式插入的窄不换行空格（U+202F）被parseInt()提前终止解析；并提供健壮、用户体验友好的解决方案。
