-
双栏对照界面核心是语义对齐与实时响应，需用<sectionclass="translation-pair">包裹原文/译文DOM节点，配合display:grid布局、input事件监听+防抖、textContent安全插入及响应式flex-direction:column降级，确保跨设备映射准确、交互连贯。
-
position:absolute容易让数字提示“飘走”是因为未给父容器设position:relative，导致绝对定位元素向上回溯至body定位；需确保头像外层容器设relative，数字元素用absolute配合top/right或transform微调，并注意overflow和z-index影响。
-
最可靠方案是用JavaScript监听input事件并正则替换，因type="tel"和pattern仅校验不格式化，无法自动添加分隔符；需用selectionStart/selectionEnd保存光标、replace(/\D/g,'')提取数字、setSelectionRange恢复位置，并特殊处理退格与粘贴。
-
最可控的主题切换方式是用html[data-theme="dark"]配合BEM修饰符（如.button--primary）重定义CSS变量；不能用body.app--dark，因其导致选择器冗长、无法同步prefers-color-scheme、破坏表单可访问性且易被PurgeCSS误删。
-
JavaScript中扁平化嵌套数组的核心是将多层结构转为一维数组，1.使用Array.prototype.flat()可指定层数或用Infinity扁平化所有层级；2.使用reduce结合递归能手动实现深度扁平化，逻辑清晰且通用；3.使用扩展运算符结合while循环的迭代法可避免递归栈溢出风险，适合处理深度不确定的数组；flat(Infinity)通过递归遍历实现，但需注意性能、内存和兼容性问题；最佳实践包括优先使用flat()、按需指定深度、确保非数组元素正确处理，并在可读性与性能间权衡，最终选择适合
-
Less无法直接读取环境变量，必须通过构建工具（如Webpack的less-loader.modifyVars、Vite的lessOptions.modifyVars）将环境值作为全局变量注入，并结合if()函数实现条件样式；复杂场景推荐CSS自定义属性+JS运行时切换。
-
需监听plusready事件确保5+Runtime初始化后调用plus对象；通过plus.device获取设备信息并检测权限；用plus.runtime管理应用更新与生命周期；以plus.webview控制多窗口跳转及通信；借plus.nativeUI实现原生级交互组件。
-
vertical-align:middle在移动端常失效，因其仅对inline和table-cell元素有效，而flex/grid容器中完全无效；iOSSafari对baseline计算更严格，且实际对齐的是contentarea中点而非视觉中心。
-
HTML5显示图片有三种方法：一、用<img>标签src属性加载本地或网络图片，需设相对/绝对路径及alt文本；二、用FileReaderAPI读取用户选择的文件并转为DataURL动态显示；三、用URL.createObjectURL()创建临时URL预览图片，需配合revokeObjectURL释放内存。
-
HTML无法直接获取Wi-Fi或蜂窝信号强度，需依赖JavaScript调用navigator.connection等API间接判断网络质量，仅支持effectiveType和downlink，不提供dBm或格数。
-
纯HTML无法显示农历日期，必须用JavaScript调用lunar-javascript等成熟库实现；推荐CDN引入或npm安装，注意月份参数为1–12；避免document.write，应操作DOM元素；服务端渲染更可靠，需统一时区并回归验证。
-
直接用Object.defineProperties给自定义元素加响应式属性会失效，根本原因是setter未主动触发DOM更新（如render()或setAttribute），且未与attributeChangedCallback协同，导致属性变更不驱动UI重绘或attribute同步。
-
标签将以下代码添加到 HTML 页面的 部分：noindex：告诉搜索引擎不要索引该页面。nofollow：告诉搜索引擎不要跟踪页面中的链接">
最轻量可控的禁止索引方式是在<head>中添加<metaname="robots"content="noindex,nofollow">，因其直接指令搜索引擎不收录且不跟踪链接，而robots.txt仅限制抓取、无法阻止已外链页面被索引。
-
加<divstyle="clear:both"></div>能显示父容器背景，是因为它强制撑开塌陷的父容器高度；真正有效需满足三条件：位置在浮动元素之后、display非inline/none、不可设visibility:hidden或display:none。
-
<meter>标签表示已知范围内的标量值位置，非进度条；需正确设置min/max/value/low/high才具语义；样式定制须分浏览器处理伪元素；多数场景推荐<div>+ARIA替代。
