-
首先确认Eclipse版本支持Web开发，然后配置外部浏览器，接着创建动态Web项目并添加HTML文件，最后通过“RunonServer”或“OpenWith→ExternalBrowser”运行预览页面。
-
FormData.append()传文件无效主因是未正确传入File对象或字段名不匹配，且fetch上传时手动设置Content-Type会破坏boundary导致后端收不到文件，必须由浏览器自动设置。
-
Grid对齐属性生效的前提是父容器设为display:grid或inline-grid，否则justify-items、align-items等无效；需确认父容器尺寸非零且未被其他样式覆盖。
-
Android手机无法直接打开本地index.html文件，是因为系统默认用文件管理器而非浏览器处理，且Chrome等浏览器需手动输入file:///sdcard/Download/index.html格式URL才能正确加载。
-
CSScolor属性支持6类原生格式：颜色关键字、HEX（含#RRGGBBAA）、RGB/RGBA、HSL/HSLA、transparent和currentColor；现代浏览器全支持，IE对HSLA/RGBA/#RGBA不兼容。
-
最常见的原因是position属性未正确设置。必须将元素的position设为relative、absolute、fixed或sticky，top和left才能生效；若为static（默认值）则被忽略。需检查定位上下文、父元素影响及z-index遮挡问题，可通过开发者工具验证computed样式是否包含有效position和偏移值，临时添加style测试可快速定位问题。确保position正确是关键。
-
JavaScript事件是用户交互的触发机制，需用addEventListener监听，支持多绑定、捕获/冒泡控制；注意DOM加载时机、事件委托、移动端优化及监听器移除技巧。
-
CSS颜色变量--color-primary用于统一管理主题色，定义在:root中可全局使用，如:root{--color-primary:#007bff;}；2.通过var()函数调用变量实现复用，如.button{background-color:var(--color-primary);}；3.结合[data-theme]属性与JavaScript动态切换主题，支持暗黑模式；4.变量区分大小写，具有作用域与继承特性，提升多主题项目维护效率。
-
JavaScript对象常用{}字面量声明，访问用点号或方括号；Object.defineProperty需显式设writable:true才可写；get/set为访问器属性，与数据属性互斥；Object.getOwnPropertyDescriptors用于完整复制含访问器、不可枚举属性的对象。
-
优酷HTML5视频声音异常是因浏览器自动播放策略拦截，非优酷或HTML5故障；Chrome/Edge/Safari自2018年起默认静音未交互页面的有声视频，需通过插件、网站设置或用户手势触发解音。
-
JavaScript中this的指向取决于函数调用方式而非定义位置：默认绑定（独立调用时非严格模式为window、严格模式为undefined）、隐式绑定（obj.fn()中this为obj）、显式绑定（call/apply/bind指定this）、new绑定（构造调用时this为新实例），且箭头函数无this，继承外层。
-
水波纹动画未触发的主因是元素不可聚焦或:active状态失效；需确保button等可聚焦，div加tabindex="0"，避免pointer-events:none和display:none，父容器设position:relative+z-index解决溢出，用transform+opacity实现GPU加速动画，并添加touch-action:manipulation优化移动端响应。
-
直接设置table.style.backgroundColor只能影响未被子元素（如<td>）显式覆盖样式的区域；已通过cell.style.background单独设置的单元格会忽略表格级背景，因此需手动清空所有单元格内联样式才能彻底重置。
-
当通过JavaScript切换.table-row-hide/.table-row-show类控制表格行显隐时，nth-child(odd/even)背景色不会重算，因为display:none不改变DOM顺序，仅隐藏渲染——需改用基于可见性动态标记的类策略。
-
父容器需设display:flex且有足够高度，再用align-items:center实现子项垂直居中、水平靠左；单子项时可用margin:auto0达成同样效果。
