-
使用pako库或CompressionStreamsAPI可实现JavaScript中文件的压缩与解压，适用于前端资源优化。pako支持gzip、deflate等格式，兼容性好；现代浏览器可使用内置的CompressionStreamsAPI进行Brotli等格式的流式压缩解压，性能更优。处理时需注意文本编码统一使用TextEncoder/TextDecoder，大型JSON数据可先序列化再压缩，读取时逆向操作。根据环境选择方案：旧浏览器用pako，新环境优先考虑原生API以提升效率。
-
浮动导致父容器高度塌陷，解决方法有：1.使用clearfix通过伪元素清除浮动，兼容性好；2.设置overflow:hidden触发BFC，但可能裁剪溢出内容；推荐优先使用flex或grid布局替代。
-
使用CSS浮动可实现多栏布局，通过float属性使元素左或右排列，配合清除浮动解决高度塌陷，适用于两栏侧边栏+主内容及三栏等宽布局，需注意box-sizing和总宽度控制。
-
要解决CSS文件跨域引入问题，核心是配置服务器的CORS策略。必须确保托管CSS的服务器在响应头中添加Access-Control-Allow-Origin，指定允许访问的源，如Nginx或Apache配置对应规则；若使用CDN，还需确认其正确转发CORS头部，并注意缓存可能导致新配置未生效，需清理缓存或调整缓存策略以确保更新及时生效。
-
使用flex-direction:column和justify-content可实现纵向等间距布局，需设置容器高度，推荐space-between、space-around或space-evenly值来控制垂直间距，注意避免margin干扰及内容溢出问题。
-
JavaScript调试的核心在于“快速定位问题+精准验证逻辑”，浏览器开发者工具（DevTools）是日常调试最直接、最高效的手段。掌握几个关键操作，比盲目加console.log高效得多。打断点（Breakpoints）——暂停执行看现场在Sources面板中，点击某行代码左侧的行号，即可设置断点。代码运行到该行时会自动暂停，此时你可以：查看当前作用域内所有变量的实时值（Scope面板）逐行执行（F10）或进入函数内部（F11）跳过循环/条件块，快速跳到感兴趣
-
答案是通过JavaScript动态切换input的type属性实现密码显示与隐藏。使用type="password"初始隐藏，结合按钮触发togglePassword()函数，在password和text类型间切换，并可更新按钮文本提示状态，确保用户主动控制明文显示。
-
图片默认inline触发基线对齐，干扰align-items:center效果；解决方法是设img为display:block或统一子元素为flex项目并显式控制对齐。
-
IntersectionObserverAPI用于监听元素是否进入视口，支持懒加载、动画触发和埋点上报。通过创建observer实例并配置threshold、rootMargin等参数，可在元素可见时执行回调，相比scroll事件更高效。典型应用包括图片懒加载（读取data-src）、视入动画（添加类名）和内容曝光统计（上报埋点）。需注意兼容性处理、及时调用unobserve()和disconnect()释放资源。该API简化了可见性检测逻辑，提升性能与可维护性。
-
JavaScript的Set是用于存储唯一值的无序集合，自动去重、不支持索引访问、具备O(1)查存性能，适用于去重、存在性判断和集合运算等场景。
-
用HSL调整品牌主色生成语义色系是可控且符合设计逻辑的方法：固定色相，调节饱和度与明度对应强调、悬停、边框、禁用等语义状态，并通过CSS自定义属性统一管理，兼顾可访问性与主题延展性。
-
不能直接用height+transition实现折叠动画，因auto无法参与数值插值。解决方案是通过max-height（如0到200px）结合overflow:hidden和transition模拟展开收起效果，确保动画流畅且兼容性好。
-
惰性求值和缓存可提升JavaScript性能，通过延迟计算和记忆化避免重复运算。1.惰性求值：用函数或闭包实现按需计算，如延迟初始化对象；2.缓存：利用Map存储结果，相同输入直接返回值，适用于纯函数和递归；3.结合使用：如惰性单例模式，首次调用创建实例并缓存，后续直接复用，减少开销。合理应用能显著优化资源密集操作，但需注意控制缓存生命周期防止内存泄漏。
-
用td:last-child可行但选中的是每行最后一个单元格而非整列；失效常见于colspan、混用th/td或嵌套元素；推荐:nth-child(n)精准选列，兼顾th/td并抗colspan。
-
首先注册Sentry并创建项目获取DSN，然后安装@sentry/browser并初始化SDK，自动捕获全局错误与Promise异常，支持手动上报及添加用户、标签等上下文信息，并通过上传SourceMap还原压缩代码堆栈，提升错误排查效率。
