-
如果您在Linux系统中尝试将PSD文件转换为HTML5页面，但发现原生AdobePhotoshop不可用或运行异常，则可能是由于软件兼容性限制。以下是可在Linux环境下实际使用的多种替代方案：一、使用Wine运行Photoshop并配合切片导出借助Wine兼容层可使部分版本Photoshop（如Photoshop2021、2025）在Linux中启动并执行基础切片操作，适用于保留原有PS工作流的用户。1、确认已安装最新稳定版Wine（建议v9.0及以上）及Winetricks依赖库。2、
-
@supports规则比JS检测更轻量可靠，专用于声明级特性检测（需带值），支持and/or/not逻辑但or必须括号包裹；它不判断浏览器版本，也不保证运行时功能可用，fallback必须依赖基础样式。
-
全屏API调用必须由用户手势触发，需在click、touchstart、keydown等事件回调中调用；移动端推荐touchstart；禁止在异步回调中调用；iframe嵌套时父页面需添加allowfullscreen属性。
-
需用JavaScript实现网页倒计时：一、Date计算时间差并setInterval每秒更新；二、data-*属性解耦目标时间；三、requestAnimationFrame提升精度；四、padStart补零格式化；五、通过时区标记（如Z或+08:00）或时间戳规避本地偏差。
-
Grid列宽被内容撑开的本质是浏览器按min-content自动伸缩，应使用minmax(0,1fr)替代1fr并配合overflow:hidden等样式控制溢出。
-
JavaScript闭包是函数访问外部作用域变量的能力，即使外部函数已执行完毕。它基于词法作用域和作用域链机制，通过函数嵌套、内部函数引用外部变量并被外部保留而形成。例如outer函数返回inner，inner持续访问outer的count变量，实现状态持久化。闭包可用于模拟私有变量，如IIFE封装privateCount，仅暴露increment和getValue接口，保护数据不被外部直接访问。在事件绑定中，闭包解决循环索引共享问题，通过自执行函数为每个按钮保存独立的索引值。此外，闭包支撑柯里化（如ad
-
WeakMap和WeakSet通过弱引用避免内存泄漏，适用于缓存数据、存储私有属性和标记对象状态。其键或值不阻止垃圾回收，适合管理对象生命周期相关的场景。
-
AndroidWebView中input获焦后页面上移遮挡是因系统滚动锚点失控，修复需禁用adjustResize、避免fixed/transform、用scrollIntoView({block:'nearest'})微调，并确保viewport和CSS防护到位。
-
try-catch仅捕获同步异常，无法捕获异步错误、语法错误或资源加载失败；适用于JSON解析、深层属性访问等同步风险操作，需按错误类型差异化处理并保留原始堆栈。
-
location.hash跳转失败主因是目标元素未渲染或id不合法；需确保id唯一、纯ASCII，并在DOM挂载后操作，必要时用scrollIntoView补救；刷新丢hash应手动拼接URL而非reload；SPA中锚点跳转需兼顾路由与服务端fallback。
-
负边距导致重叠内容被裁切或错乱，因容器不自动扩容且可能有overflow:hidden；需用position+z-index控制层叠，或grid-row/column精准定位共享轨道。
-
animation-fill-mode:forwards仅对完整执行完毕的动画生效，若被paused或JS修改animation属性则失效；需确保动画自然结束，暂停用animationPlayState，读取状态用getComputedStyle和DOMMatrix。
-
HTML5BatteryAPI可获取设备电池信息，通过navigator.getBattery()返回BatteryManager对象，支持监听chargingchange和levelchange事件以检测充电状态及电量变化，主要属性包括level、charging、chargingTime和dischargingTime，但因隐私问题，现代浏览器已逐步限制该API使用。
-
首先配置rclone将HTML/CSS文件同步至本地Git仓库，再通过Git提交并推送到GitHubPages，最后创建自动化脚本实现一键部署，完成项目上线。
-
浮动表格会脱离文档流导致布局错乱，引发父容器塌陷和内容重叠；应避免对表格元素使用float，推荐用text-align、flex或grid等现代布局替代，并通过clear或包裹容器清除浮动影响。
