-
答案:HTML中换行可通过自动换行、<br>强制换行或<p>分段实现;CSS的white-space、word-break和overflow-wrap用于精细控制;响应式设计需避免nowrap滥用,处理长单词并多设备测试。
-
可选链操作符(?.)用于安全访问嵌套属性,遇null/undefined返回undefined而不报错;支持属性访问、数组索引、函数调用和动态属性;常与??搭配提供默认值;不可用于赋值或delete等语句。
-
浮动元素的定位微调可通过外边距、相对定位、调整相邻元素及辅助容器实现。1.使用margin调整与周围元素距离,支持负值拉近位置;2.结合position:relative用top、left等进行像素级偏移,不破坏文档流;3.修改父容器或邻近元素的padding、width或clear设置以释放空间;4.利用wrapper或伪元素隔离控制,优化整体对齐。关键是组合使用这些方法,避免强行修改布局结构,在维护旧项目时尤为实用。
-
DOM是浏览器将HTML解析成的树状对象结构,每个标签、文本等均为节点;可通过getElementById、querySelector等获取元素,再用textContent、innerHTML、style、classList等修改内容样式,或用createElement、appendChild等动态增删改元素。
-
HTML5新增13个input类型,其中date、time、datetime-local、month、week、email、range共7个具独立UI;date选年月日,time选时分秒,datetime-local选年月日及时分(无秒及时区),均以ISO格式提交;range需设min/max/step,值为字符串;email仅做基础格式校验,不验证真实性。
-
rgba()的四个参数依次为红、绿、蓝三色强度(0–255整数)和透明度alpha(0–1小数);与opacity不同,rgba仅作用于背景色,不影响文字及子元素。
-
函数定义有三种方式:1.函数声明具有提升特性,可在声明前调用;2.函数表达式赋值给变量,常用于回调,不具完全提升;3.箭头函数语法简洁,无自身this,适合回调但不可作为构造函数。
-
JavaScript变量是存储数据的容器,用于保存信息并在程序中复用;支持动态类型,可用let(块级可变)、const(块级不可重赋值)和var(函数作用域,已不推荐)声明。
-
严格模式禁止未声明变量赋值、删除不可配置属性、重复函数参数、八进制字面量和with语句;启用方式为脚本或函数首行添加"usestrict";使this在全局函数中为undefined,限制eval作用域,解除arguments与形参同步;新项目仍推荐使用。
-
通过CSSAnimation与@keyframes实现轮播图过渡效果,可采用淡入淡出或滑动动画。1.淡入淡出:利用opacity变化,结合animation-delay错开每张图片的播放时机,形成循环切换;2.滑动效果:使用transform:translateX配合透明度变化,定义关键帧实现图片左右滑入滑出;3.注意设置容器固定尺寸、object-fit:cover、初始opacity为0,并合理配置动画时长与延迟,确保流畅无缝切换,适用于PC与移动端。
-
HTML5<audio>标签的格式支持取决于浏览器解码能力,需提供多格式回退:推荐优先<sourcesrc="song.m4a"type="audio/mp4">(Safari首选AAC),再MP3、OGG;必须声明type属性,确保服务器返回正确MIME类型、处理CORS、ID3标签兼容性及iOS手势触发限制。
-
<p>应使用box-sizing:border-box;它使width/height包含content、padding和border,避免尺寸错位,符合设计稿标注逻辑,推荐全局设置*{box-sizing:border-box;}。</p>
-
柯里化是将多参数函数转换为一系列单参数函数的过程,核心在于固定部分参数并返回新函数等待剩余参数,常用于参数预设、配置复用及函数式组合。
-
离线缓存的核心是通过ServiceWorker结合CacheAPI实现,1.首先在主线程注册ServiceWorker;2.在sw.js中监听install事件预缓存关键资源;3.在activate事件中清理旧缓存版本;4.在fetch事件中采用“缓存优先,网络回退”等策略响应请求;5.可借助Workbox库简化开发,提升缓存管理的可靠性与效率,最终实现极速加载、网络韧性、流量节省和类原生App体验,显著提升用户在弱网或离线环境下的使用满意度。
-
使用:enabled和:disabled伪类可直观区分表单元素的可交互状态,通过CSS设置不同样式提升用户体验;:enabled匹配可操作元素,:disabled匹配添加了disabled属性的元素,常用于input、button等表单控件;例如为可用输入框设置白色背景与深色边框,禁用时则用浅灰背景与浅边框并显示not-allowed光标;按钮同样可通过颜色与光标变化提示状态;结合JavaScript动态控制disabled属性,如根据输入内容启用提交按钮,样式将自动更新无需手动切换class;使用时需确