-
答案:CSS中position:relative使元素在原位置进行视觉偏移,但仍占据文档流空间,常用于为absolute子元素提供定位基准;而position:absolute使元素脱离文档流,不占空间,相对于最近的已定位祖先元素定位,若无则以初始包含块为基准。两者核心区别在于是否脱离文档流及定位参照物不同,合理使用可实现精准布局,滥用则易导致响应式问题和定位错乱。
-
React要求自定义组件名必须以大写字母开头,否则JSX会将其识别为原生HTML标签(如<banner>被当作<banner></banner>未知标签处理),导致组件不渲染且无报错提示。修正命名并修复拼写错误后即可正常显示。
-
合理搭配背景与边框可提升视觉层次和用户体验。1.使用background-color和border设置基础样式,如.card{background-color:#f4f4f4;border:1pxsolid#ccc}。2.结合border-radius和linear-gradient打造现代感,如.feature-box{background:linear-gradient(135deg,#74b9ff,#00b894);border:2pxsolid#00a080;border-radius:12px}
-
background-color需统一用background简写或置于background之后声明;路径须以CSS文件为基准或用绝对路径;background简写顺序必须符合标准;cover完全覆盖容器,contain完整显示图像。
-
完全可行且推荐,Grid负责整体区域划分,Flexbox处理区域内子元素对齐与排列,二者职责分明、协同高效。
-
通过合理设置word-wrap和white-space属性,可确保文本在不同屏幕尺寸下正常换行。1.使用word-wrap:break-word防止长单词溢出;2.选择white-space:normal或pre-wrap以控制空白和换行;3.推荐组合使用word-wrap:break-word与white-space:pre-wrap,兼顾格式保留与响应式换行,提升文本可读性和布局稳定性。
-
Promise本身不直接解决回调地狱,真正打破它的是then链式调用与async/await;嵌套回调因缩进失控、错误分散、逻辑难追踪而成“地狱”;then通过返回新Promise实现流程扁平化;async/await则让异步代码如同步般自然,配合try/catch统一捕错。
-
align-items:stretch失效是因为子元素存在height/min-height/max-height或内容有固定高度;需父容器设显式高度,再配合flex:1(即flex-basis:0)实现等高。
-
:disabled伪类仅匹配带disabled属性的原生表单控件;必须显式添加disabled属性而非仅用样式模拟,且需注意Firefox对input[type="button"]的默认样式覆盖问题。
-
HTML5<audio>标签不转码,仅通过多格式fallback实现兼容;需按MP3、M4A、OGG顺序提供源,并正确配置MIME类型与服务端转码。
-
Chrome扩展通过chrome.runtime.sendMessage与外部网页通信时,回调函数常出现静默失效(不报错、不执行),根本原因在于:1)ChromeAPI返回对象含循环引用导致序列化失败;2)外部消息回调仅允许调用一次,重复调用即被丢弃。本文详解原理并提供可靠修复方案。
-
WebWorkers通过将CPU密集型任务移至后台线程,避免主线程阻塞,从而解决前端计算导致的界面卡顿问题。
-
JavaScript流行的根本原因在于其不可替代的浏览器绑定性:所有现代浏览器仅原生支持JS执行,WebAPI(如fetch、addEventListener)和DOM操作均深度集成于JS全局环境,WebAssembly仅作补充,npm生态与工具链已形成极高替换成本。
-
手机浏览器无法直接打开本地HTML文件,因file://协议被限制;需通过HTTP服务(如Python的http.server)访问,并确保响应式设计、正确路径、DOM加载时机及服务器配置。
-
单页应用路由通过JavaScript实现,核心是监听URL变化并动态加载内容。1.hash模式利用#后片段,兼容性好且无需服务器支持;2.history模式使用pushState实现美观路径,需服务器配置避免404。根据SEO和部署需求选择模式。可手动实现简易路由:定义路由表、监听hashchange或popstate事件、更新DOM。主流框架如React用react-router-dom,Vue用vue-router,Angular用RouterModule,均提供参数传递、权限控制等高级功能。掌握原理