-
硬币翻转核心是绕Y轴3D旋转，需父容器设perspective和transform-style:preserve-3d，正反面用backface-visibility:hidden及translateZ(2px)模拟厚度，Safari需加-webkit前缀并动态控制will-change。
-
Promise根本原因是回调无法可靠表达异步的三种状态和链式依赖；它通过统一状态流转契约解决嵌套、错误传播、并发协调等问题，但需正确返回和处理才能发挥效力。
-
浮动列表无法自动换行的主因是父容器宽度限制、未清除浮动或white-space设置干扰；应检查宽度、触发BFC、改用flex-wrap或调整文本换行样式。
-
JavaScript安全需综合防范XSS、CSRF、数据泄露及第三方库风险，通过输入转义、CSP策略、CSRFToken、HttpOnlyCookie和依赖审计等措施可有效提升Web应用安全性。
-
IE11仅支持2012草案版Grid，需用-ms-前缀（如-ms-grid-column）、手动行列定位、margin模拟gap，autoprefixerv9+已移除对其支持，@supports在IE11中无效，float/inline-block仅适用于简单一维布局，css-grid-polyfill性能差且已停更，最佳实践是为IE11提供简化线性布局。
-
用::before或::after画三角形本质是利用0宽高元素的边框透明色视觉技巧，通过设置单边颜色与absolute定位实现微信气泡箭头效果。
-
HTMLvar不是标准HTML、JavaScript或主流前端环境中的合法变量名或API，浏览器不识别，运行时会报ReferenceError；它仅是普通变量名，与HTML无任何关联，常见于误读<var>标签、拼写错误或非标模板。
-
先将爱心HTML代码保存为.html文件再用浏览器打开即可。1.复制包含HTML、CSS、JavaScript的爱心代码；2.用记事本保存为love.html，编码选UTF-8；3.双击文件或拖入浏览器打开；4.若乱码或打不开，检查扩展名、编码及标签完整性。成功后可分享给朋友。
-
使用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类型间切换，并可更新按钮文本提示状态，确保用户主动控制明文显示。
