-
JavaScript可通过WebBluetoothAPI在支持浏览器中直接连接BLE设备，适用于工业传感、医疗监测、教育开发及门禁验证等场景，需HTTPS、用户触发、设备广播指定服务且仅限Chrome/Edge支持。
-
HTML5已废弃<marquee>标签，须用CSS动画重写：横向滚动用@keyframes+translateX()，垂直滚动需同步容器高、行高与位移值，Safari需加transform:translateZ(0)稳定渲染。
-
使用margin和gap调整卡片间距，.card设置margin-bottom并清除最后一项，推荐flex或grid布局用gap自动分配间距，grid支持行列不同gap，注意避免margin与padding叠加，统一box-sizing，移动端用rem适配。
-
行内非替换元素的margin-top和margin-bottom无效是CSS规范约定，因其在行内格式化上下文中无垂直布局空间；左右margin可生效，上下padding不影响行高；替换元素（如img）则支持完整外边距。
-
本文介绍如何利用JavaScript的rest参数语法，让函数能接收任意数量的回调函数作为参数，避免硬编码参数名，提升代码复用性与可维护性。
-
Modernizr不会自动为html添加类名，需确保脚本正确加载、DOM就绪后再读取className，并确认检测项（如flexbox）已启用；Modernizr.load已废弃，应改用loadjs或原生import()；@supports可替代纯样式检测，Modernizr适用于JS行为分支。
-
使用HTML5video标签可直接嵌入视频，通过提供MP4和WebM多格式源文件确保兼容性，并结合controls、autoplay、muted等属性优化播放体验。
-
CSSModules通过编译时重命名类名实现样式局部作用域，需文件名含.module.css、构建工具支持（如Webpack配modules:true），导入后通过对象访问类名，不支持全局嵌套，伪元素和动画需:local()包裹。
-
PSD转HTML5后嵌入视频有四种方法：一、用<video>标签直接嵌入本地MP4/WebM/OGG视频；二、嵌入YouTube/Vimeo的响应式iframe；三、JavaScript动态加载控制视频；四、添加WebVTT字幕与aria-label实现无障碍支持。
-
首先确认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正确是关键。
