-
JavaScript事件流分捕获、目标、冒泡三阶段;addEventListener第三参数决定监听阶段(true为捕获,false或省略为冒泡);stopPropagation可阻止后续传播,事件委托依赖冒泡实现。
-
答案是调试CSS选择器需结合开发者工具排查匹配失败、优先级冲突等问题。首先检查选择器是否正确命中元素,利用F12工具查看Styles面板及document.querySelector验证;其次分析样式覆盖情况,关注删除线属性和!important影响;通过实时编辑、调整选择器特异性或重构HTML结构优化定位;注意拼写、空格、伪类顺序等常见陷阱,提升调试效率。
-
三元运算符是JavaScript中简洁的条件判断方式,语法为condition?valueIfTrue:valueIfFalse;常用于变量赋值和函数返回值,如判断年龄是否成年或React中渲染登录状态;虽支持嵌套判断成绩等级,但多层嵌套降低可读性,建议两层以上改用if-else或switch;合理使用可提升代码简洁性,但需避免滥用以保持可读性。
-
IndexedDB是浏览器中用于高效管理大规模结构化数据的客户端存储方案,支持索引、事务和异步操作。通过数据库、对象仓库、索引、事务和游标等核心概念,可实现数据的高效写入、查询与遍历。创建数据库时在onupgradeneeded中定义对象仓库及索引,使用事务进行读写操作,结合IDBKeyRange和游标分批处理数据,避免内存压力。合理设计数据结构并利用索引查询,可显著提升性能,适用于复杂前端应用的数据存储需求。
-
JavaScript模块系统通过执行时序和缓存机制处理循环依赖,允许模块在部分初始化状态下被引用以避免死锁。CommonJS在运行时同步加载,模块首次require时执行并缓存,循环依赖中可能返回未完全初始化的exports对象,导致获取到undefined值;而ESModule在静态分析阶段建立绑定关系,采用“活绑定”机制,导入变量为只读引用,原始值更新后可反映到导入方。尽管两种格式均能容忍循环依赖,但建议通过重构代码、延迟加载或使用函数导出等方式避免潜在问题。
-
采用语义类名如.main-content、CSS自定义属性定义宽度变量、结合Grid/Flexbox布局,用max-width与clamp()实现响应式,按内容类型构建结构化容器,提升可维护性与可读性。
-
<p>应直接使用grid类启用原生CSSGrid布局,避免混用Bootstrap的row/col或flex类;优先选用框架提供的grid、grid-cols-、gap-等类,并注意断点配置、列宽控制与对齐属性的正确组合。</p>
-
HTML5minlength属性在IE和旧版Safari中不支持,需结合pattern=".{8,}"和JS校验实现兼容;前后端长度与复杂度规则须一致,且name字段需匹配,移动端应增加blur和submit双重检查。
-
答案:通过洋葱模型的中间件机制实现轻量级HTTP请求库,核心是将请求流程抽象为可插拔函数链。每个中间件接收配置和下一环节函数,支持在调用前后处理逻辑,如日志、认证等。使用reduceRight从右向左组合中间件,形成执行链,最内层调用实际请求方法。提供简洁API如request、get、post,并通过use注册中间件。需注意错误冒泡与配置冻结问题,采用深拷贝或不可变处理确保安全性。
-
不能。ctx.filter仅支持CSSFilter列表中的有限值,不支持锐化等细节增强;必须用getImageData()+卷积核手动实现像素级运算,逐通道处理并截断,注意alpha、色彩空间与性能优化。
-
CSScolor属性支持6类原生格式:颜色关键字、HEX(含#RRGGBBAA)、RGB/RGBA、HSL/HSLA、transparent和currentColor;现代浏览器全支持,IE对HSLA/RGBA/#RGBA不兼容。
-
应使用requestAnimationFrame替代setTimeout实现平滑动画,配合预加载图片(newImage()+onload)、避免复用实例、用opacity/visibility控制切换,并通过picture或服务端适配WebP等格式。
-
变量提升与暂时性死区共存,体现var、let、const在声明机制上的差异:var提升后初始化为undefined,可访问;let/const声明提升但未初始化,处于TDZ中,访问报错。
-
使用@font-face引入字体需确保CORS允许、显式设置font-display(推荐swap)、回退字体栈按平台分组声明、避免强制同步布局,并注意多语言混合排版的字体闪动问题。
-
video标签的poster属性必须是绝对或相对有效路径,浏览器不校验存在性,错误路径导致黑屏;本地file://路径在HTTP下必404;需确保同域可访问、大小写敏感、避免空格中文;动态更换须重建video元素或用CSS遮罩层;poster不受object-fit影响,应匹配视频宽高比并用CSS约束容器尺寸。