-
高阶函数是接收函数为参数或返回函数的函数；map要求回调必须返回值，否则填undefined，filter依据返回值真值性筛选，链式调用顺序影响结果，且需注意this绑定问题。
-
Canvas绘图可通过自定义渲染器实现Vue响应式与组件化——核心是将绘制命令转为可diff/patch的VNode，在Canvas2Dcontext上执行；需重写hostCreateElement、hostPatchProp等钩子，并抽象hostContext以支持跨端复用。
-
WebDriver协议不解决跨浏览器兼容性问题，它仅提供统一HTTP接口与驱动通信；兼容性差异源于浏览器渲染、JS执行、CSS解析等实现差异，需通过独立会话、能力配置、DOM/事件/JS/网络多维比对及Grid矩阵测试系统性捕获。
-
媒体查询断点生效取决于语法结构、单位选择和逻辑组织，而非数值本身；应统一用min-width、避免混用、确保viewport标签正确、禁用rem而优选em或px，并依据内容崩坏点而非设备尺寸设定断点。
-
使用地图API嵌入网页最常见，先获取百度、高德或Google地图的iframe代码插入HTML即可显示地图；需交互功能时可用JavaScriptAPI，申请密钥后通过JS初始化地图并添加标记等；注意遵守服务商授权条款。
-
当在数字输入框中通过数字键盘输入小数点（.）时，Formik表单的value突然清空，根本原因在于parseFloat()对部分区域设置（如德语、法语等）下浏览器自动将小数点显示为逗号（,）但实际输入事件仍触发英文符号，导致解析失败或返回NaN，进而引发受控组件值异常。
-
drop事件不触发的根本原因是未在dragover中调用event.preventDefault()；必须为拖放目标绑定dragover并阻止默认行为，否则浏览器拒绝投放且不报错。
-
Symbol.for无法穿透微前端沙箱实现跨应用单例共享，因其仅保证键唯一性，而存储位置受沙箱代理隔离；应通过主应用暴露未被劫持的全局对象（如window.microAppGlobal）配合Symbol.for作键名来实现。
-
WebNFC智能海报通过一碰即连的交互方式，实现物理与数字世界的无缝衔接。用户轻触嵌入NFC标签的海报，即可直接打开预设网页，无需扫码或下载App，提升互动效率与沉浸感。核心技术包括NFC标签（如NTAG213/215/216）写入NDEF格式URL、基于HTML/CSS/JavaScript构建的Web应用，以及WebNFCAPI实现读写交互。相比二维码和蓝牙，WebNFC具备更高即时性与更低操作门槛，且无需供电，适合静态载体。开发需注意浏览器兼容性（目前主要支持AndroidChrome）、HTTPS
-
Set.clear()是唯一可靠的一键清空方式，它原地修改实例、保持引用一致、时间复杂度O(1)，而重赋值或遍历删除均存在引用丢失、行为不可靠或性能问题。
-
background-attachment:fixed在移动端基本失效，因Chromev56+和Safari主动降级为scroll；需满足无transform父容器、height:100vh等硬性条件才能在桌面端稳定工作；移动端应fallback至scroll+JS动态background-position或使用scroll-drivenanimations。
-
HTML不能做权限管理，权限控制必须由后端决定是否返回DOM节点或权限数据，前端仅负责根据后端返回的细粒度权限字符串（如"product:delete"）动态控制元素显隐，通过data-permission标记和事件委托批量更新视图，并确保API和服务端模板同步鉴权。
-
