-
使用margin/padding、占位元素、calc()计算或z-index控制可解决fixed定位遮挡内容问题,关键是为固定元素预留空间。287 收藏 -
body顶部空白是移动端浏览器(如Safari、ChromeforiOS)默认为body设置margin及viewport缩放、font-size继承等共同导致;需显式重置html/body的margin/padding/height,并配置viewport禁用缩放。287 收藏 -
JavaScript错误处理需提前预防、精准捕获、合理反馈、有效恢复;应选择性使用try-catch包裹高风险操作,结构化抛出错误,设置全局兜底,并借助严格模式与工具链提升健壮性。287 收藏 -
IndexedDB是W3C标准的客户端数据库,支持存储大量结构化数据,具备异步操作、事务机制、索引查询和大容量存储等特点,适用于离线应用与高性能前端场景。287 收藏 -
模块联邦是Webpack5实现运行时代码共享的核心方案,支持远程模块按需加载、依赖版本统一及热更新,但需注意React版本一致、样式隔离、路由协调与错误边界处理。287 收藏 -
功能检测比浏览器嗅探更可靠,应通过in、typeof、instanceof等直接检测API是否可用,结合CSS.supports()、try...catch和动态import()实现渐进增强与合理降级。287 收藏 -
flex容器中文字垂直居中必须设置height或min-height,且文字所在元素须为flex容器的直接子元素;若为column布局,则需用justify-content:center实现垂直居中。287 收藏 -
内联样式优先级最高但不利于维护;2.内部样式表适用于单页但不可跨页复用;3.外部样式表利于协作与缓存,推荐优先使用;4.@import可组织文件但性能较差,不推荐。287 收藏 -
HTML5中添加favicon需在<head>中用<linkrel="icon">声明,推荐同时使用/favicon.ico和/favicon.svg双格式,并将.ico文件置于根目录以避免404。287 收藏 -
答案:JavaScript通过setTimeout和setInterval实现定时任务,前者用于延迟执行,后者用于周期执行,均需返回定时器ID以便用clearTimeout或clearInterval清除,避免内存泄漏。287 收藏 -
HTML5多首页动态切换有五种技巧:一、JS动态替换body内容;二、Hash路由手动切换;三、CSS类控制显隐与过渡;四、iframe嵌入式切换;五、WebComponents封装模块。287 收藏 -
可通过五种方法调节HTML字体大小:一、内联style属性;二、内部CSS样式表;三、外部CSS文件;四、相对单位(rem/vw)实现响应式;五、语义化标签配合默认比例。287 收藏 -
HTML5无内置分页器,实际为开发者手写结构,需先通过开发者工具确认分页容器类名(如pagination、pager等),再用CSS精准覆盖样式;推荐Flex布局替代浮动,注意清除ul默认样式、设置min-width防缩窄,并确保链接href有效。287 收藏 -
浮动列表缩放重叠本质是float脱离文档流且缺乏弹性,应改用flex-wrap或grid布局,配合min-width和box-sizing:border-box防止溢出。286 收藏 -
float用于让元素脱离文档流并左/右移动,实现文字环绕图片效果;2.它会引发父容器高度塌陷问题,需通过clear属性、overflow触发BFC或clearfix伪元素法清除浮动;3.尽管现代布局多用Flexbox/Grid,float仍适用于图文混排、简单多列及兼容性要求高的场景,是维护旧项目必备技能。286 收藏