-
纯前端无法实现可靠签到打卡，因需防伪造、验时效、留凭证；仅用getCurrentPosition()易被篡改坐标、缓存旧值或伪造时间，须前后端协同校验精度、时间差、设备指纹及地理围栏。
-
动态导入import()是代码分割核心，需配合Webpack/Vite等工具、React.lazy+Suspense、SplitChunksPlugin及import.meta.preload等实现按需加载与优化。
-
命名路由是通过name属性为路由分配唯一语义化名称，实现跳转与路径解耦；支持改路径不改调用、IDE智能提示、嵌套路由清晰等优势，需规范使用camelCase、业务意图命名、模块化命名空间，并在模板和JS中以对象形式传入name及params/query参数。
-
document.cookie读写不生效因它是伪接口：写入需指定路径、过期时间等，否则会话级失效或跨路径不可读；HttpOnlycookie无法JS读取；读取须正则匹配防分号干扰；删除需严格匹配path/domain并设过去时间。
-
checkbox方案适合静态页、SEO敏感或防JS失效场景，因其用:checked伪类天然提供布尔状态，无需事件监听或DOM状态维护，但需正确HTML结构、ID关联、媒体查询优先级处理及少量JS实现滚动锁和遮罩关闭。
-
iOSSafari中border-radius:0对表单按钮无效，因-webkit-appearance:button强制走原生渲染，跳过CSS圆角计算；需统一设-webkit-appearance:none才能生效。
-
br标签是语义化换行标记，仅用于同一段落内需强制折行的场景，如地址、诗歌、歌词；不可替代段落结构或用作布局工具，否则损害可访问性、SEO及响应式表现。
-
ruby-position只能设在ruby元素上，支持over/under/right三值，Safari16.4+才真正支持under；移动端WebView兼容差，需@supports检测或JSfallback。
-
hidden属性加了却没隐藏，是因为CSS未配置兜底规则[hidden]{display:none!important}，导致全局样式覆盖其默认行为；它本质是HTML5语义化隐藏机制，非CSS控制。
-
var(--color)在ShadowDOM中回退fallback的根本原因是变量未声明在宿主或其祖先继承链上；必须显式在<my-button>等宿主元素上设--color，:root或body声明无效，且:host是唯一合法注入入口。
-
HMR内存泄漏源于旧模块未卸载，需精准清除require.cache中变更模块及其依赖、显式释放资源、控制更新粒度并监控内存。
-
HTML本身没有函数，它是标记语言而非编程语言；所谓“HTML函数”实为JavaScript操作DOM的API方法，触控板适合结构编辑但无法高效处理JS逻辑、符号输入和快捷键操作。
-
可通过JavaScriptDOM操作动态添加元素：appendChild()追加末尾、insertBefore()指定位置插入、innerHTML字符串拼接（性能差）、insertAdjacentHTML()多位置插入、DocumentFragment优化批量插入。
-
结论：多层box-shadow必须单条声明、逗号分隔，按“近层→远层”顺序书写，最多3层；inset与outset需offset反向、blur匹配；真机渲染受限于blur>10px、层数>3或透明度<0.05，应使用CSS变量统一管理并实测验证。
-
通过调用getDisplayMedia()获取屏幕流并使用MediaRecorder录制，可实现浏览器端屏幕捕获与本地保存，需注意HTTPS环境、用户主动触发及浏览器兼容性限制。
