-
JavaScript中数组是有序可变长对象,支持任意类型数据;常用字面量创建,操作分改变原数组(如push/splice)和不改变(如map/filter)两类,遍历推荐高阶函数,判断数组用Array.isArray()。
-
边框遮挡背景图的解决方法是设置background-clip:padding-box,使背景仅绘制在内边距区域而不覆盖边框;建议同步设置background-origin:padding-box以确保定位准确,两者配合使用逻辑一致且兼容性良好。
-
position:absolute使元素脱离文档流,易致遮挡或消失;需父容器设position:relative以控制定位参考点;relative更安全,保持文档流占位;fixed需配z-index防覆盖;text-align/vertical-align才是文本对齐首选。
-
动画卡顿应优先检查requestAnimationFrame是否滥用;需节流调用、避免重排属性、仅用transform/opacity、大量元素动画改用canvas/WebGL。
-
使用::before伪元素和content属性可在按钮悬停时显示图标。1.为button添加类名icon-btn作为样式钩子;2.利用.icon-btn::before插入内容并绝对定位,初始opacity:0隐藏;3.在.icon-btn:hover::before中将opacity设为1,实现悬停渐显;4.可结合FontAwesome字体设置content的Unicode值增强图标效果,通过transition优化动画流畅度。
-
用gap配合minmax()是解决Grid间距响应式不一致最直接有效的方式,关键在于使用rem/vw/clamp()等相对单位替代固定px,并配合auto-fit/auto-fill和弹性轨道定义,辅以align-items:start或min-height统一子项高度,必要时用媒体查询兜底。
-
JavaScript中无内置栈和队列,可用数组模拟:栈用push/pop实现LIFO,队列用push/shift实现FIFO;高性能场景可用环形缓冲区优化,封装成类提升复用性。
-
行内非替换元素的margin-top和margin-bottom无效是CSS规范约定,因其在行内格式化上下文中无垂直布局空间;左右margin可生效,上下padding不影响行高;替换元素(如img)则支持完整外边距。
-
overflow:hidden直接裁剪内容且不显示滚动条,适用于装饰性溢出;overflow:auto仅在溢出时显示滚动条,overflow:scroll始终强制显示;Flex/Grid中需配合min-width:0等防止容器被拉伸导致overflow失效。
-
:first-child在表格中常不生效,因tr父元素是tbody,而tbody内首个tr未必是其第一个子元素;应显式写tbody、用:nth-child(1)或theadtr等更可靠选择器。
-
绝大多数情况下,position:sticky更合适,因其天然支持滚动吸附、不脱离文档流、无需手动监听滚动;position:fixed仅适用于全局悬浮按钮等特定场景,且存在移动端定位偏移等问题。
-
浮动元素的宽高遵循CSS盒模型,宽度未设置时由内容决定,行内元素浮动后转为块级;高度由内容撑开,子元素浮动可能导致塌陷,需清除浮动;box-sizing影响宽高计算,margin、padding等正常应用但外边距折叠可能变化,常用于文字环绕或布局,建议配合清除浮动并优先使用Flexbox或Grid。
-
<p>使用position:fixed或sticky可实现网页固定头部和底部布局。首先通过fixed将头尾元素脱离文档流并定位在视窗两端,配合margin和min-height为内容区预留空间,避免遮挡;推荐在简单场景中使用sticky实现粘性头部,需确保父容器未设置影响sticky的样式;注意设置足够z-index保证层级,结合calc(100vh-头高-尾高)适配全屏,移动端优先考虑sticky或添加-webkit-overflow-scrolling:touch以提升兼容性,最后通过媒体
-
答案是处理JavaScript日期时应理解Date对象基于UTC毫秒数但显示受本地时区影响,避免依赖字符串解析,推荐使用参数构造或ISO8601带时区格式,统一用getTime()获取时间戳;展示多时区时间应使用Intl.DateTimeFormat指定timeZone,支持IANA时区名并处理夏令时;性能优化需缓存格式化结果、复用formatter实例、优先使用时间戳运算;替代moment.js可选date-fns或dayjs,复杂时区场景用luxon,核心在于准确区分本地与UTC时间,合理使用标准AP
-
应开启熊猫直播客户端HTML5播放器以解决Flash相关问题。具体操作包括:一、在设置中将播放模式改为HTML5内核并禁用Flash;二、通过添加启动参数强制启用;三、修改config.json文件中的player_mode为html5_ksc265。