-
Word粘贴HTML图片时丢弃CSS边框，因仅解析基础标签属性；须转为嵌入型图片后，在“图片格式”中设置边框，并用自定义RGB色+预设样式+格式刷批量应用，导出PDF需选“标准”质量以防边框丢失。
-
冒泡排序需动态缩小内循环范围并加入提前退出机制；快排应避免纯递归以防栈溢出，改用迭代实现；sort比较函数须处理undefined；小数组用插入排序，原生sort通常最优。
-
selectonchange跳转最稳妥方式是直接绑定onchange事件并赋值window.location.href，需确保option的value为含协议的合法URL，避免相对路径、未编码字符及移动端事件延迟问题。
-
本文介绍一种简洁、可扩展的JavaScript方案，通过data属性关联播放按钮与对应音频元素，实现页面中任意位置多个音频的独立控制与互斥播放（点击新音频时自动暂停其他正在播放的音频）。
-
clear属性用于控制元素两侧是否允许浮动元素，其常用值为left、right、both和none；设置clear:left可避开左侧浮动，clear:right避开右侧，clear:both同时清除两侧浮动，最常用；实际布局中推荐使用clear:both或clearfix伪元素方法，确保元素避开所有浮动影响，防止错位。
-
通过CSS变量实现主题切换，首先在:root中定义默认颜色变量，并为不同主题（如暗色）设置[data-theme]属性覆盖变量值；接着在样式中使用var()引用这些变量，使组件动态响应颜色变化；通过JavaScript修改HTML元素的data-theme属性即可全局切换主题，同时结合localStorage保存用户偏好；利用命名约定和分组管理多主题变量，提升可维护性；支持prefers-color-scheme实现系统级暗色模式适配，并确保颜色对比度符合可访问性标准。
-
最稳妥的下拉菜单半透明背景用rgba()，如background-color:rgba(255,255,255,0.8)；禁用opacity和filter:alpha()；必要时用@supports增强backdrop-filter毛玻璃效果，并排查z-index与overflow裁剪问题。
-
Firefox需手动禁用Flash回退路径：设plugin.state.flash为0、dom.ipc.plugins.enabled为false，并勾选隐私设置中“阻止过时插件”；Chrome则需排查JS残留swf调用并注入修复或直取Media链接。
-
使用CSStransition实现响应式动画需优先选择transform和opacity等高性能属性，避免布局重排；结合媒体查询控制断点动画，合理设置过渡时间与缓动函数，并通过JavaScript类名切换替代:hover以提升移动端兼容性。
-
内联样式维护困难因其需全局搜索替换、无法复用、不支持预处理器、调试难定位；link优于@import因并行加载、支持媒体查询；CSSModules等通过哈希类名解决作用域冲突。
-
ServiceWorker是运行在主线程外的可编程网络代理，支持离线访问、消息推送等，需HTTPS部署（localhost除外），通过install/fetch事件实现缓存与离线响应。
-
直接修改img标签的src属性即可更换HTML5模板案例封面，需确保图片已上传、路径正确（区分大小写）、清除缓存，并注意尺寸性能优化。
-
小屏幕下网页内容被裁切时，应通过设置overflow-x:auto启用横向滚动，并结合Flexbox或CSSGrid实现自适应布局。1.使用overflow-x:auto允许容器水平滚动，配合min-width防止内容压缩；2.采用display:flex与flex-wrap:wrap使子元素弹性伸缩并自动换行；3.利用grid-template-columns:repeat(auto-fit,minmax(200px,1fr))创建响应式网格；4.避免固定宽度，优先使用fr、%等相对单位；5.在关键容器
-
JavaScript地理定位需调用navigator.geolocationAPI获取经纬度，须用户授权；首次调用触发浏览器权限提示，拒绝后需手动开启；推荐用watchPosition持续跟踪，配合超时、缓存、HTTPS及IP定位降级提升稳定性。
-
JavaScript数据缓存需按需存储、合理淘汰、安全读写：内存缓存用Map+时间戳+LRU；localStorage需序列化、加版本号、禁存敏感信息；IndexedDB和CacheAPI适用于大容量或离线场景；策略应匹配业务节奏，注重一致性与隔离性。
