-
浏览器无法真正导出可运行的HTML5文件,只能保存静态HTML快照;要离线运行需用开发者工具复制完整DOM、手动处理资源路径,并通过本地服务器(如http-server)而非双击打开。
-
flex-grow控制子元素扩展以填充剩余空间,值越大占比越大;flex-shrink决定空间不足时的压缩比例,值越大收缩越明显,二者配合实现灵活布局。
-
事件冒泡是DOM事件从目标元素逐级向上传播至document的默认行为;可用event.stopPropagation()阻止,它仅停止冒泡而不影响同一元素其他监听器或默认行为。
-
根本原因是系统未将Outlook设为默认邮件客户端,需在Windows设置或macOS系统设置中手动指定;同时mailto:链接须严格编码参数,避免空格、中文未转义,并注意旧版Outlook对长文本和cc/bcc的兼容限制。
-
防抖是事件停止触发后延迟执行一次,适合搜索输入、窗口缩放;节流是固定间隔执行,适合滚动加载、拖拽更新;选择依据是“等停手再响应”用防抖,“持续但限频”用节流。
-
ESLint是主流JavaScript代码质量检查工具,通过自动检测语法错误、强制编码风格、识别危险写法并集成到编辑器/Git/CI实现全流程约束。
-
CSS中没有rem()函数,因为rem是长度单位而非计算函数;真正支持数值计算的只有calc()、min()、max()、clamp(),且均不支持取余运算。
-
Node.js事件机制基于EventEmitter类实现异步编程,通过on()注册监听、emit()触发事件,广泛应用于HTTP、流、Socket等场景,支持自定义事件类与once()单次监听,需注意同步执行、内存泄漏及监听器数量限制。
-
min-width:0是启用text-overflow:ellipsis的必要条件,因Flex子项默认min-width:auto会阻止收缩;它必须加在直接含文本的元素上,并配合white-space:nowrap、overflow:hidden、text-overflow:ellipsis及宽度约束才能生效。
-
getAll()返回空数组是因为未传参时默认查询空范围而非全表扫描,需显式传IDBKeyRange;它不兼容IE和旧Safari,大数量可能截断或卡顿,且Promiseresolve后事务可能关闭,操作须在链内完成。
-
CompressionStreamsAPI是浏览器原生流式压缩/解压标准,支持gzip/deflate;目前Chrome118+、Edge118+、Safari16.4+支持,Firefox尚未实现,需运行时检测兼容性。
-
换图标前需先确认引用方式:检查<linkrel="icon">、<linkrel="apple-touch-icon">、图标字体或SVGSprite;再替换多尺寸图标文件并更新对应HTML标签,注意sizes属性与实际尺寸一致,同时处理缓存问题。
-
HTML5Canvas绘制矩形有四种方法:一、fillRect()直接绘制实心矩形;二、strokeRect()仅绘制空心边框;三、rect()结合beginPath()与fill()/stroke()定义路径;四、clearRect()清除指定矩形区域。
-
跨组件锚点跳转需确保目标元素已真实挂载,React用useEffect+ref、Vue用onMounted/nextTick监听,优先用ref而非id查询,计算滚动位置时用getBoundingClientRect().top+scrollY,并处理头部遮挡及Safari兼容性问题。
-
服务端验证是数据安全的核心,JavaScript输入检查仅用于提升用户体验。前端检查可实时反馈、减少无效提交,但易被绕过;后端必须独立验证所有输入,确保字段、类型、长度、格式合法,并防范攻击。两者协同工作,前端提升交互流畅性,后端保障数据安全与业务规则一致性,任何客户端数据都应视为不可信。