-
HTML中需用 实现不换行且不合并的空格；普通空格或 会被浏览器合并，不可靠；等宽排版推荐monospace字体加letter-spacing；全角空格（\u3000）等隐形字符须用正则或插件识别替换。
-
JS引擎通过词法语法分析生成AST，再转为字节码由解释器执行，并利用JIT将热点代码优化为机器码，结合分代式垃圾回收管理内存，提升运行效率。
-
JavaScript学习应从直接编写可运行的HTML+JS代码开始，如用document.body.innerHTML动态修改页面内容，而非陷入环境配置；变量声明优先用const，函数设计需支持灵活参数，DOM操作应面向真实场景。
-
会撑大元素。默认content-box下，width/height仅指内容区，padding会额外增加总尺寸；设为border-box后，padding被包含在宽高中，不再撑大元素。
-
JavaScript数组操作核心是选对方法、避免副作用、利用现代语法：map/filter/reduce用于不可变数据转换与筛选，慎用push/splice/sort等修改原数组的方法，深层操作善用flat/find/解构，性能敏感时注意缓存length、批量push及分片处理。
-
最稳妥方案是用rem配合html根元素动态调整字体大小，通过JS根据屏幕宽度或用户偏好设置document.documentElement.style.fontSize，并同步协调line-height、font-weight等属性以避免布局错乱。
-
new运算符执行四步：创建空对象并设置原型；绑定this并执行构造函数；按返回值类型决定最终返回对象或新对象；新对象constructor指向构造函数。
-
HTML5不直接加密Wasm模块，需前后端协同实现传输加密、运行时解密与内存保护；通过服务端AES加密wasm字节码、前端SubtleCrypto解密、剥离debug信息及反调试等手段增强安全性。
-
最直接有效的解法是用@media切换flex-direction为column；必须修改的情况包括：多按钮文字溢出、卡片图文左右布局文字区过窄、表单控件横向错位、flex-wrap仍换行混乱——此时主轴方向本身就不该是横向。
-
优先用getElementById获取元素，速度快且返回单个元素或null；querySelector支持CSS选择器但只返首个匹配项；修改内容用textContent（安全）或innerHTML（需信任来源）；设属性优先直接访问内置属性，自定义属性用setAttribute；动态元素事件用委托，移除时须用同一函数引用。
-
PerformanceAPI是移动端性能监测的核心工具，通过PerformanceObserver监听navigation、resource、paint、longtask等性能条目，可精准捕获用户真实体验数据。相比过时的performance.timing，PerformanceObserver提供更细粒度、更现代的监控能力，结合navigator.sendBeacon可在页面卸载前上报数据，确保完整性。移动端因网络不稳定、设备碎片化、交互敏感及电池限制等特点，性能监测尤为重要，需区别于桌面端策略。应聚焦
-
clearfix仍值得用，因其是局部浮动+不可改结构场景下最轻量、兼容性最佳的方案，通过伪元素触发BFC且不裁剪溢出内容，优于overflow:hidden。
-
直接给color属性加transition即可实现文字颜色平滑切换，但需确保通过:hover、.active等伪类或类名触发状态变化，避免JS直接修改内联样式导致过渡失效。
-
opacity用于控制元素及其子元素的整体透明度，值为0到1之间，常用于实现淡入淡出效果；与rgba()不同，rgba()仅影响颜色属性而不影响子元素内容；opacity适合整体透明度变化和动画过渡，而rgba()适用于背景或边框透明、内容保持清晰的场景；结合transition或animation可实现流畅的视觉效果；opacity:0元素仍占布局空间且可触发事件，visibility:hidden隐藏元素但保留空间，display:none则完全移除元素且不占空间；根据需求选择合适的隐藏方式可优化交互
-
推荐四种HTML5邮件发送方案：一、保存为本地文件作附件；二、内联样式脚本后以HTML正文发送；三、用Mailchimp等模板服务生成兼容邮件；四、生成静态截图加超链接分享。
