-
答案:CSS中position属性的常见取值有static、relative、absolute、fixed和sticky。relative元素相对于原位置偏移但仍占据原始空间,不脱离文档流,常作为绝对定位子元素的参考;absolute元素脱离文档流,相对于最近的已定位祖先元素定位,用于弹窗或下拉菜单等场景;fixed元素相对于视口固定,不随滚动移动,适用于导航栏等常显组件;sticky元素在滚动到特定阈值时由相对定位转为固定定位,常用于表头或侧边栏锚定效果。掌握各定位方式的参考系及是否脱离文档流是构建复杂
-
动画延迟与持续时间需协同匹配,确保启动自然、衔接流畅;完整周期为delay+duration,多动画衔接时后者的delay应等于前者duration;配合animation-fill-mode:backwards可避免延迟期样式塌陷;时间单位须统一用秒;ChromeAnimations面板支持实时调试。
-
容器默认无内边距,需按断点设置padding(如px-4sm:px-6lg:px-8),避免嵌套叠加,并为Header/Footer统一添加响应式内边距以保障视觉一致性。
-
虚拟列表通过只渲染可视区域元素来减少DOM数量,提升长列表性能。1.核心原理:根据滚动位置、容器尺寸和项高度计算可见范围,用占位模拟整体高度并复用节点。2.实现结构:定义itemHeight、containerHeight、scrollTop等变量,通过Math.floor(scrollTop/itemHeight)确定起始索引,结合缓冲项计算渲染范围。3.滚动处理:监听scroll事件,用requestAnimationFrame节流,通过transform定位可视项,批量更新避免频繁DOM操作。4.可
-
最常用方法是使用join()方法,它将数组元素用指定分隔符连接成字符串,默认以逗号分隔,支持自定义符号如空格或短横线;示例中['apple','banana','orange']调用join('-')输出apple-banana-orange;包含数字、布尔值等非字符串元素时会自动转为字符串,null和undefined也被处理为对应字符串,末尾的undefined不影响输出;空数组返回空字符串,稀疏数组的空位视为empty并转为空字符串;而toString()方法仅支持逗号分隔,灵活性差,reduce(
-
箭头函数无自有this、不可构造、无arguments、无yield、返回值需注意隐式规则:其this沿用外层,不能new调用,不支持arguments和yield,单表达式自动返回,对象字面量须用小括号包裹。
-
JavaScript垃圾回收依赖自动管理,开发者需通过优化内存使用来提升效率。应减少全局变量和长生命周期对象,及时解除大型对象引用,避免闭包导致的意外保留。注意清理事件监听器、定时器及DOM残留引用,防止内存泄漏。高频操作中避免频繁创建对象,可采用对象池技术。循环中避免内建函数或对象,大数组用后置null。优先使用WeakMap、WeakSet存储关联数据,实现弱引用,降低回收阻碍。保持最小引用,及时释放资源是关键。
-
箭头函数不是语法糖,它与普通函数在this绑定、不可new调用、无arguments三方面存在本质区别,直接替换易引发隐性bug。
-
Grid是三栏自适应首选方案,用grid-template-columns可设定宽+自适应布局(如200px1fr300px)或等比伸缩(1fr2fr1fr),配合媒体查询实现响应式单列;gap控制间距更可靠,避免margin塌陷。
-
语义优先选<strong>,纯样式需求可用<b>;<strong>表示重要性(屏幕阅读器加重),<b>仅视觉加粗;现代HTML5推荐<strong>,注意避免嵌套、块级误用和滥用样式。
-
使用CSSFlexbox实现响应式卡片列表,需设置容器display:flex、flex-wrap:wrap和gap,卡片使用flex:11200px自适应宽度,窄屏通过媒体查询调整为100%并优化间距,实现流畅布局。
-
JavaScript对象本质是键值对集合,继承自Object.prototype;字面量创建简洁但存在引用陷阱和this绑定时机问题;构造函数需用new避免全局污染;Object.create()可显式控制原型链;ES6class仅为语法糖。
-
空行主要由默认样式、换行符或对齐机制导致,可通过CSS重置margin、处理行内空白及调整图片对齐方式消除。
-
通过JavaScript控制:invalid样式仅在提交触发后生效,避免页面加载时误标空字段为无效,实现精准、用户友好的表单验证反馈。
-
JavaScript日志与错误跟踪需规范console用法、组合全局捕获机制、结构化上报关键字段、配Sourcemap提升可读性,并将日志视为可观测性产品设计。