-
最直接有效的方式是采用命名空间式类选择器，即为类名添加项目/模块前缀（如user-profile-），按“前缀-功能-状态”格式命名，避免语义化单词重复，并禁用嵌套选择器与!important。
-
文件上传依赖<inputtype="file">触发change事件获取FileList，需用FileReader异步读取内容并封装进FormData通过fetch上传，禁止手动设置Content-Type。
-
<mark>不能自动绑定音视频时间轴，需用JavaScript监听timeupdate事件手动比对时间点并切换样式；推荐优先使用<track>+WebVTT实现原生字幕同步，兼容现代浏览器，IE11需降级为JS模拟。
-
<inputtype="search">必须包裹在<form>中才能确保回车提交、清空按钮、移动端“搜索”软键盘等核心功能正常工作，脱离表单将导致Safari不显示清空按钮、Android键盘不触发搜索键。
-
要提升JavaScript包的TreeShaking效果，需确保使用ES模块语法、在package.json中正确声明sideEffects、避免全量导入并启用生产模式优化，结合构建工具和分析工具验证结果。
-
JavaScript流行的根本原因在于其不可替代的浏览器绑定性：所有现代浏览器仅原生支持JS执行，WebAPI（如fetch、addEventListener）和DOM操作均深度集成于JS全局环境，WebAssembly仅作补充，npm生态与工具链已形成极高替换成本。
-
合理运用CSS盒模型可提升页面视觉与性能。通过设置box-sizing:border-box使宽度包含padding和border，避免布局错位；利用margin和padding替代冗余DOM嵌套，简化结构；固定元素尺寸防止重排，配合overflow和transform优化渲染；区分border与outline，用outline处理焦点样式避免布局跳动。掌握这些技巧能显著增强页面稳定性和开发效率。
-
使用overflow-wrap:break-word可防止长单词或URL溢出容器，仅在必要时断行，避免布局破坏，兼容性良好，常用于处理长URL、长单词及移动端适配，结合hyphens等属性可优化显示效果。
-
不能。iOS14.5前WKWebView默认禁用IndexedDB，14.5+起需HTTPS加载且用户交互后触发；file://协议下完全禁用；稳妥方案是localStorage或原生SQLite插件。
-
JavaScript代码自完成即受著作权法保护，无需登记；未声明许可不等于可随意使用，须依许可证合规使用，如MIT需保留声明、GPL有传染性、商业项目应避GPL/AGPL。
-
自动完成必须用防抖，因其可避免高频输入触发冗余请求，防止响应错乱并提升性能；通过闭包保存定时器、清除前次计时、延迟执行最后一次输入，典型延迟200–400ms。
-
必须先解决跨域问题再读像素：后端代理或设crossOrigin="anonymous"；缩放至64×64后采样，网格/随机取点并过滤透明及极暗亮像素；RGB转HSL量化后统计，剔除明度<20或>95的色块再取主色。
-
跨域iframe通信必须使用window.postMessage()，发送方调用iframe.contentWindow.postMessage()，接收方监听message事件并严格校验event.origin和event.source；document.domain已基本淘汰；服务端代理或同源中转页可作为补充方案。
-
PyCharm中运行HTML文件有三种方法：一、右键HTML文件→OpeninBrowser→选内置浏览器预览；二、在Settings→Tools→WebBrowsers中配置并关联外部浏览器路径；三、用Terminal执行python-mhttp.server8000启动本地服务器，访问http://localhost:8000运行。
-
元素拖拽时突然跳到页面右侧，通常是因为错误地将视口坐标直接赋值给left/top样式，而未考虑定位上下文（如父容器的position:relative）和单位基准；解决关键是使用相对于父容器的偏移量，并将被拖元素设为position:absolute。
