-
CSS动画事件不触发的主因是动画未真实启动或被浏览器优化跳过；需确保有可感知的样式变化、提前绑定兼容性事件监听器、检查动画运行状态并兜底延时回调，同时避免重复绑定导致内存泄漏。
-
input在Flex中被压缩是因默认min-width:auto导致内容宽度极小，解决方法是显式设置min-width（如0、120px或配合flex:1），并建议组合flex-shrink:0或flex:11auto以确保稳定显示与交互。
-
三步搞定本地HTML页面：写文件→浏览器打开→调整内容；关键在UTF-8编码保存和DOCTYPE+html+body基础结构，避免file:///下路径错误与编码乱码。
-
Prism.js是最轻量易用的JavaScript代码高亮方案，支持丰富语言和主题；需引入核心CSS和JS，代码块须为<pre><codeclass="language-xxx">结构，按需加载语言或插件，并可手动调用Prism.highlightAll()处理动态内容。
-
怎么用:invalid让输入框自动标红直接加:invalid样式就行，但得先确保表单控件有校验约束（比如required、type="email"），否则浏览器根本不会触发这个伪类。它只对「原生校验失败」生效，不是你随便输点啥就变红。常见错误是写了:invalid却没反应——八成是没加required或用了自定义校验（比如JS的setCustomValidity()）但没调用reportValidity()。input[type="email"]输入“abc”会触发
-
答案：前端水印通过JavaScript动态生成半透明文本覆盖页面，用于防截图盗用，可结合MutationObserver防止删除，并嵌入用户信息溯源，但存在被禁用JS、截图录屏绕过等安全局限，需配合后端机制使用。
-
线性渐变颜色沿直线方向过渡，如background:linear-gradient(toright,red,yellow)；径向渐变从中心向外辐射，如background:radial-gradient(circle,blue,white)。二者方向、形状、参数和视觉效果不同，适用场景各异。
-
grid-auto-columns用于设置网格容器中隐式创建的列的宽度。当子元素被定位到未显式定义的列时，浏览器会自动生成隐式列，默认宽度为auto；通过grid-auto-columns可统一控制这些列的宽，支持固定值、百分比、fr单位及min-content等取值；常与grid-auto-flow:column配合实现横向自动布局，适用于轮播图、动态卡片等场景；结合minmax()和媒体查询可提升响应式灵活性，且仅影响隐式列，不影响已定义的列轨道。
-
答案：通过拖拽、打开文件、修改默认方式及关闭兼容性视图，可使360浏览器正常预览HTML。具体为：1.拖拽HTML至浏览器；2.菜单中选择“打开文件”加载；3.右键HTML设默认用360浏览器打开；4.关闭兼容性视图切至极速模式。
-
HTML不是“学”的，是“用”出来的——从写第一个能打开的文件开始，别碰教程、别背标签、别装编辑器。怎么让浏览器显示我的文字这是你唯一需要关心的第一步。所有“入门课”卡在这里：路径错、后缀名错、双击没反应。新建一个纯文本文件，用系统自带记事本（Windows）或TextEdit（Mac，设为“纯文本”模式）即可输入这三行，一个字别改：你好，HTML保存时，文件名填index.html（不是index.txt，不是网页.html），编码选UTF-8双击这个文件——如果浏览器弹出
-
Promise.all要求所有Promise成功才成功，返回值数组；Promise.race以首个settledPromise结果为准，用于超时或竞速。二者均不控制并发数量，仅协调Promise关系。
-
:focus伪类可实现输入框高亮，通过自定义border-color和box-shadow并配合transition，既能提升表单可用性，又能增强视觉反馈，但需确保去除outline后保留其他可视提示以保障可访问性。
-
根本原因是@forward默认不暴露本文件定义的变量或混合宏，必须用as或asprefix-显式导出；若只转发部分成员需with声明；工具包入口应组合@use与@forward以兼容多种导入方式。
-
align-items:baseline在grid布局中根本不起作用直接说结论：align-items:baseline对display:grid容器**无效**。CSSGrid规范明确不支持baseline作为align-items的合法值——浏览器会静默忽略它，回退到默认的stretch行为。常见错误现象是：写了align-items:baseline，但所有子项依然顶部对齐或拉伸填满行高，毫无“基线对齐”效果；开发者反复检查HTML结构、字体、line-he
-
本文介绍如何在Cypress测试中精确等待多个匹配同一模式的HTTP请求（如地图应用中批量加载的资源），通过复用cy.wait()多次调用拦截别名，实现对“至少N个请求完成”的断言与同步控制。
