-
要让::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职责，避免深层后代选择器。
-
表单action不等于跳转，实际跳转由服务器响应决定：200返回HTML则渲染，302+Location才重定向；前端需preventDefault()后用fetch+location跳转，或后端用303重定向。
-
答案是使用OperationalTransformation（OT）实现多用户实时协作编辑，通过定义插入、删除操作的数据结构，核心转换函数transform处理并发操作的冲突，确保数据一致性。服务端接收客户端操作并广播，客户端应用转换后操作，结合ACK确认与预测渲染提升体验，逐步扩展至复杂场景。
