-
组件化是开发者用框架搭建的，非框架自动提供；纯CSS框架仅提供样式工具，组件化需通过HTML+CSS+JS封装可复用、有边界、样式隔离的单元。
-
通过设置overflow-x:auto并结合mediaqueries，可使表格在小屏幕设备上实现横向滚动，并根据不同屏幕尺寸调整样式，提升响应式体验。
-
行内样式优先级最高，因其权值固定为1000，远超ID选择器（100）、类选择器（10）等；它作为元素自身属性不参与选择器匹配，天然高于外部CSS规则，且!important也无法覆盖，除非同样加在style属性中。
-
防抖和节流是优化高频事件性能的两种策略：防抖在事件停止触发后延时执行一次，适用于搜索输入等需最终结果的场景；节流则按固定间隔最多执行一次，适用于滚动监听等需稳定反馈的场景。
-
<nav>标签用于定义页面主要导航区域，提升结构清晰度、可访问性和SEO；应包裹主导航链接，推荐结合<ul><li>组织导航项，便于屏幕阅读器识别；可通过CSS实现水平或响应式布局，增强用户体验。
-
选defer还是async取决于脚本是否依赖DOM或其他脚本：defer等HTML解析完按序执行，适合操作DOM或有依赖的外部脚本；async下载完立即执行、无序，适合独立第三方脚本；默认同步加载会阻塞渲染，应避免。
-
使用tr:nth-child(odd)和tr:nth-child(even)可实现表格奇偶行不同背景色，提升可读性；其中odd对应2n+1选奇数行，even对应2n选偶数行，建议限定在tbody内使用以避免表头干扰，现代浏览器广泛支持，旧版IE需降级处理，还可扩展为3n+1等模式实现周期性配色。
-
处理JavaScript跨域问题有四种方法：1.CORS，通过服务器设置HTTP头部解决前后端分离问题；2.JSONP，利用<script>标签实现旧系统整合，但仅限GET请求；3.代理服务器，如Nginx反向代理，适用于复杂请求；4.现代方法如postMessageAPI和iframe用于特定场景。
-
本文详解如何用rvest正确抓取HTML表格：推荐优先使用html_table()自动解析，若手动定位需注意CSS选择器语法（如误加.导致匹配失败），并提供可直接运行的完整代码示例。
-
词法作用域指函数作用域在定义时即确定，由代码书写结构决定；闭包是函数与其定义时词法环境的组合，捕获外部变量引用而非值，使变量生命周期延长。
-
调大文字需同步调整line-height等依赖尺寸。优先用无单位line-height（如1.5）保持比例，配合rem/em设置margin/padding，表单元素需重设padding和height，并检查computed值继承链。
-
绝对定位元素的left/top值未生效，是因为其偏移参考点是最近的已定位祖先元素（position为relative/absolute/fixed/sticky），而非body或viewport；若无已定位祖先，则默认参照<html>，易导致错位或“消失”。
-
JavaScript单例需手动控制唯一实例，不能依赖new；正确做法是用闭包、静态属性或模块导出缓存实例，避免构造函数内return无效拦截，注意延迟初始化、参数处理及HMR/测试兼容性。
-
本文教你通过localStorage持久化记录加载状态，使网站在用户跳转至about.html或返回index.html时不再重复执行加载动画，仅首次访问触发一次，提升用户体验与性能。
-
<p>答案：实现自定义指令模板引擎需设计指令注册机制、解析流程与数据绑定。通过registerDirective注册指令，解析模板属性匹配v-前缀指令，调用对应handler处理节点；结合响应式系统，在数据变化时更新DOM，支持参数修饰符与生命周期钩子，确保容错与扩展性。</p>
