-
ID选择器优先级高于类选择器，因CSS权重按四元组(内联,ID,类/伪类/属性,标签/伪元素)逐位比较，ID存在时第二位为1必胜；调试应查隐藏ID，避免滥用!important。
-
input[type="date"]的min/max属性仅接受严格YYYY-MM-DD格式；错误格式如缺零、含时间或斜杠将导致静默失效，checkValidity()返回false；动态设置需用setAttribute或手动触发重绘；联动日期时须同步清空min/max。
-
JavaScript倒计时应基于目标时间动态计算差值，用setInterval每秒更新并格式化输出；页面失焦时监听visibilitychange事件重算，确保秒级精准。
-
纯HTML无法实现三级联动，必须用JavaScript监听select的change事件并动态更新下级选项；需通过DOM操作清空、重建、设值，合理组织嵌套对象数据结构，并注意iOS兼容性与无障碍支持。
-
AbortController本身不支持去重和熔断，需在外层封装逻辑层：用Map缓存pending请求实现去重，用计数器+时间窗口管理熔断状态。
-
应将--btn-group-gap变量设在按钮组容器上，因其需被gap属性读取且依赖继承；设在:root易受污染，设在button上无效；gap仅对flex/grid容器生效，须配合display使用，并分层提供marginfallback。
-
内联脚本：在HTML的<script>标签中直接编写JS代码，如alert('页面加载完成');，适合小规模单页应用。2.外部脚本：将JS代码写入.js文件并通过<scriptsrc="script.js">引入，便于维护与复用。3.事件绑定：在HTML元素上使用onclick等属性调用JS函数，如<buttononclick="handleClick()">，实现用户交互响应。4.DOM动态加载：通过document.creat
-
高可维护HTML布局取决于语义清晰、层级扁平、样式解耦；应使用语义化标签替代div堆砌，合理分工Flexbox与Grid，遵循BEM命名规范，统一响应式策略并确保HTML结构正确。
-
ChromeDevToolsPerformance面板打点分析CRP是定位SPA渲染瓶颈最高效方式，需聚焦用户操作触发的渲染链路，结合手动标记、阶段识别与WebVitals验证优化效果。
-
JavaScript列表渲染需用key标识元素身份以保障高效更新，原生JS无key机制导致重绘丢失状态，React等框架要求唯一、稳定、可预测的key（如id）而非index，否则引发错误复用和性能问题。
-
福昕PDF编辑器转HTML最稳，但无法完全保形；它兼容中文排版与表格，支持手动选页，转换后HTML含内联样式和table标签，需人工优化语义结构。
-
答案：通过GeolocationAPI可获取用户位置，但需用户授权并重视隐私保护。使用getCurrentPosition()或watchPosition()获取经纬度及精度、速度、方向等数据，提升地图应用体验；而赢得用户信任的关键在于透明告知、最小化收集、提供控制权和保障数据安全，确保合规与尊重用户隐私。
-
Webpack通过入口文件构建依赖图，将模块封装为函数并用__webpack_require__模拟模块系统，借助Loader翻译文件、Plugin执行宏观任务，DevServer提供HMR热更新提升开发体验。
-
JavaScript实现扫码功能的核心是通过getUserMediaAPI获取摄像头视频流，并结合jsQR、QuaggaJS或ZXing-JS等解码库对视频帧进行实时图像识别与解码，整个过程需在HTTPS环境下运行以确保权限正常调用；首先利用navigator.mediaDevices.getUserMedia()请求摄像头权限并将媒体流绑定到video元素以实现预览，随后通过requestAnimationFrame循环将视频帧绘制到canvas上并提取图像数据，交由选定的解码库进行解析，一旦识别成功即
-
customElements.define()不保证注册成功，需用customElements.get()验证；无unregister()API，需手动清理实例与资源；attributeChangedCallback不触发初始属性，须在connectedCallback中补读；ShadowDOM样式须在attachShadow后注入。
