-
答案：通过CSS的background-clip:text与animation配合background-position变化，可实现文字颜色渐变动画效果，需注意透明色设置及浏览器兼容性。
-
flex-basis定义flex项目在主轴方向的初始大小，优先级高于width，常用取值有像素、百分比、auto和0；当与flex-grow、flex-shrink结合时，可精确控制空间分配，如实现等宽布局或固定侧边栏+自适应主区，设置为0可忽略内容尺寸并按比例分配剩余空间。
-
鼠标悬停样式切换不流畅的根本原因是transition属性缺失或配置错误；应将其写在默认状态而非:hover中，仅作用于可过渡属性，优先使用transform和opacity避免重排，并合理设置timing-function与duration。
-
答案是通过CSS的:hover和::after实现按钮悬停阴影效果。具体为：按钮默认隐藏伪元素，悬停时扩展带box-shadow的::after，配合透明度与尺寸过渡，形成平滑扩散的阴影动画，提升视觉层次与交互细腻度。
-
HTML5customElements.define()注册自定义元素须继承HTMLElement、名称含短横线；HTML4不支持自定义标签语义，仅作未知元素处理；主流浏览器兼容但有细节差异；相比div+class，customelement提供语义化、封装性与原生生命周期。
-
中文显示乱码需依次检查：一、在head内首行添加<metacharset="UTF-8">；二、确保文件物理保存为UTF-8无BOM；三、确认HTTP响应头Content-Type含charset=utf-8；四、删除旧式meta声明，仅保留一个charset声明；五、验证CSS中字体支持中文。
-
使用grid-template-areas可让CSS网格布局更直观，通过命名区域“画”出结构，如"headerheader""sidebarmain"实现清晰拼图式布局，相同名称自动合并区域，用点（.）表示留白，响应式中可重定义区域顺序而无需修改子元素，提升可读性与维护效率。
-
setTimeout和setInterval不能精确倒计时，因其仅保证“至少”等待指定时间；应以Date.now()或服务端时间戳为基准动态计算剩余时间，避免累加误差。
-
隐式列宽不可控是因为默认grid-auto-columns为auto，导致列宽随内容变化；显式设置grid-auto-columns（如1fr、minmax(200px,1fr)或250px）可统一控制所有隐式列宽度，使其可预期、可维护。
-
<p>HTML5注释唯一合法语法是<!--...-->，天然支持跨行但严禁嵌套及注释体内出现--或-->，否则导致解析截断；条件注释已失效，应改用JS或CSS方案。</p>
-
scoped是伪隔离，依赖属性选择器标记；ShadowDOM是原生隔离，外部样式无法穿透。CSSModules需避免字符串拼接class和滥用:global()，slot交互样式应使用:deep()或提升至父组件。
-
本文介绍一种高效方法：利用Set构建对象ID的快速查找表，再通过filter筛选出数组中未在对象中出现的ID值，适用于大规模数据场景。
-
不用。HTML表单enctype仅对直接提交生效，Ajax上传绕过该机制；关键要用FormData构造请求体，由浏览器自动设置含boundary的Content-Type，手动设置会破坏multipart格式。
-
iOS16.4+才支持WKWebView中navigator.share()，需配置WKWebViewConfiguration并确保HTTPS、用户手势同步触发；否则应通过原生桥接调用UIActivityViewController实现可靠分享。
-
现代博客首页应使用语义化HTML标签：header包导航和标题，main放文章列表，aside放分类/关于/友链，footer放版权和备案信息；CSS布局优先选Grid实现三区域响应式，避免float或绝对定位；文章卡片需用white-space、-webkit-line-clamp和word-break防溢出；断点设为480px和768px~1023px两档，字体用rem/em保证缩放适配。
