-
若HTML5页面无法在手机通过网址访问，需部署到可公开访问的服务器：一、上传至传统Web服务器；二、GitHubPages免费托管；三、Vercel一键部署；四、Netlify拖拽发布；五、GiteePages国内加速。
-
flex-wrap:wrap生效需同时满足容器宽度受限、子项设min-width或flex-basis；推荐用minmax()+repeat(auto-fit,...)替代calc()，IE11需降级为媒体查询或inline-block。
-
不能。CanvasAPI本身不支持直接读取本地图片文件，必须通过FileReader或URL.createObjectURL()先加载为img元素再绘制；裁剪缩放依赖drawImage多参数重载；滤镜需手动像素操作，性能差，推荐OffscreenCanvas或WebAssembly加速。
-
无法直接关闭非脚本打开的主窗口，可行方式包括：一、用window.close()关闭JS打开的窗口；二、重定向至登录页并清除会话数据；三、用beforeunload事件提示确认并登出；四、用history.replaceState替换URL并更新DOM模拟退出。
-
margin塌陷是指父子元素的垂直margin合并为单个margin的现象；可通过创建BFC（如overflow:hidden）、添加padding/border、使用display:flow-root等方法阻止。
-
子进程独立运行，主进程事件循环负责异步通信。1.子进程是独立执行单元，拥有自己的内存和事件循环，不会阻塞主进程；2.主进程事件循环监听子进程通信事件，确保非阻塞I/O；3.通过标准I/O流或IPC通道实现数据交换，事件循环处理子进程生命周期事件，如exit、error等，实现非阻塞调度和资源管理。
-
JavaScript支持多种算法实现，排序算法如冒泡排序通过相邻元素交换实现升序排列，快速排序采用分治法递归分割数组；查找算法中二分查找适用于有序数组，通过比较中间值缩小范围。
-
padding是内容到边框的距离，影响自身尺寸和背景显示；margin是边框到邻元素的距离，不参与自身渲染；box-sizing控制padding是否撑大元素，border-box为现代开发首选。
-
JavaScript需要BigInt是因为Number类型基于IEEE754双精度浮点数，仅能安全表示≤2⁵³−1的整数，超出则精度丢失；BigInt提供任意精度整数运算，支持大整数精确计算，适用于金融、密码学、高精度时间戳等场景。
-
localStorage只存字符串，对象需JSON.stringify()存、JSON.parse()取；含函数/undefined/Date/循环引用时会出错，应清理或用structuredClone()；Phaser中应在明确存档点（如关卡完成、菜单打开）手动保存，而非update()中频繁调用；多存档需动态key如save_1；IndexedDB仅在数据量大或需事务时必要。
-
dir属性应加在能包含文本且需方向控制的元素上，如<p>、<div>、<span>、<input>、<textarea>等；避免用于<img>、<hr/>、<meta>等无效元素，且不可仅依赖<html>或<body>设置，须对表单控件等关键节点显式指定。
-
通过JavaScript获取系统时间，按早晨、上午、下午、晚上、深夜分段，动态切换HTML容器的CSS类名，结合本地存储的壁纸图片与CSS过渡效果，实现Mac上页面背景随时间自动变化的动态壁纸功能。
-
id必须全局唯一且命名规范，重复会导致JS获取元素异常、CSS行为不一致；应避免数字开头、特殊字符及保留字，优先使用语义化连字符命名；仅在锚点跳转或ARIA关联等必要场景使用id，其他情况推荐class或data-*属性。
-
本文详解如何使用Flexbox解决传统float或纯text-align无法兼顾“右对齐”“逐行独立”和“悬停区域仅覆盖文字内容”三大需求的问题，并提供可直接运行的完整CSS/HTML实现方案。
-
应先判断history.length>1再执行history.back()，否则静默失败；优先用<buttontype="button">并添加aria-label；SPA中应使用路由库提供的back方法而非原生history.back()。
