-
v-if不能直接作用于<slot>标签，否则插槽内容无法被编译和传递；正确做法是将v-if移至外层容器或由父组件控制条件渲染。
-
JavaScript需通过<inputtype="file">获取文件，用FormData构造请求体，再以fetch发送至服务器；files为只读类数组，FormData自动处理Content-Type与boundary，fetch不可直接监听进度。
-
会，标题标签过长会被搜索引擎截断，百度和谷歌搜索结果页最多显示约60字符（约30汉字），移动端常40–50字符即截断，且截断不按词切分，易破坏关键词完整性。
-
absolute元素百分比宽度失效的根本原因是包含块无明确宽度；其宽度需相对于最近非static定位祖先计算，若该祖先宽度为auto则百分比无法解析。
-
:nth-child(odd)选奇数行，:nth-child(even)选偶数行，但需确保目标元素在父容器中连续、同级且无其他类型元素干扰；否则应改用:nth-of-type()或JS动态加class。
-
使用WebSocket和Socket.IO实现即时通讯，结合前端交互优化与连接管理，可构建流畅稳定的社交网络聊天功能。
-
优先用const声明不可变变量，必须初始化且禁止重复声明，但对象/数组内容仍可修改；let用于可重新赋值的块级作用域变量，无变量提升；避免使用var。
-
errorCaptured是Vue2.5+和Vue3中用于捕获子组件（含孙子）在渲染、生命周期钩子或事件处理中抛出的同步错误的钩子，不捕获自身错误和未桥接的异步错误；需返回false阻止错误冒泡。
-
param标签主要用于为<object>或已废弃的<applet>元素传递运行时参数，以键值对形式配置外部程序如Flash或Java小程序；2.现代网页开发中很少使用param标签，因HTML5原生支持音视频和图形功能，JavaScript能力增强，外部插件被淘汰；3.JavaScript插件通常通过初始化时传入配置对象设置参数，支持默认值合并、结构嵌套和回调函数，提升灵活性与可维护性；4.其他插件参数配置方式包括：配置文件（JSON、YAML、XML、INI、.env）、环境变量
-
Provide/Inject不会自动清理，其本质是引用传递而非数据复制，注入对象的生命周期取决于自身引用关系；子组件销毁仅断开引用，不触发GC，需开发者手动清理事件监听、定时器等副作用。
-
JavaScript通过MediaDevices.getUserMedia()获取本地摄像头视频流并绑定到video元素播放；VideoAPI支持播放控制、元数据获取、状态监听、音视频轨道操作及Canvas/WebRTC协同处理。
-
float布局下渐变背景不显示的根本原因是浮动元素高度塌陷导致父容器无高度，需确保浮动元素有明确高度或内容撑开，同时避免与flex/grid混用，并正确书写linear-gradient语法。
-
使用CSS过渡提升弹窗体验，通过opacity和transform实现淡入滑入效果，配合visibility与transitionend事件控制显隐时机，避免直接过渡display属性。
-
迭代器与生成器通过按需加载和延迟计算，实现了高效的数据分页。利用异步生成器函数封装分页逻辑，每次调用next()才请求下一页数据，避免一次性加载大量数据，降低内存占用与网络开销。相比传统分页需维护页码、总数等状态，生成器将数据获取与消费解耦，天然支持“拉取”模式，便于实现无限滚动等场景。同时，结合延迟计算，复杂处理仅在需要时执行，优化CPU与内存使用，提升性能与用户体验。
-
用margin和padding控制段落间距最直接，p标签默认靠浏览器内置margin产生间距，应统一设margin:0.8em0，避免br换行、line-height混淆及margin合并问题。
