-
用:root而不是普通class定义变量，因其提供全局、可继承、可动态修改的CSS自定义属性，支持媒体查询和主题切换，且仅:root伪类有效；命名需语义化、组织需模块化、JS修改应直接操作document.documentElement.style。
-
兼容性最强的是float+margin方案，支持IE6；现代项目首选flex布局，IE10+支持；grid最简洁但仅限现代浏览器；absolute定位因脱离文档流、维护难、可访问性差而不推荐。
-
使用JavaScript的Date对象结合setInterval实现网页实时时间显示，通过获取本地时间并格式化输出，每秒更新一次页面元素内容，支持自定义格式或区域设置。
-
需后端在Access-Control-Expose-Headers中暴露X-RateLimit-Reset，前端用Date.parse(response.headers.get('Date'))获取服务端当前时间，再与X-RateLimit-Reset（秒级时间戳×1000）做差计算剩余秒数，避免客户端时钟偏差。
-
BEM能快速定位样式冲突，因其类名自带层级和职责信息（如button__icon--hover），解耦DOM结构依赖，避免全局类泄露覆盖，强制样式归属明确Block，杜绝嵌套选择器失效问题。
-
使用HTML属性和JavaScript可有效限制表单输入。首先通过maxlength、min/max、pattern、required和type等属性设置基础规则，如限制长度、数值范围和格式；再结合CSS的:valid/:invalid伪类实现视觉反馈；对于更复杂需求，利用JavaScript监听输入事件，实时过滤非法字符或自动格式化内容。最终建议前端限制与服务器端验证结合，确保数据安全与准确性。
-
JavaScript内存管理依赖垃圾回收机制，通过可达性判断对象是否可回收。开发者需避免意外全局变量、未清理的定时器与事件监听、闭包长期持有大对象及DOM引用残留导致的内存泄漏。使用严格模式、及时解绑资源、弱引用结构（如WeakMap、WeakSet）并结合ChromeDevTools分析内存使用，可有效优化性能，防止内存持续增长。
-
Flex容器滚动卡顿主因是浏览器对flex-wrap布局的O(n²)算法复杂度，子元素超200个时重排耗时骤增；可用content-visibility:auto（配contain-intrinsic-size）、优化flex-basis、或改用Grid/绝对定位缓解。
-
hover:rotate-180不生效主因是inline元素不支持transform，需设inline-block或block；旋转中心偏移应配合origin-*类；动画卡顿需加transition-transform和will-change-transform；动态控制应改用条件class而非仅hover。
-
不能直接复用。@import仅同步加载CSS文件，无作用域隔离、无法传参配置栅格列数、类名全局冲突、不支持条件编译，本质是文件拆分而非组件化复用。
-
原生<inputtype="time">仅在Chrome、Edge及iOS16.4+/macOSSafari中点击触发系统时间选择器；Firefox和旧版Safari仅显示文本框。showPicker()兼容性差，需元素已挂载且非隐藏，建议setTimeout调用；datetime-local在Android更稳定，但需适配日期格式；全平台一致需JS库兜底。
-
cursor值分为三类：预定义关键词（如pointer）、URL自定义图像（需配备选值如auto）、组合回退机制（多URL链式兜底）；漏备选值将导致Chrome/Firefox忽略声明。
-
flex-wrap:wrap在页脚中不起作用的主因是子元素未设flex-basis或宽度限制，导致无法换行；需为子容器设flex:11240px、父容器设width:100%且避免white-space:nowrap等干扰。
-
首先配置Web3环境并连接以太坊节点，通过npm安装web3库并使用Infura或MetaMask注入提供者；接着利用合约ABI和地址创建实例；随后调用只读方法.call()获取数据，或使用.send()发送交易修改状态；最后通过.contract.events监听合约事件，实现DApp与区块链的完整交互。
-
应使用background-color而非过时的bgcolor；支持十六进制、rgb、rgba、hsl四种写法；优先写在外部CSS文件中；常见问题包括父容器无高度、样式被覆盖、background简写重置颜色及色值错误。
