-
可通过window.location.hostname获取当前域名,如"example.com";window.location.host返回域名加端口;document.domain可被设置为父域;URL构造函数支持IDN等复杂场景;performanceAPI适用于导航溯源。364 收藏 -
选构建工具应匹配项目类型与团队能力:小项目用Vite,中大型用Webpack,库用Rollup,提速用esbuild/SWC;核心配置优先入口输出、模块解析、TS支持、HMR;迁移宜渐进,协作需统一配置包。253 收藏 -
HTML5视频在标签页失焦时会被浏览器自动暂停,无法通过纯HTML或JS绕过,仅当满足“用户交互触发+静音+autoplay”或启用画中画(PiP)时才可能后台播放。389 收藏 -
空格( )仅用于纯文本内强制保留不可折行空格,如“10 px”;padding用于控制内容与边框间视觉呼吸感,影响盒模型、支持响应式单位且提升移动端体验。169 收藏 -
使用Materialize框架创建浮动按钮需结合btn-floating类与图标,通过fixed-action-btn容器和position:fixed定位实现右下角悬浮效果,确保z-index避免遮挡,最终生成醒目操作按钮。329 收藏 -
time标签的datetime属性必须严格使用ISO8601格式,如2024-05-20或2024-05-20T14:30+08:00;斜杠、中文、缺T等均非法;文本内容可人性化,但须与datetime语义一致;不支持年份范围、相对时间等模糊表达;JS解析时需注意时区陷阱。320 收藏 -
<style>标签默认具有文档级作用域,其CSS规则仅作用于当前HTML文档内的元素,不会影响其他页面。493 收藏 -
let和const是ES6引入的块级作用域变量声明方式,区别于var的函数作用域;它们不具变量提升安全性(处于暂时性死区),禁止重复声明,且const必须初始化、不可重新赋值(但对象属性可变);推荐默认使用const,需重赋值时用let,基本不再使用var。424 收藏 -
object-fit是解决响应式图片拉伸/裁剪问题的核心方案,需配合object-position精准控制裁剪锚点,并通过background-image或JS降级兼容IE。432 收藏 -
CSS路径错误的核心是参照系混淆:href始终相对于HTML文件位置,而非CSS文件自身;推荐用以/开头的站点根目录相对路径,本地预览需通过服务器运行,避免混用../等易错路径。410 收藏 -
JavaScript查找数组元素的核心方法包括:查位置用indexOf(严格相等)和findIndex(函数判断);查存在用includes(支持NaN);查元素本身用find(首个匹配)和filter(所有匹配);查逻辑用some(至少一个)和every(全部满足)。287 收藏 -
Flexbox居中只需父容器设display:flex,再用justify-content控制主轴、align-items控制交叉轴;注意主轴由flex-direction决定,父容器需有高度上下文(如min-height:100vh)并清除默认margin。283 收藏 -
相对定位元素偏移后仍保留原有空间,不影响其他元素布局。其视觉位置改变但文档流中的占位不变,后续元素按原位置排列,常用于微调或作为绝对定位的包含块。275 收藏 -
z-index用于控制定位元素在Z轴上的堆叠顺序,数值越大层级越高,但受堆叠上下文限制,需结合position使用,并注意层级分组以避免冲突。347 收藏 -
优先级和加载顺序共同决定样式生效规则:优先级高者胜出,相同时后写的覆盖前面的。423 收藏