-
<p>标签是HTML中语义正确、无障碍友好、浏览器原生支持的唯一段落标记，禁止嵌套块级元素，不可用于地址/标语等非自然语言内容，需注意margin折叠与移动端换行问题。
-
clamp()可替代媒体查询实现响应式字号，需统一单位（全rem或全vw），Safari13.1+支持并需回退；:is()简化多层级选择器，仅接受选择器列表；contain:layoutstylepaint隔离重绘区域；CSS自定义属性+calc()管理间距系统。
-
border-image不可动画，需用双层background模拟渐变边框：外层linear-gradient配background-clip:padding-box和background-position动画实现流动效果，兼容性好且性能优。
-
max-height从0到none无法过渡，因none非可动画数值，导致跳变；应改用足够大的具体像素值或JS动态测量真实高度并设置，收起后再置为none，配合强制重排和will-change提升性能。
-
是的，margin:auto在flex容器中会覆盖justify-content——它仅对flex项目生效，且在主轴有尺寸限制时按“均分剩余空间”分配，直接架空justify-content的控制权。
-
DevTools是调试JavaScript最高效工具，Console和Sources面板覆盖90%需求；debugger语句轻量但依赖执行路径，Sources断点更可控，支持条件、XHR、DOM等断点；需启用sourcemap和禁用缓存；console.table/group/trace提升日志效率；断点失效常因动态加载、模块延迟、eval或sourcemap失配。
-
浏览器端JavaScript无法直接连接数据库，必须通过后端API进行交互；2.Node.js环境下的JavaScript可通过数据库驱动或ORM/ODM直接连接数据库；3.安全原因、技术限制和架构设计决定了前端不能直连数据库；4.实践中Node.js连接MySQL可用mysql2或Sequelize，PostgreSQL可用pg或TypeORM，MongoDB可用mongodb驱动或Mongoose；5.构建安全后端API需实现认证授权、输入验证、HTTPS加密、错误处理、速率限制、敏感信息隔离及COR
-
最有效方案是使用Cross-Origin-Resource-Policy:same-origin响应头，现代浏览器会静默拦截跨站CSS加载；需配合Referer检查兜底旧浏览器，并清除缓存确保新策略生效。
-
WeakMap和WeakSet通过弱引用避免干扰垃圾回收，适用于缓存、私有数据存储和对象标记场景，防止内存泄漏。
-
BroadcastChannel是最轻量、原生且兼容性良好的跨标签页状态同步方案，它通过主动广播机制实现同源窗口间实时通信，支持复杂数据类型，避免localStorage事件的延迟、自触发缺失及Safari私密模式失效等问题。
-
new操作符执行四步：创建空对象、绑定原型、执行构造函数、返回正确值；模拟需检查函数类型、用Object.create设置原型、call执行并判断返回值类型。
-
正则性能差异核心在于回溯量：贪婪模式易致指数级回溯（如/a+b+c/在失败时），非贪婪虽回溯逻辑不同，但成功匹配时贪婪更快；优化关键为避免嵌套量词、使用原子组或明确边界。
-
position:relative本身不引起偏移，必须配合top/right/bottom/left才生效；它建立新定位上下文、不脱离文档流、影响后续布局且支持z-index。
-
getSelection()返回空Selection实例是规范行为，因页面未聚焦或选区在跨源iframe中；需确保元素focus、同源下访问iframe.contentDocument.getSelection()，并监听document上的selectionchange事件。
-
答案：height动画跳跃因auto非数值无法渐变，可用max-height配合transition模拟平滑展开，通过设置足够大的max-height值并结合overflow:hidden实现视觉过渡，兼顾性能与兼容性，适用于多数折叠动画场景。
