-
最直接方式是给body设background属性用linear-gradient()或radial-gradient()，避免额外div；注意语法规范：方向用tobottom或角度值，色标带单位，圆渐变需加circle关键字，多背景用逗号分隔并配blend-mode。
-
必须显式传入radix，因省略时JavaScript依前缀自动推断进制，导致Number.parseInt("010")在不同环境结果不一致；显式指定如Number.parseInt("010",10)可确保行为确定。
-
HTML5模板是符合标准的静态HTML文件，不可import或require；应直接打开或用本地服务器访问，注意路径、script加载属性、viewport标签及id/class命名规范。
-
全选状态由父组件通过checkedAllprop控制，子组件根据items渲染选项并监听变更，通过ref设置indeterminate实现半选态；当已选项数大于0且小于总数时显示短横线。
-
HTML本身没有后台代码，它只是前端标记语言；所谓“后台生成”实为混淆概念，用户真正需要的是HTML与后端技术（如Node.js、PHP、Flask）联动，或通过工具生成含表单提交、API调用能力的页面骨架。
-
WeakRef不能直接管理WebGL纹理生命周期，因其仅能弱引用JS层wrapper对象，无法安全持有或感知GPU底层texture句柄；真正释放必须显式调用gl.deleteTexture()，WeakRef仅辅助探测引用状态，不替代主动资源管理。
-
Flex容器设为100vh后文字不居中，需同时设置display:flex、justify-content:center和align-items:center，并重置html与body的margin、padding及height；移动端优先用100dvh替代100vh以避免地址栏影响。
-
page-break-marks并非标准CSS属性，也未被任何主流浏览器支持；它源于对出版软件裁切标记的误迁，@page规则仅支持尺寸、边距等基础打印控制，无法生成物理裁切线。
-
表单提交卡顿主因是默认行为被覆盖和DOM更新失控，应避免同步耗时操作、多次preventDefault、频繁重排重绘，改用节流验证、虚拟滚动、事件委托及原生校验流程。
-
纯CSS无法实现真实素描，但可用filter组合（grayscale+contrast+brightness+saturate）与clip-pathinset动画模拟铅笔画效果，关键在于控制反差而非边缘检测，需避免sepia等暖色滤镜，并注意will-change优化及浏览器兼容性。
-
CSS变量应只存纯路径字符串，如--bg-path:"/img/1.jpg"；若存url("/img/1.jpg")会导致background-image:var(--bg)失效，因浏览器不二次解析字符串。
-
![content-['text']在TailwindCSS中的使用方法详解](/uploads/20260531/17802261986a1c1896d30c9.jpg)
Tailwind默认只生成content-none和content-[""]两类，自定义content值（如before:content-["Hello"]）需在tailwind.config.js的theme.extend.content中显式声明Unicode转义值（如"\201C"），否则编译缺失、样式无效。
-
图片在flex容器中撑破父容器需同时设置img{max-width:100%;height:auto;flex:110}，因flex默认行为会忽略max-width，必须通过flex-basis:0重置基准尺寸并启用缩放。
-
HTML5中实现文本换行有四种方法：一、用<br>标签强制换行；二、用white-space属性控制自动换行；三、用word-break或overflow-wrap处理长单词换行；四、用<pre>标签配合CSS还原文本格式。
-
答案：使用CSS的transform、rotateY和@keyframes可实现图片翻转动画。首先构建包含图片的容器，设置perspective和transform-style启用3D空间；接着定义从0到180度的rotateY关键帧动画，并绑定至图片，配置时长、缓动及循环方式；最后可通过:hover配合transition实现悬停触发的翻转效果，无需JavaScript，适合卡片展示等交互场景。
