-
使用justify-content和align-items可实现居中。设置display:flex的容器通过justify-content:center实现水平居中，align-items:center实现垂直居中，需确保容器有高度（如height:100vh），支持单个或多子元素整体居中，方法简洁兼容现代浏览器。
-
应按内容容器实际可用宽度设断点，优先用min-width，推荐三档：768px、1024px、1440px；flex方向切换需重置flex-basis和flex-shrink；慎用flex-wrap，gap兼容性差时用margin模拟；注意flex-basis单位和min-height缺失问题。
-
<p>默认box-sizing为content-box，width/height仅含内容区，padding和border会额外增加尺寸导致溢出；改为border-box后width包含content+padding+border，布局更可控，推荐全局设置*{box-sizing:border-box;}。</p>
-
HTML5视频无法播放需检查video标签属性与配置：一、添加controls属性显示控件；二、autoplay+muted组合实现自动静音播放；三、用JavaScript的play()方法编程控制；四、验证视频路径有效且无CORS限制。
-
ReactNative使用StyleSheet.create()定义样式，通过style属性应用到组件，支持样式合并与动态样式，需注意驼峰命名和性能优化。
-
前端仅引导支付流程，真实交易由后端完成；Stripe用Elements隔离卡信息，PayPal用Buttons组件调起原生结账；密钥、金额校验、状态确认均须后端处理，严禁前端接触敏感数据。
-
::first-letter伪元素失效主因是首字母未被识别为文本流首字符，需确保其属于块级容器内首个纯文本节点，且父元素为块级上下文，避开浮动、替换元素及HTML结构干扰。
-
animation-delay为负值时动画从中间状态开始，非提前触发；多动画需显式声明各延迟值；父容器transform或will-change可能打乱时序；JS动态加class需强制重排或requestAnimationFrame确保样式生效。
-
id选择器通过#定义，页面中id唯一，用于特定元素样式和JS操作；class选择器通过.定义，可复用于多个元素，支持一个元素多个class，适合样式复用；id优先级高于class。
-
响应式断点应基于主流设备视口区间与内容布局需求确定，推荐使用768px、1024px、1280px三个核心断点，采用min-width移动优先策略，避免混用max-width，确保每个断点解决明确的布局问题。
-
memoize是一种手动实现的缓存策略，用Map存储输入与输出，提升纯函数（尤其递归）性能；手写需支持可序列化参数、保持this上下文，JSON.stringify有局限，Map可避免键冲突。
-
Web页面背景图首选WebP，次选AVIF；WebP兼具高压缩率、快解码与广浏览器支持，体积比JPEG小25%–35%，支持透明通道且CSS行为一致。
-
确保使用标准DOCTYPE和meta标签，避免怪异模式；2.采用ES5语法或Babel转译，兼容旧版浏览器JavaScript；3.添加CSS厂商前缀并提供样式回退；4.选用支持目标浏览器的编辑器版本；5.在多浏览器中测试调试，确保功能正常。
-
本文教你通过CSS媒体查询精准控制桌面端图片尺寸，避免全屏拉伸问题，同时保持移动端的响应式效果。
-
为什么要用<time>标签？因为它能提供语义化的时间信息，帮助浏览器和搜索引擎准确识别时间内容。直接写文字虽能显示时间，但缺乏结构化数据支持，而<time>标签通过datetime属性标准化时间格式，兼顾用户可读性和机器解析需求。如何使用<time>插入时间？1.基本用法：直接在标签中写时间，如<time>2024年10月5日</time>；2.带datetime属性的标准格式，如<timedatetime="2024-10-05
