-
JavaScript动态效果核心在于DOM状态精准控制与事件节奏把握，需避免内联事件、重复绑定、class覆盖、setTimeout模拟帧率、innerHTMLXSS风险，并重视交互中断时的状态回退。
-
浏览器缓存能提升JavaScript加载速度，但若管理不当会导致用户加载过时代码，引发功能异常或安全风险。其核心影响在于：浏览器根据HTTP头（如Cache-Control、ETag）决定是否复用本地缓存的JS文件。当文件更新后缓存未及时失效，新HTML与旧JS可能不兼容，造成事件监听失败、DOM操作错误等问题。此外，CDN缓存未刷新或ServiceWorker策略缺陷也会加剧版本错乱。解决关键在于精细化缓存控制：对JS文件采用内容哈希（如app.a1b2c3d4.js），确保更新后文件名变化，强制浏览器
-
掌握HTML需从语义化结构入手，合理使用标签与属性提升可访问性；进阶需结合CSS与JavaScript，注重解耦与数据传递；实战中遵循编码规范，善用HTML5新特性；最终融入现代前端生态，理解模板语言、框架及WebComponents的发展趋势。
-
推荐Dcoder、Acode（配LiveServer插件）、JSFiddleMobile和Codeanywhere四款工具：Dcoder支持本地WebView预览；Acode通过LiveServer实现热更新；JSFiddle提供三栏在线编辑与响应式预览；Codeanywhere依托云端容器支持完整HTML5工程调试。
-
Map适合存带身份标识的键值对，支持对象、函数、NaN等任意类型作键且保持插入顺序；Set用于去重和O(1)存在性判断，值唯一且基于SameValueZero比较。
-
transition是复合属性，需同时指定时长与属性名（如transition:background-color0.2sease），仅设timing-function或duration为0s均无效；不可过渡position等非数值属性，应改用top/left或transform；避免transition:all，推荐显式声明opacity和transform等高性能属性。
-
最稳定方案是用Puppeteer截取完整滚动页面PNG再转PDF：先page.screenshot({fullPage:true})，再用img2pdf转单页PDF；若直接page.pdf()，需设大height并禁用页眉页脚。
-
iOS上video.playbackRate基本无效，仅限用户手势触发播放且未启用autoplay时生效；绕过限制需用快捷指令、WKWebView原生控件或服务端多倍速转封装。
-
在JavaScript中实现树形菜单需要以下步骤：1.使用HTML的<ul>和<li>构建树形结构；2.通过CSS控制节点的显示和隐藏；3.用JavaScript处理节点的点击事件，实现展开和折叠功能；4.添加图标来直观显示节点状态；5.通过AJAX动态加载子节点，优化性能；6.实现搜索功能，高亮匹配节点并展开相关父节点；7.使用虚拟滚动优化大数据量下的性能。
-
手机录音打不开或无声，先查路径格式与权限：安卓确认/Recorder/路径及.amr/.m4a后缀，iOS导出语音备忘录；Android检查音量、音频权限与蓝牙通道；iOS进度偏差用网页播放器或QuickTime精确定位；循环播放需第三方工具截取片段。
-
JavaScript迭代器协议通过统一遍历接口提升代码可读性与灵活性，其核心是实现Symbol.iterator方法返回具备next()的迭代器，从而支持for...of和展开运算符；结合生成器函数可简化实现，避免状态管理混乱并实现懒加载，增强性能与可维护性。
-
color在打印样式中不生效，主要是浏览器默认启用黑白/灰度打印模式，需在打印设置中手动关闭“黑白打印”并开启“背景图形”；CSS仅定义意图，实际效果取决于打印对话框配置。
-
HTML下拉框加id属性直接在<select>标签写id="xxx"即可，该id是DOM中唯一定位标识，JS用document.getElementById()或querySelector()可获取；id值须合法且唯一，操作下拉行为必须设在<select>上而非<option>。
-
flex容器需设width:100%或max-width:100%才能响应小屏，否则子元素flex:1无效；须配合box-sizing:border-box、慎用min-width、显式声明flex-direction，嵌套层级越多越需逐层约束宽度。
-
函数式响应式编程（FRP）是一种结合函数式与响应式编程范式的编程思想，其核心是将随时间变化的数据抽象为流，并通过纯函数对流进行变换和组合。在JavaScript中，FRP利用Observable表示异步数据流，借助map、filter、debounce等操作符处理事件流，如用户输入、网络请求等。常用库包括RxJS、Most.js和xstream，适用于表单验证、自动补全、路由变化和动画控制等场景。FRP强调声明式编程，避免共享状态和副作用，使复杂异步逻辑更清晰可控。
