-
Less中需用Mixin封装带参数的媒体查询,参数为断点键名而非字符串,通过map-get从@breakpoints映射取值,并加isdefined守卫;硬编码断点导致维护难、嵌套失效、单位混用;多条件查询需用@media(@conditions...)配合~"@{conditions}"拼接;应区分.media-up()与.media-down()以适配移动端或桌面端优先策略。
-
BroadcastChannelAPI是浏览器提供的同一源下跨标签页通信方案,通过创建同名频道实例实现消息收发,支持postMessage发送和onmessage监听,适用于状态同步与操作通知,需注意仅限同源、数据可序列化、不保证消息顺序,且应调用close()释放资源。
-
JavaScript内存管理依赖垃圾回收机制,通过可达性判断对象是否可回收。开发者需避免意外全局变量、未清理的定时器与事件监听、闭包长期持有大对象及DOM引用残留导致的内存泄漏。使用严格模式、及时解绑资源、弱引用结构(如WeakMap、WeakSet)并结合ChromeDevTools分析内存使用,可有效优化性能,防止内存持续增长。
-
搜索建议框缩放时消失或错位,是因为absolute定位基准依赖最近的relative祖先,而父容器未设position:relative、宽度计算不匹配(如仅用width:100%)、未处理padding/border及box-sizing等因素导致定位偏移和溢出。
-
多行文字和图标底部对齐失效的根源在于align-items作用范围错误;应将图标与文字置于同一grid容器并设align-items:end或baseline,而非在父容器设置后又用align-self冲突。
-
JavaScript事件循环执行顺序取决于调用栈状态、任务队列及运行时实现;宏任务包括setTimeout、setInterval、setImmediate(Node.js)、I/O回调、UI渲染、postMessage、script脚本;微任务包括Promise.then/catch/finally、MutationObserver、queueMicrotask、async/await后续处理,且process.nextTick在Node.js中优先级最高。
-
面板根元素用panel,子元素统一为panel__header/body/footer;状态用panel--collapsed,尺寸修饰符需成套作用于各子元素,body需设flex:1和min-height:0防塌陷。
-
本文详解React组件中因错误使用单引号而非模板字符串(反引号)而导致动态插值失效的问题,并提供修复方案、原理说明及开发注意事项。
-
HTML导出本身不包含协作元数据,但第三方工具可能将data-collab-id等注入源码;需检查导出HTML中的data-*属性、注释及外链,禁用相关插件选项或手动清理。
-
WeakMap通过弱引用避免内存泄漏,而Map的强引用可能导致内存无法释放。示例中,对象作为Map键时即使被置为null仍不回收,size仍为1;而WeakMap中相同操作后对象可被回收,键值对消失。WeakMap仅支持对象键、不可遍历、无size等限制使其适用于私有数据存储、对象缓存等需自动内存管理场景,Map则适合需持久化和遍历的操作。
-
list-style:none仅隐藏项目符号,不影响布局;实现平铺需用display:flex作用于ul,并重置padding/margin、合理设置gap或flex属性等细节。
-
掌握JavaScript设计模式进阶需理解对象、函数与闭包的灵活运用。1.创建型模式如工厂、抽象工厂、构造器和单例,解决对象创建的复杂性与解耦;2.结构型模式如装饰器、适配器和代理,优化类与对象的结构关系,提升扩展性;3.行为型模式如观察者、策略、迭代器和命令,规范对象间通信与职责分配;4.实际开发中常组合使用,如React的HOC体现装饰器思想,Redux融合观察者与命令模式。关键在于理解模式背后的问题本质,合理应用以提升代码可维护性,同时避免过度设计。
-
答案:优化JavaScript数组操作需减少遍历次数、避免频繁修改结构、预分配数组大小。应合并操作为单次遍历,优先使用push/pop,慎用unshift/shift,大数组可选for循环或工具库,明确长度时预创建数组以提升性能。
-
link标签必须写rel="stylesheet"且href为有效路径,推荐置于head中;路径以/开头表示根目录,否则相对HTML当前位置;加载顺序决定覆盖关系,后解析的样式优先。
-
可通过五种CSS/HTML方法创建方形:一、div设等宽高;二、aspect-ratio:1/1;三、padding-top:100%技巧;四、Grid单格布局;五、SVG的rect元素。