-
filter:opacity()不能与background-color的透明色叠加出双重透明效果，反而易致层级混合异常、文字模糊及性能下降；应优先用rgba()/hsla()控制局部透明，filter:opacity()仅用于整块元素全局透化。
-
彻底清除列表默认样式需同时设置list-style:none、margin:0和padding:0；list-style-image兼容性差，推荐用::before+background-image；Flex布局下对齐需作用于li内部；语义结构不可破坏。
-
最推荐的前端支付方式是WebPaymentsAPI，它通过PaymentRequest对象统一支付流程，支持多种支付方式并提升安全性和用户体验，同时需配合后端处理支付令牌以完成扣款。
-
JavaScript框架是基于JS的可复用代码结构，解决代码散乱、状态难追踪、重复造轮子和团队难对齐问题；React以组件化和虚拟DOM为核心，Vue以渐进式和响应式为特色，二者共同契合前端从页面到应用、前后端分离及系统化开发的时代需求。
-
HTML中设置表单进度条主要依赖标签，它提供了一种标准化的方式来可视化任务的完成度。这个标签本身不直接与表单提交逻辑绑定，但可以通过JavaScript动态更新其值，从而反映用户在表单填写过程中的进度。在我看来，它不仅是技术实现，更是一种微妙的用户心理引导工具。解决方案要实现一个表单进度条，核心是利用HTML5的标签，并结合JavaScript来动态更新其状态。这个标签有两个关键属性：value（当前完成的值）和max（总共的值）。它天生就是为这种“进行中”的状态而设计的。我们设想一个简单的多步
-
答案：:nth-child(an+b)可按周期a和偏移b为元素设置循环样式，如3n+1选第1、4、7…项，常用于隔行变色；需注意同级子元素计数受其他标签影响，可用:nth-of-type或结合类名提高准确性。
-
setTimeout和setInterval在JavaScript中的主要区别是：setTimeout是一次性执行的定时器，而setInterval是循环执行的定时器。setTimeout用于延迟执行一次性任务，如显示提示信息或初始化操作；setInterval用于定期执行任务，如数据更新或计时器。两者各有优缺点，需根据具体需求选择使用。
-
PostCSS通过插件如postcss-preset-env或postcss-custom-properties将CSS变量转换为静态值以兼容旧浏览器，支持变量展开与保留，需注意动态变量的灵活性损失及生产环境的合理配置。
-
可通过CSS的border属性配合dashed关键字实现虚线边框，支持简写、分项控制、渐变模拟、前缀兼容及响应式适配五种标准写法。
-
根本原因是桌面端grid声明直接照搬小屏，导致列宽不足；必须用移动优先+媒体查询分层控制列数、gap和span，并确保子元素也响应式。
-
ServiceWorker是运行在浏览器后台的可编程代理层，能拦截网络请求、精细控制缓存、支持离线访问与后台任务，从而提升首屏速度、减少重复下载、实现平滑降级和预加载协同。
-
通过语义化HTML结构分离导航与主体内容，为<main>设置max-width，同时保持<nav>宽度为100%，即可实现导航栏横跨整个视口、主体内容居中且宽度受限的布局效果。
-
JavaScript属性描述符是控制对象属性行为的配置项，分为数据描述符（含value/writable）和访问器描述符（含get/set），互斥；含enumerable、configurable、writable等布尔标志，用Object.defineProperty设置、Object.getOwnPropertyDescriptor查看。
-
相邻选择器（+）用于选中紧跟其后的同级元素，如h2+p；兄弟组合选择器（~）作用于同一父容器中其后所有同类元素，如input:checked~label；结合后代、子及兄弟选择器可实现复杂结构控制，如.menu-item.active+.submenu显示折叠菜单，或articleh2+pstrong突出引言关键词。应用时应避免过度嵌套，保持简洁，优先用类名控制状态，并结合开发者工具调试兼容性与命中情况，提升样式维护效率与开发体验。
-
<p>HTML5注释语法为<!--注释内容-->，用于标注结构、说明功能或临时屏蔽代码；最佳实践包括匹配闭合、避免冗余、及时更新和不嵌套注释；结合文档工具可提升项目可维护性。</p>
