-
TailwindCSS中部分工具类（如text-4xl、bg-red-400、rounded-full）偶发失效，通常并非语法错误，而是配置、扫描范围或构建流程问题所致。本文系统梳理根本原因并提供可落地的排查与修复方案。
-
精度和稳定性优先选requestAnimationFrame，需用performance.now()计算剩余时间；setInterval简单但易漂移，适合静态翻页；React中应封装为可清理的自定义Hook并管理状态。
-
vertical-align在Bootstrap中常失效，因其仅对inline、inline-block、table-cell有效，而Bootstrap的.row和.col-*默认为flex布局；flex下应使用align-items、justify-content或align-self替代。
-
使用maxlength属性可限制HTML表单输入字符数，适用于文本框、密码框、邮箱及textarea等元素。例如设置maxlength="10"即最多输入10个字符，浏览器会自动阻止超长输入。结合minlength可规定最小长度，用于表单验证；size控制显示宽度不影响输入限制。textarea中同样用maxlength限制内容长度，cols仅影响外观。前端限制易被绕过，必须在服务器端二次验证以确保安全。可配合JavaScript实时显示剩余字数，提升用户体验。总之，maxlength简单有效，配合min
-
Object.getOwnPropertyDescriptor()用于获取对象自有属性的描述符，返回含value/writable或get/set等字段的对象，不查找原型链；若属性不存在或非自有则返回undefined。
-
CSS旋转动画失效主因是transform-origin未设对或transition未指定transform属性；需设transform-origin:center并显式声明transition:transform0.2sease-in-out，确保元素有明确宽高且SVGviewBox匹配。
-
HTML无法控制协作链接权限，权限由后端服务通过URL参数、登录态、签名等综合校验实现，前端仅负责展示和调用SDK，真实鉴权必须依赖服务端。
-
不能，less.js从v4起废弃浏览器端运行时编译，v5彻底移除script[type="text/less"]和link[rel="stylesheet/less"]支持，因安全、性能问题及现代构建工具已提供更优替代方案。
-
aspect-ratio在现代浏览器（Chrome88+、Firefox89+、Safari15.4+）可直接使用，但IE和旧版Safari不支持；需避免对img同时设aspect-ratio和width:100%，并显式声明object-fit；Grid中仅作用于item本身，Flex中需确保至少一轴有确定值，否则不生效；相比padding-top黑科技，aspect-ratio更语义化、可动画、支持calc()，但需统一方案、注意SSR兼容性及低版本降级策略。
-
position:sticky不能真正固定在视口，它仅在具有滚动机制的最近祖先容器内粘滞，受父容器高度、overflow、层叠上下文等限制，超出边界即失效。
-
object-position对<img>不起作用是因为它仅在启用object-fit（如cover或contain）时才生效；未设置object-fit时该属性被忽略，且不报错。
-
本文详解一个常见JS计算器逻辑缺陷：点击运算符后仅拼接数字而未触发实际计算，核心原因在于按钮文本含空格导致符号匹配失败，以及关键状态变量previousOperator未及时赋值。
-
当list-style-type无法满足「第1章」「A-1」「【001】」等自定义计数格式时，必须使用counter-reset与counter-increment配合伪元素实现；counter-reset设于列表容器，counter-increment设于li，content中用counter()或counters()读取值，注意分隔符、引号、空格及IE11兼容性限制。
-
HTML注释用于添加说明或隐藏代码，提升可读性与协作效率。1、用<!--开头，-->结尾，中间写描述文字，如“导航栏开始”。2、编辑时直接修改注释内容，确保语义准确。3、删除过时注释需移除整个标记段并整理格式。4、条件注释如<!--[ifIE]>仅限旧项目兼容使用。
-
HTML中没有标准的spacer标签，推荐使用CSS的margin或padding属性来创建空白间隔，1.使用CSSMargin和Padding是最常见且语义化良好的方法；2.避免使用空的div或span元素，因其可维护性差；3.不推荐使用br标签创建间隔，因其语义不符；4.对于复杂布局，可采用Flexbox或Grid的gap属性实现更灵活的间距控制；通过CSS变量可统一管理间距值，提升可维护性；在响应式设计中，结合媒体查询根据不同屏幕尺寸调整间距，确保最佳用户体验，最终应优先选择标准、灵活且易于维护的C
