-
flex-direction:column是让flex容器内元素垂直堆叠的正确方式，需确保容器真正应用display:flex且无float、absolute等干扰，配合justify-content和align-items控制对齐，并设置容器高度或gap以显化效果。
-
JavaScript操作URL参数和路由状态保持的核心是URLSearchParamsAPI与history.pushState/replaceState配合popstate事件监听：读写参数同步、状态可逆、无刷新响应；封装工具函数可复用。
-
图片默认inline触发基线对齐，干扰align-items:center效果；解决方法是设img为display:block或统一子元素为flex项目并显式控制对齐。
-
try...catch仅捕获运行时错误，无法捕获语法错误；catch参数必须是单个标识符；finally中return会覆盖try/catch的返回值；异步错误须用await或.catch()捕获。
-
Intl对象能解决数字、日期、货币格式化、列表连接、相对时间、语言地区名称显示等国际化痛点。1.数字格式化：自动处理不同地区的千位分隔符和小数符号，并支持货币样式；2.日期时间格式化：根据不同locale的日期顺序、月份表示、时制及自定义格式输出；3.列表连接：根据语言习惯使用正确的连接词（如中文“、”和英文“and”）；4.相对时间格式化：输出如“2天前”或“3个月后”的本地化表达；5.显示语言/地区名称：将语言代码转换为对应语言的名称（如en→英语，CN→中国）。
-
图标徽章位置偏差主因是absolute定位参考点未设对或默认偏移未重置；需父容器设position:relative，用transform替代top/right微调，并统一flex居中、响应式使用em/rem单位。
-
柯里化是将多参数函数改造成每次只接收一个参数并返回新函数的链式调用形式，核心是fn(a,b,c)等价于fn(a)(b)(c)；需手动处理参数收集与触发执行，推荐传入arity而非依赖fn.length，注意this丢失和TS类型限制。
-
真正掌握JavaScript函数需在真实场景中反复实践，核心难点是闭包生命周期、this绑定时机及高阶函数执行上下文丢失；函数作为一等公民体现为赋值、传参、返回、动态创建；常见错误包括箭头函数this失绑、forEach无法break；高阶函数用于抽象重复逻辑如withLoading、debounce；闭包本质是保留定义时作用域链；应避免Function构造器，优先用策略对象或白名单解析器。
-
使用CSSGrid可高效创建响应式卡片网格。首先设置容器display:grid，用grid-template-columns定义列数，如repeat(3,1fr)实现三等分列，配合gap控制间距；为实现响应式，采用repeat(auto-fit,minmax(250px,1fr))，使列数随屏幕自适应；通过align-items或justify-items统一卡片对齐方式；卡片样式可通过box-shadow、border-radius等增强视觉效果，hover时添加transform提升交互体验；若需突
-
异步提交表单通过JavaScript拦截默认行为并用FetchAPI发送数据，避免页面刷新，提升用户体验。它支持FormData和JSON等数据格式，可灵活处理文件上传与结构化数据，结合响应解析（如json()、text()）和错误处理（网络错误、HTTP状态码、业务错误），实现流畅交互。常见挑战包括CORS、重复提交、用户反馈缺失和CSRF安全问题，需通过后端配置、按钮禁用、加载提示和token验证等手段解决。调试时应结合浏览器开发者工具、网络请求监控、控制台日志、后端日志及接口测试工具，确保请求正确发
-
在8080端口运行HTML程序需启动本地服务器，首选Python命令“python-mhttp.server8080”或Node.js工具http-server，确保文件路径正确并访问localhost:8080即可。
-
Canvas动画核心是requestAnimationFrame驱动的“清空→计算→重画”闭环；先获取2D上下文绘制静态图形，再通过状态变量、clearRect、draw和update函数实现流畅弹跳动画。
-
WebTransportAPI提供低延迟、双向数据传输，基于HTTP/3和QUIC，支持可靠流与不可靠数据报，简化服务器通信连接，相比WebRTCDataChannel降低开发复杂度、提升传输效率，适用于实时游戏、金融行情等场景，是WebSocket与WebRTC间的轻量高效替代方案。
-
最自然、语义正确又易控的方式是用<mark>标签包裹关键字并配合CSS自定义样式；支持手动标记、JS动态替换、属性选择器分类控制，兼顾可访问性与视觉统一。
-
使用WampServer运行HTML程序需将文件放入www目录，启动Apache服务后通过http://localhost/项目路径访问，确保在本地服务器环境下正确解析运行。
