-
grid-auto-rows设为auto时align-items:stretch无效,因隐式行高由内容决定,无拉伸空间;需设为1fr或固定值并确保容器有明确高度,才能实现等高拉伸。
-
答案:CSS媒体查询通过覆盖、重置和隐藏实现样式“清空”,核心依赖层叠、特异性和声明顺序。使用initial、unset、revert可重置属性,display:none可隐藏元素;移动优先策略以min-width递增增强样式,桌面优先则用max-width逐步简化;配合CSS变量、@supports、@layer和CSSReset等工具,实现高效响应式设计。
-
高阶函数是控制权移交的信号,本质是解耦“做什么”与“怎么做”,用于替代易错的手动循环,提升代码可读性、可测性与组合性。
-
ESLint负责代码逻辑正确性检查,Prettier专注代码格式统一;二者分工明确、不可替代,需通过eslint-config-prettier关闭ESLint格式规则并交由Prettier全权处理格式,同时保留ESLint在语义层的校验能力。
-
position:sticky的top值控制元素吸附位置,如top:20px表示距视口顶部20px时固定;margin影响元素在文档流中的初始位置和与其他元素的间距,但不改变吸附点。例如.sidebar{top:16px;margin-top:8px}时,元素先因margin下移8px,滚动至距视口16px时开始吸附,吸附后仍保持16px距离,margin持续影响布局间距。两者协同可优化视觉流,需注意父容器避免overflow:hidden导致失效。
-
JavaScript性能优化需从运行机制到构建流程全面入手。首先,JavaScript是单线程语言,长任务、内存泄漏、频繁垃圾回收和重排重绘易导致页面卡顿,可通过ChromeDevTools的Performance面板定位瓶颈,结合console.time()和performance.mark()测量关键路径。代码层面应避免深层嵌套循环、高频事件未节流防抖、频繁DOM操作,推荐批量更新、惰性加载模块及优先使用原生方法。构建阶段利用TreeShaking移除未用代码,作用域提升减少函数包裹,常量折叠与内联预
-
可使用innerHTML、textContent或模板字符串动态更新HTML中JavaScript变量值:innerHTML支持HTML解析但有XSS风险;textContent仅输出纯文本更安全;模板字符串适合多变量嵌入且结构清晰。
-
text-overflow:ellipsis必须配合white-space:nowrap、overflow:hidden和width(或max-width)才生效;多行省略需-webkit-box与-webkit-line-clamp;Flex中还需min-width:0和flex-shrink:1。
-
absolute与fixed定位核心区别在于参考系:absolute相对最近已定位祖先,fixed始终相对视口且滚动不动;前者适合随页面滚动的弹窗,后者适合屏幕钉住的浮层。
-
HTML4的<bgsound>标签已彻底失效,现代浏览器标准模式下完全忽略;HTML5应使用<audio>标签配合用户交互触发播放,CSSbackground不支持音频。
-
父容器高度塌陷应使用伪元素清除浮动:.container::after{content:"";display:table;clear:both;},或设置overflow:hidden;避免用float做复杂布局,优先选flex/grid。
-
CustomElements通过浏览器原生标准实现自定义HTML标签,解决组件复用、跨框架共享和封装性差等痛点,适用于构建UI库、微前端集成和渐进增强场景,需注意兼容性、框架集成和状态管理挑战。
-
在使用.NET的XSLT转换生成HTML时,xsl:value-of默认会正确转义文本节点,但属性值(如value或自定义data-*属性)中的内联表达式不会自动转义,导致XSS风险;需通过XHTML输出方法或手动编码确保所有上下文均安全。
-
JavaScript通过ArrayBuffer、TypedArray、DataView和Blob处理二进制数据。1.ArrayBuffer表示固定长度的二进制缓冲区,需配合Uint8Array等视图读写;不同视图共享缓冲区,字节序影响值解析。2.DataView支持指定字节序(大端或小端)进行精确读写,适用于跨平台数据交换。3.Blob用于文件级操作,可由ArrayBuffer创建并生成下载链接。4.利用FileReader将Blob转为ArrayBuffer,反之可用newBlob()构造器转换。这些对
-
HTML字体大小调节有五种方法:一、内联style设font-size;二、CSS类选择器统一控制;三、语义化标签配合样式重置;四、rem单位基于根元素缩放;五、viewportmeta适配移动端。