-
在HBuilder中调用HTML5Plus原生能力需先监听plusready事件确保环境就绪，再分别通过plus.barcode、plus.camera、plus.gallery、plus.geolocation模块调用扫码、拍照、相册、定位功能，并按平台要求配置权限与路径处理。
-
内联样式改不了，因其与HTML结构强耦合，无法复用、响应媒体查询或伪类，且不支持继承控制；正确做法是抽离至外部CSS，用高特异性选择器或CSS变量动态接管。
-
<colspan="3">不合并列而仅批量应用样式到连续3列，必须置于<colgroup>内且总span需匹配实际列数，与colspan及Tkinter的columnspan本质不同。
-
WebWorker无法加速单个CPU密集型函数，但可避免页面卡顿；必须从独立JS文件加载，禁用内联字符串；仅支持结构化克隆通信，大对象建议用Transferable零拷贝；Worker内需分片防假死。
-
SVG图标清晰度与devicePixelRatio无关，因其分辨率无关，浏览器会自动重采样；强行按DPR切换SVG版本反而增加请求和缓存碎片；真正需适配DPR的是位图图标。
-
纯HTML无法实现功能完整的SVG图标编辑器，因其需JavaScript处理事件监听、DOM操作、坐标转换、路径解析等动态逻辑，HTML仅提供结构容器。
-
Bootstrap5tooltip浮层无popper类名，样式应通过.tooltip.show.tooltip-inner等精准选择器覆盖，避免!important；可禁用默认CSS并自定义template彻底接管样式。
-
id必须唯一、class可复用是HTML规范强制要求，影响DOM操作、CSS优先级、可访问性和SEO；重复id会导致getElementById返回首个元素、aria属性失效、锚点跳转不可预测等问题。
-
Cookie本身不侵犯隐私，风险源于开发者将其用作跨站追踪载体；现代浏览器默认阻止第三方Cookie并强制SameSite=Lax，替代方案需服务端重构与精细权限控制。
-
nonce本身不放行脚本，仅当服务端CSP响应头、HTML标签nonce值、随机性三者严格对齐时才生效；否则报“Refusedtoexecuteinlinescript”，常见原因包括响应头缺失、大小写/空格不匹配、meta设置无效、模板插值失败或JS动态设置。
-
ShadowDOM中自定义事件target混乱的根本原因是未设composed:true；必须同时满足bubbles:true和composed:true，外部才能正确接收事件，且event.target被重定向为宿主元素属正常设计，真实目标需用event.composedPath()[0]获取。
-
箭头函数语法更简洁且继承外层this，适合回调；传统函数有独立this和arguments，可用于构造对象。
-
<p>直接改box-sizing:border-box能解决大部分百分比布局错位，但仅写{box-sizing:border-box;}常失效，因未覆盖::before/::after伪元素（不继承该属性）、第三方组件shadowDOM（样式隔离）、旧版Safari对表单控件支持不稳定；正确写法是,::before,::after{box-sizing:border-box;}并置于CSS最顶部。</p>
-
用text-decoration:none显式覆盖a元素及其伪类（:link、:visited、:hover、:active、:focus），按LVHA顺序声明，避免父容器设置或遗漏状态导致下划线残留。
-
WebSocket是基于TCP的全双工通信协议，支持持久连接、双向实时消息、轻量帧头，需手动处理重连与JSON序列化，适用于聊天、实时通知等场景。
