-
Flexbox适用于一维布局（如按钮组、导航栏），二维布局应选Grid；避免深层嵌套、混用margin与gap、忽略父容器宽度；主轴由flex-direction决定，justify-content控制主轴，align-items控制交叉轴。
-
XSS防御需针对不同上下文进行安全编码。1.HTML内容中转义&为&、<为<、>为>、"为"、'为'。2.JavaScript字符串中对特殊字符使用\xHH或\uHHHH格式编码。3.URL中非字母数字字符转换为%HH形式。4.CSS属性值中非字母数字字符用\HH或\HHHHHH编码。5.推荐使用自动编码框架根据上下文自动选择编码方式。此外还需输入验证、CSP策略、HttpOnlyCookie、HTML净化库
-
需通过CDN或本地引入jQuery库，再用选择器操作DOM、绑定事件、发起AJAX请求；CDN推荐code.jquery.com地址，本地需校验路径与加载顺序，所有操作基于$()函数并支持链式调用。
-
需用JavaScript切换class配合CSStransition或@keyframes实现点击后持续渐变动画：transition适用于两色平滑切换，@keyframes配合animation-fill-mode:forwards支持多段颜色变化及停留。
-
HTML5上传在IE6–IE9中需用隐藏iframe降级实现，因不支持FormData和XMLHttpRequest2；IE10+才可安全使用XHR2+FormData；应通过API检测而非UA判断分支，iframe方案需注意同域、响应格式及XSS防护。
-
HTML5播放器无法切换回Flash，因Adobe已于2020年12月31日终止支持，所有现代浏览器已移除Flash接口，且iOS/Android平板硬件级封锁，无任何兼容可能。
-
WKWebView缓存需调用WKWebsiteDataStore.removeData(ofTypes:)显式清理，不能依赖NSURLCache；必须指定缓存类型（如DiskCache、MemoryCache、ServiceWorkerRegistrations等）、时间范围，并在completionhandler中reload页面，否则仍加载旧资源。
-
给HTML登录页添加水印可通过CSS背景或Canvas实现。CSS方案利用background-image设置固定、重复的半透明水印图片，适用于静态版权标识；Canvas方案通过JavaScript动态绘制文字或图案水印于全屏canvas上，支持时间戳等动态信息，灵活性更高。两者均需注意不影响用户交互，如使用z-index和pointer-events避免遮挡。性能方面，CSS更高效；安全性上，无法完全防止移除，建议结合法律手段保护版权。透明度可通过图片自身或RGBA值调节，加载速度受图片大小和绘制复杂度
-
响应式类名应采用“语义+断点”分离结构，如hidden-sm、col-6-md；统一断点别名（sm/md/lg/xl）与像素值，媒体查询须与类名边界严格对齐，坚持移动优先，默认样式适配最小视口，再用min-width向上增强。
-
使用:required伪类可为必填表单控件添加视觉高亮，如红色边框和浅红背景；结合:has()在label旁加红色星号；用:invalid:not(:placeholder-shown)强化提交失败反馈；需兼顾可访问性与服务端校验。
-
水波纹动画未触发的主因是元素不可聚焦或:active状态失效；需确保button等可聚焦，div加tabindex="0"，避免pointer-events:none和display:none，父容器设position:relative+z-index解决溢出，用transform+opacity实现GPU加速动画，并添加touch-action:manipulation优化移动端响应。
-
当父容器与子元素均设置半透明背景色（如rgba）且发生视觉重叠时，浏览器会将两层透明度混合渲染，导致颜色加深。根本解决方案是确保至少一层背景为完全不透明（opacity:1或alpha=1），或合理控制各层透明度层级。
-
用CSSflex的order属性可灵活调整模块视觉顺序而不改HTML，需父容器设display:flex，order默认0、值越小越靠前，支持负数和媒体查询动态控制，但不改变DOM顺序、可访问性及SEO。
-
JavaScript原型链是对象通过[[Prototype]]链接逐级向上查找属性和方法的继承机制；普通对象、数组、函数的原型最终都指向Object.prototype，其[[Prototype]]为null；构造函数的prototype指定实例原型，__proto__指向直接原型；属性查找沿__proto__链进行直至null；主流继承方式包括组合继承、寄生组合继承和ES6class，均基于原型链实现。
-
真正平滑的文字渐变动画需用background-clip:text+transparent文字色，再动画background-position或background-size；仅color或opacity动画会导致色相跳变或无色彩变化。
