-
box-shadow默认不占布局空间且随border-radius圆角延伸,外阴影不受overflow影响,内阴影可能被overflow:hidden裁剪,需通过padding或伪元素避免;多重阴影按书写顺序叠加,前一个覆盖后一个,正确设置可确保阴影在盒模型中准确呈现。
-
absolute元素宽度“塌陷”是因脱离文档流后按shrink-to-fit规则计算;需根据需求选left/right或width:同宽父容器用left:0;right:0;,内容自适应用min-width:fit-content;等。
-
HTML5播放RTMP流需借助第三方方案:一、flv.js+Nginx-rtmp-module转HTTP-FLV;二、video.js+HLS/DASH转封装;三、hls.js播已转HLS流;四、WebRTC网关实现低延迟。
-
能,background-repeat:no-repeat确实阻止背景图重复,但仅对单张背景图且容器大于图片原始尺寸时生效;多背景、background-size或background-position设置不当易引发误解。
-
使用浏览器开发者工具可快速定位HTML资源路径:打开Network面板刷新页面,查看RequestURL及状态码;相对路径以HTML文件所在目录为基准;注意base标签对路径解析的影响。
-
不可能用纯HTML做出淘宝网站,因HTML仅定义页面结构,搜索、登录、购物车等交互功能需JavaScript实现逻辑、CSS控制样式,并依赖后端处理用户数据与订单。
-
首先使用.table-container实现基础响应式,再通过is-hidden-mobile等类隐藏次要列以优化小屏显示,接着用媒体查询结合卡片布局提升移动端体验,最后利用is-narrow、is-clipped等类控制列宽与文本,确保多设备下表格清晰可用。
-
最稳妥方式是在主CSS中直接追加@mediaprint规则,兼容性好、维护成本低,支持复用类名和CSS变量,且能同步DOM结构变化;独立print.css需注意加载时机和浏览器兼容性问题。
-
使用JavaScript的Date对象结合setInterval每秒更新页面时间显示;2.扩展功能以展示年月日和星期;3.自定义格式并添加CSS美化样式;4.通过内联脚本实现简单部署,实现实时时间动态更新。
-
截至2024年中,CSS中lab()函数未被主流浏览器支持,Chrome需手动开启实验性功能,Firefox和Safari完全未实现;真用Lab需构建时转为rgb()/hsl(),或JS运行时计算后注入样式。
-
grid-auto-rows控制隐式创建的行高,grid-auto-columns控制隐式创建的列宽。当内容超出显式定义的网格范围时,浏览器自动创建新行或新列,其尺寸由这两个属性分别指定,如grid-auto-rows:60px和grid-auto-columns:120px分别设置隐式行高和列宽。
-
JavaScript高阶函数如map、reduce本质是接收或返回函数的方法;map纯函数式不修改原数组,需显式接收返回值;reduce须显式设初始值防报错;链式调用需确保类型匹配;回调必须纯函数以保证结果稳定。
-
答案:CSS尺寸单位需根据场景选择,px用于精确控制但缺乏弹性,em相对父元素字体易嵌套混乱,rem基于根元素适合响应式,%实现流式布局,vh/vw依据视口适配屏幕;推荐rem和vw为主,em为辅,%控布局,px用于细节,组合使用提升适配性。
-
const声明的全局变量并非真正不可变,它仅防止变量重新赋值,不阻止对象属性修改;引用类型需Object.freeze()浅冻结,深冻结需递归处理;挂载到window的变量须用Object.defineProperty()锁定writable和configurable。
-
CSS样式没生效最常见的原因是选择器未匹配目标元素,需用开发者工具确认是否命中或被覆盖,并核对HTML结构、选择器写法、加载状态及作用域限制。