-
opacity设为0时元素仍占位置、参与文档流、能响应事件；会影响子元素且无法通过子元素设opacity:1恢复；动画应避免混用布局属性；与rgba相比，opacity作用于整体，rgba仅作用于颜色通道。
-
可通过五种方法实现HTML页面按域名和路径访问：一、Apache虚拟主机绑定；二、Nginxserver块映射；三、hosts文件+本地服务器模拟；四、Nginx反向代理子路径；五、CDN/对象存储绑定自定义域名与路径前缀。
-
要让::after伪元素始终贴文字底部不动，须设父元素position:relative，::after设position:absolute;bottom:0;left:0;height:2px;bottom:-1px微调对齐，并在默认状态声明width:0和transition:width.3sease。
-
隐私政策链接必须使用有效href的<a>标签且服务端校验勾选状态。需确保链接可访问、协议一致、点击区域合规，并显式关联复选框与文本，禁止仅前端验证或本地file://测试。
-
用rgba()实现透明度动态化需确保第一个参数为Sasscolor类型（如$primary:#3498db），alpha用0–1小数；动态调色优先用transparentize()/opacify()；CSS变量无法在Sass中解析，运行时透明度需JS或HSL方案。
-
应使用带断点前缀的CSS变量（如--spacing-xs）统一管理响应式间距，在各媒体查询内重新赋值以实现精准控制，避免用clamp()破坏设计节奏，同时注意SSR和构建工具对变量的支持问题。
-
根本原因是WKWebView默认不发送Origin头导致CORS预检失败，且credentials支持依赖原生配置；需在创建前注入Cookie、显式设置Origin头（调试用）、避免强依赖Referer，并务必真机测试。
-
window.name适合存临时业务数据，因其生命周期与窗口绑定、跨域可用、不参与HTTP请求；但仅支持字符串、有容量限制且同域iframe共享，故适用于非敏感、临时、结构简单的数据。
-
用@keyframes定义三段式缩放+透明度动画最直接：0%缩至0.95/0.8→30%达1.15/1→80%回1.02→100%归1/0.98，配0.9s非对称缓动与infiniteboth，兼顾真实感与兼容性。
-
使用AJAX提交表单可避免页面刷新，提升用户体验。1.创建包含姓名、邮箱字段的HTML表单，并添加提交按钮；2.通过JavaScript监听提交事件，阻止默认行为，用FormData收集数据并转为JSON，通过fetch发送POST请求至服务器；3.服务端（如PHP）需读取php://input解析JSON数据或直接获取$_POST值，处理后返回JSON响应；4.前端根据响应结果更新页面内容。关键点：阻止默认提交、正确设置请求头与数据格式匹配、后端兼容数据接收方式。
-
通过设置:hover伪类和transition属性可提升按钮交互效果。1.为按钮悬停状态设置更明显的背景色与文字色对比；2.添加transition使颜色变化平滑；3.结合边框、阴影和缩放增强反馈，确保视觉差异清晰且过渡自然，提升用户体验。
-
使用CSS伪类:disabled可提升按钮状态的视觉辨识度，通过调整颜色、透明度（opacity:0.6）、光标（cursor:not-allowed）增强反馈；保持圆角、阴影等设计细节一致性，并利用CSS变量适配深色模式，使界面更专业且用户体验更佳。
-
使用CSSanimation结合filter属性可实现图片从模糊到清晰、黑白变彩色的平滑动画效果。1.通过transition实现鼠标悬停时的简单过渡：.image:hover{filter:blur(0)grayscale(0);}配合transition控制变化节奏。2.使用@keyframes定义复杂动画，如“pulse-filter”在0%、50%、100%关键帧中设置不同blur和grayscale值，使图片在3秒内循环呈现由模糊灰度到清晰彩色的呼吸效果。3.为提升性能，应限制blur值在1~5
-
:enabled用于可交互元素，如设置输入框背景色和文本光标；2.:disabled用于不可交互元素，常通过灰化样式和禁止光标提示用户；3.结合JS动态控制状态，提升表单可用性与视觉反馈。
-
嵌套超4层应警觉，因CSS从右往左匹配导致回溯性能损耗，且复用性差；应改用BEM等语义化类名，明确Block、Element、Modifier职责，避免深层后代选择器。
