-
Vue.js中动态插槽名（v-slot:[dynamicName]）配合props/emits/v-model及provide/inject，可构建灵活的可视化配置页面。父组件用响应式变量控制插槽渲染，子组件按需展示对应UI区域，并通过通信实现配置数据双向同步；复杂嵌套场景下，provide/inject避免prop-drilling，提升可维护性。
-
div是无语义的块级容器，主要用于页面布局和内容分组。1.它通过包裹内容为CSS提供样式控制的“把手”，实现精准的布局与视觉设计；2.在复杂页面中，div通过逻辑分组构建模块化结构，提升代码可维护性；3.与JavaScript协同时，div作为动态内容的容器，支持内容更新与交互控制；4.当无合适语义化标签时，如表单分组或弹窗组件，应优先使用div；5.最佳实践包括语义优先、合理命名、避免过度嵌套，并结合现代CSS布局技术，防止“div汤”问题。正确使用div需在灵活性与语义化之间取得平衡。
-
sessionStorage是仅限当前标签页的会话级存储，关闭标签页即清除，支持字符串存取（对象需JSON序列化），不跨标签页共享、不参与网络请求，适用于表单草稿等临时数据。
-
HTML无法预测学习完成时间，必须依赖JavaScript通过滚动行为、时间戳和localStorage等动态估算阅读进度与剩余时间。
-
JavaScript中不存在api_proxy内置对象或“反射APIProxy”概念，Proxy是用于拦截对象操作的构造函数，Reflect是与其配套提供标准操作方法的内置对象，二者结合可实现响应式系统、访问控制、日志代理等高级功能。
-
Flex容器不会自动创建层叠上下文；默认情况下它不产生新层叠上下文，与普通div相同，属于父级层叠上下文的一部分。
-
JS虚拟机通过解析源码生成AST，结合解释执行与JIT编译优化性能，采用分代垃圾回收管理内存，并依赖事件循环处理异步任务，实现高效并发。
-
必须设置box-sizing:border-box;否则border会使元素总宽超出设定值；border需同时指定宽度、样式（如solid）、颜色三部分；单边边框优先用border-bottom等方向属性；内边距和行高需同步调整以保证对齐。
-
HTMLvideo标签能直接播直播流，但仅限Safari/iOS原生支持HLS（.m3u8），Chrome/Edge/Firefox需hls.js或flv.js配合MSE；RTMP和裸FLV完全不支持，必须服务端转协议。
-
font-family值按从左到右顺序优先匹配，最想要字体置首，中文字体需显式前置并引号包裹，结尾必须加通用族（如sans-serif），否则声明可能被浏览器忽略。
-
使用:focus伪类可实现输入框聚焦高亮，1.通过设置border-color改变边框颜色；2.结合box-shadow添加发光效果；3.适用于input、textarea等元素；4.需添加outline:none避免默认样式冲突，提升表单交互体验。
-
本文详解jQuery中因重复ID导致$("#choice").val()始终返回首个radio值的问题，提供基于name+:checked的健壮取值方案，并附可直接运行的修复代码与关键注意事项。
-
本文详解jQueryAJAX请求中.done()不执行的常见原因，重点解决因页面跳转/刷新导致请求被中止（NS_BINDING_ABORTED）、URL路径错误、数据格式不规范等问题，并提供安全、健壮的登录认证AJAX实现方案。
-
使用object-fit:cover配合宽高100%可使图片等比缩放并裁剪以完全覆盖容器；背景图方式通过background-size:cover或100%100%实现填充；绝对定位加transform缩放适用于旧浏览器；picture+srcset支持响应式加载；clip-path则通过放大裁切强制撑满。
-
浮动父容器高度塌陷是必现问题，因CSS2.1规定浮动元素脱离文档流，父容器不计算其尺寸致高度为0，引发溢出、背景消失等问题，需逐层用clearfix或改用Flex/Grid。
