-
DevTools是调试JavaScript最高效工具，Console和Sources面板覆盖90%需求；debugger语句轻量但依赖执行路径，Sources断点更可控，支持条件、XHR、DOM等断点；需启用sourcemap和禁用缓存；console.table/group/trace提升日志效率；断点失效常因动态加载、模块延迟、eval或sourcemap失配。
-
群组选择器通过逗号分隔多个选择器并共享样式规则，如h1,p,div{color:red;}，可提升代码简洁性与可维护性，常用于统一标题字体、重置边距或设置链接颜色，使用时应保持格式清晰、避免过度组合。
-
构造函数继承通过call或apply在子类中调用父类构造函数，实现属性独立拷贝、支持向父类传参、避免原型链共享副作用，确保实例间数据隔离。
-
使用auto-fit与minmax可创建自适应多列布局：.grid-container设置display:grid，grid-template-columns:repeat(auto-fit,minmax(200px,1fr))实现列宽最小200px、最大均分，空间不足时自动换行；适用于卡片、图库等场景，小屏单列、中屏多列、大屏更多列，无需媒体查询；优化建议设minmax最小值为250px避免过窄，配合gap间距，确保各设备良好排版。
-
最可靠方案是浏览器原生打印（DevTools→Ctrl/Cmd+P→另存为PDF）或Puppeteer服务端渲染；html2canvas+jsPDF因截图原理存在字体、样式、跨域及模糊等多重缺陷需慎用。
-
Babel插件通过AST操作ImportDeclaration、ExportAllDeclaration等节点的source.value安全重写模块路径，需同步更新raw值、兼容动态import()和TS，避免修改specifiers及相对路径错误。
-
HTML用于构建网页结构、超链接、图像、表单和表格：一用<html><head><title><body><h1><p><ul><li>定义基础内容；二用<ahref>实现外链、内链及新页跳转；三用<imgsrcalt>嵌入图片并保障可访问性；四用<form><input><button>收集用户数据；五用<table><thead&
-
仅用html{filter:grayscale(100%);}不够，需补-webkit-filter兼容旧版Safari/安卓WebView，并为IE11添加progid语法；应选html而非body作根选择器以确保全覆盖，且须规避性能拖慢、文本可读性下降及视觉细节崩坏问题。
-
Intl.NumberFormat('en-US',{style:'percent'})默认将输入值乘以100再加%符号；传入0.12得12%，若后端返回整数12则需先除以100，否则会显示1200%。
-
模板字符串用反引号包裹，支持多行、保留换行缩进、内嵌变量表达式（如${name}）、配合标签函数实现转义/格式化，调试可用JSON.stringify查看真实换行。
-
pushState不会触发页面刷新，因为它仅操作浏览器历史栈、修改URL栏和window.location，不发起导航请求或重新加载文档，DOM与JS上下文完全保留；需手动监听popstate事件并同步视图，且服务端须配置fallback避免404。
-
HTML5原生不支持RTSP，浏览器video标签无法解析rtsp://地址；实际播放依赖服务端转流（如FLV/HLS/WebRTC）或JS库（flv.js/mpegts.js），抓包看到的是HTTP/WS/DTLS等协议而非RTSP。
-
DragandDropAPI是浏览器原生事件机制，支持拖拽投放交互；关键事件含dragstart（设数据）、dragover（需preventDefault）、drop（执行业务）、dragend（清理状态）；基础步骤为设draggable="true"、监听dragover与drop事件。
-
多段hover效果不同步的根本原因是transition-property不一致或隐式触发不同属性过渡；应显式声明需动画的属性、统一时长、缓动函数和延迟，并规范hover触发逻辑与热区，必要时用will-change优化。
-
WebCryptographyAPI提供浏览器原生加密功能，支持生成密钥、加密解密等操作；2.使用crypto.subtle.generateKey()生成AES-GCM对称密钥，需设置extractable和使用权限；3.加密通过crypto.subtle.encrypt()执行，明文转ArrayBuffer并使用唯一IV；4.解密调用crypto.subtle.decrypt()，验证IV和密文完整性；5.密钥可导出为JWK格式存储，但仅当extractable为true时可用，需注意安全风险；6.正
