-
点击表头排序需先获取数据行并转数组，清空tbody后按列值（数字用parseFloat、文字用toLowerCase和localeCompare）排序，再批量插入；须处理空值、特殊字符、移动端300ms延迟及排序状态反馈。
-
按钮点击阴影变深的本质是利用:active伪类动态修改CSS变量--shadow-depth控制box-shadow垂直偏移，配合transform:translateY实现下陷效果，通过transition实现顺滑过渡，需注意浏览器兼容性与暗色模式适配。
-
Remix支持两种HTML使用方式：纯静态页用loader返回带text/html响应头的Response字符串（禁用fs，推荐内联）；动态交互页则必须重构为React组件+loader/action。根路由若同时定义组件和loader，HTML不生效。
-
禁用<textarea>拖拽缩放需使用resize:none;，必须作用于元素本身或明确选择器，避免被框架样式覆盖；其他值如vertical仅禁用水平方向，仍可拖拽破坏布局。
-
margin:auto在块级元素上不居中，是因为容器缺少明确宽度（width/max-width），或为inline/float元素；响应式中常见错误是仅设margin:auto而未配width，或width:100%导致左右margin为0。
-
性能瓶颈在于DOM序列化而非writeText()本身；outerHTML递归遍历子树耗时，节点多、嵌套深或含大量样式/脚本时更明显；应避免全量outerHTML，改用精准截取、手动清理或直接取文本内容。
-
断点失效主因是视口宽度≠设备物理宽度，须配<metaname="viewport"content="width=device-width,initial-scale=1">；推荐移动优先用min-width；媒体查询禁用em/rem断点；JS检测宽应以CSS类名为唯一事实源。
-
气泡位置偏移的根本原因是absolute定位参考系错误，应给父容器设position:relative以确保以该容器为锚点；箭头推荐伪元素+border+rotate实现；动画只用transform和opacity避免重排；多气泡用DOM顺序控制层叠，隐藏时先动画再remove。
-
web-view中viewport被忽略需用JS动态重写meta标签，先移除旧标签再插入含user-scalable=no的新标签，并在DOMContentLoaded后执行；Android还需通过devicePixelRatio修正缩放误差。
-
samp仅用于标记程序运行后用户实际看到的原始输出文本，须同时满足：是程序直接生成的文本、真实显示在终端/控制台/GUI中、上下文明确为“输出”；不可嵌套code，需配等宽字体与pre-wrap样式。
-
需用<frameset>替代<body>构建多页面框架布局，通过rows划分区域、frame指定src和name，设置border="0"、noresize、scrolling="auto"优化显示，用target跳转，noframes提供降级内容，并避免嵌套及SEO问题。
-
最简单方法是设html{scroll-behavior:smooth;}，但Safari15.4前及部分安卓WebView不支持；JS需显式调用scrollIntoView({behavior:'smooth'})，注意目标元素存在性与渲染时机。
-
reduce累加数字时必须显式传入初始值0，否则空数组报错或触发NaN；字符串拼接应传''；对象去重需用some而非includes；避免push修改原数组，改用展开语法；嵌套reduce优先用flat/flatMap替代。
-
响应式表单通过HTML结构与CSS样式实现跨设备适配，1.搭建包含用户名、邮箱、密码等字段的表单结构；2.设置基础样式提升视觉效果；3.使用媒体查询实现移动端适配；4.优化焦点状态、可访问性等交互细节，提升用户体验。
-
本文介绍如何在JavaScript中模拟MySQL的LIKE操作符行为（如'Bruno%'、'%Bruno'、'%Bruno%'），通过动态构建正则表达式，灵活支持前缀、后缀及子串匹配。
