-
animation-delay决定动画开始前的等待时间，animation-duration定义动画持续时长。二者协同控制动画的时间节奏：延迟为负值时动画立即开始但从中途状态切入，常用于循环动画的错位效果；结合animation-fill-mode、timing-function等属性可实现链式动画与自然过渡，提升用户体验。
-
box-shadow的inset关键字用于创建内阴影效果，与普通外阴影相反。1.inset使阴影向内收缩，呈现凹陷感；2.外阴影渲染在元素边框外部，而inset阴影在内容区域内部；3.常用于模拟按钮按下状态、内边框或纹理效果；4.使用时需结合其他CSS属性精细调整以增强视觉层次。
-
Flex垂直流中align-items失效是因为它控制横轴（水平）对齐，而底部对齐需用justify-content:flex-end（容器须有明确高度）或更可靠的margin-top:auto（子项生效，不依赖容器高度），并配合align-self调整水平位置。
-
首先检查仓库配置与连接状态，确认工作目录和远程地址正确；接着刷新提交历史记录，手动触发Command+R更新视图；若仍异常，通过终端执行gitfetch和gitlog验证数据一致性；最后可清除~/.atlassian-sourcecontrol缓存并重启SourceTree恢复显示。
-
auto-fill未填满容器是因为它只尽可能多地重复满足最小宽度的轨道，不主动撑满；受父容器限制、box-sizing、minmax最小值设定及viewport影响。
-
JavaScript默认参数是函数定义时为形参指定的仅在实参为undefined时启用的后备值，支持动态求值、精准语义、与解构结合需防null/undefined报错，且影响length属性。
-
Flex的align-items:center和CSSGrid的place-items:center均可实现响应式垂直居中；2.Flex通过display:flex与align-items:center在交叉轴居中，配合justify-content可实现水平居中，需确保父容器有高度（如100vh）；3.Grid通过display:grid与place-items:center或分别设置align-items和justify-items实现二维居中；4.Flex适用于一维布局，Grid更适合二维结构，两者
-
掌握D3.js需理解其数据驱动DOM的核心，通过data()绑定数据，运用enter-update-exit模式实现动态更新；结合比例尺scale将数据映射到视觉空间，正确设置domain与range；利用d3.axis生成坐标轴，配合transition()实现平滑动画；进阶可学习力导向图d3.forceSimulation()和地理投影d3.geoPath()构建复杂可视化；建议从官方示例修改起步，逐步掌握模块化开发。
-
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)。二者方向、形状、参数和视觉效果不同，适用场景各异。
