-
margin-top和margin-bottom用于控制元素垂直间距，分别设置上、下外边距，常用于标题、段落等元素间留白；需注意块级元素间外边距合并现象，即相邻上下外边距取较大值而非相加，可通过统一使用margin-bottom、添加边框或设置overflow:hidden避免；推荐使用rem/em单位并保持方向一致性以提升布局可控性与响应性。
-
顶部固定栏导致内容被遮盖，应通过给body或主容器设置padding-top预留空间；padding-top在内容区内撑开空白，避免遮挡且保持滚动正常，禁用htmlpadding和margin-top推首元素。
-
matchAll返回迭代器，须用for...of、展开语法或next()遍历；必须加g标志，禁用y标志；捕获组按索引访问更兼容；非捕获组不占位；未匹配捕获组值为undefined。
-
JavaScript原型链是对象查找属性的隐式路径，通过__proto__链接到prototype实现继承；class是语法糖，底层仍基于原型链；推荐Object.create实现安全继承。
-
JavaScript通过try-catch-finally和throw实现异常处理，结合Promise.catch与async/await捕获异步错误，并利用window.error和unhandledrejection监听全局异常，配合错误恢复策略提升程序稳定性。
-
Flexbox子元素等高布局通过display:flex实现，容器默认align-items:stretch使子元素在交叉轴拉伸。示例：.container{display:flex}即可让.item等高，适用于卡片或多列布局。需注意避免float、固定高度或absolute定位导致失效。
-
速率限制的核心是通过服务器端追踪请求频率，结合IP、用户ID或会话ID等标识，在特定时间窗口内控制提交次数，防止暴力提交。常用技术包括Redis计数器、令牌桶或漏桶算法，前端可辅助禁用按钮提升体验，但无法真正阻止恶意请求。面对共享IP环境，需采用多维度识别（如SessionID、User-Agent）、分层级限制（IP宽松、用户严格）、行为分析（检测异常模式）和动态调整策略，避免误伤正常用户。此外，表单安全还需CSRF防护、输入验证、蜜罐字段、验证码及安全会话管理等多层防御。阈值设定应基于历史日志分析，采
-
浏览器渲染流程包括解析HTML生成DOM树、解析CSS生成CSSOM树、合并为渲染树、布局、绘制和合成。任何DOM或CSSOM变更都可能触发重排重绘，影响性能。优化策略包括减少关键渲染路径长度、避免同步重排重绘、使用CSSTransform和Opacity做动画、合理使用will-change、减少JavaScript频繁操作样式。通过ChromeDevTools的Performance、Layers和Rendering面板可分析性能问题。实践建议有优先加载首屏内容、异步加载资源、精简CSS选择器、图片懒
-
使用在线HTML运行器可快速测试代码，无需本地配置。首先选择JSFiddle、CodePen等平台，进入后在HTML区域编写代码如<h1>HelloWorld</h1>，系统实时预览效果；可添加CSS和JavaScript实现样式与交互；通过“Save”或“Share”生成链接保存或分享项目；若需引入jQuery、Bootstrap等外部资源，使用“AddResource”功能输入CDN链接即可完成加载。
-
HTML5中iframe字体缺失的根本原因是加载上下文隔离，iframe需独立声明@font-face且src路径须相对于自身URL；必须设置font-display:swap并确保MIME类型为font/woff2。
-
本文详解如何正确比较具有嵌套数组和对象的JSON数据，避免因引用相等性导致的误判，提供可复用的深度差异检测函数及生产级注意事项。
-
遵循RESTful设计规范可提升API可读性与维护性。1.使用名词命名路由如/users而非/getUsers；2.HTTP方法对应CRUD操作，GET获取、POST创建、PUT更新、DELETE删除；3.嵌套路由不超过两层，如/users/1/posts；4.资源名统一用复数形式如/users；5.API版本控制通过/api/v1/users实现；6.查询参数用于分页、排序、过滤，如?page=2&limit=10；7.返回标准状态码如200、201、404；8.统一响应格式包含success、data
-
Reflect是一套底层统一的对象操作接口，核心价值在于对齐Proxy处理器与原生行为、支持运行时动态操作；其方法需显式传入目标对象，不兼容非对象输入，强调精确控制而非语法简化。
-
color()函数支持多色彩空间精确控色，如display-p3提升色域，Lab/LCH实现感知均匀，通过fallback确保兼容性，逐步成为高精度色彩设计主流方案。
-
移动端CSS动画不触发或卡顿主因是浏览器降级渲染：禁用非transform/opacity属性动画、裁剪合成层、隐藏状态跳帧等；raf在微信iOS版存在后台切回后失效bug；Canvas需适配DPR；SVGSMIL动画iOS已移除。
