-
<p>只设width:100%不够,真正响应式需同时约束相对宽度、原始宽高比和最大物理尺寸;框架类如img-fluid或max-w-full仅提供基础兜底,须配合aspect-ratio、max-h-*及srcset等协同控制。</p>
-
HTML5的inputtype="month"提供原生年月选择功能,格式为“YYYY-MM”,支持设置初始值、JavaScript动态赋值与创建,需兼容旧浏览器并注意表单提交时后端按字符串解析。
-
当在<router-link>上同时使用Bootstrap的data-bs-toggle和data-bs-target属性时,路由跳转失效且链接不可点击;根本原因是Bootstrap的Collapse插件会拦截原生点击事件并阻止默认行为,导致VueRouter的导航逻辑被中断。
-
Promise.resolve()本身不是微任务,而是一个同步函数,其作用是立即包装一个值为已解决的Promise对象,真正的微任务是该Promise后续的.then()、.catch()或.finally()回调。1.Promise.resolve(value)同步返回一个已解决的Promise,若value是普通值;2.若value是Promise对象,则直接返回该Promise;3.若value是thenable对象,会同步调用其then方法进行解包,若解包过程涉及异步操作,则回调会通过微任务队列调
-
答案:通过CSS的:hover与::before可实现下划线伸缩等悬停效果,核心是用::before创建隐藏装饰元素,结合定位与transition实现平滑动画,如宽度展开、图标浮现,需注意父元素relative定位及content属性设置。
-
Promise是对异步操作的抽象封装,具有pending、fulfilled、rejected三种不可逆状态;pending不可跳过,状态单向流转;async/await错误处理更安全;Promise.all()全有或全无,Promise.allSettled()允许部分失败;未捕获拒绝会导致内存泄漏。
-
ES6class是构造函数的语法糖,基于原型链,不提升、严格模式、方法不可枚举、继承需先调super()、字段初始化在super()后。
-
盒子模型由content、padding、border和margin组成:content显示内容,由width/height决定;padding是内容与边框间的内边距,背景色可延伸至此;border是元素的边框,影响外观和尺寸;margin是边框外的空白,控制元素间距离且支持负值与合并。默认box-sizing为content-box,推荐设为border-box以简化尺寸计算。
-
本文介绍在JavaScript中如何利用解构赋值和函数返回值,简洁、安全地批量更新已有对象的多个属性,避免手动逐个赋值,提升代码可读性与可维护性。
-
NotificationAPI本身不支持加密,因其仅接收明文参数并在系统层直接渲染;保护通知内容需服务端过滤、前端运行时解密(如WebCryptoAES-GCM)及配套HTTPS、权限控制等措施。
-
掌握HTML5调试技巧需先使用浏览器开发者工具,通过Elements面板检查DOM结构,Console查看JS错误与日志,Sources设置断点调试,Network监控资源加载;再验证HTML语义化标签正确性,避免嵌套与闭合错误,并用W3C验证器检测语法;针对Canvas和多媒体元素,确认上下文获取、资源路径、格式支持及播放设置;结合console精细化输出对象、数组、执行时间等信息;最后在真实设备测试响应式与触摸交互,提升开发效率。
-
confirm方法是浏览器提供的用于获取用户“是/否”确认的机制,其核心作用是返回布尔值:点击“确定”返回true,点击“取消”或关闭对话框返回false。它常用于删除操作、提交表单前确认、离开未保存页面提示等场景。1.confirm具有阻塞性,会暂停JavaScript执行;2.样式不可控,无法与现代UI统一;3.信息展示有限,不支持复杂内容;4.移动端体验不佳;5.存在轻微安全风险。替代方案是使用自定义模态对话框,具备样式可控、交互丰富、非阻塞、兼容框架等优势,并可通过HTML/CSS/JavaScr
-
JavaScript修改CSS最快方式是操作element.style,但仅影响行内样式,无法覆盖!important规则或读取计算值;应按场景选用style、className/classList、getComputedStyle或insertRule。
-
清除浏览器缓存可解决网页显示异常或加载旧版本问题,通过手动清除缓存、使用快捷键强制刷新、开发者工具禁用缓存、删除特定站点数据及清理系统临时文件五种方法可恢复页面正常显示。
-
浮动元素脱离标准文档流,允许内容环绕,具有包裹性并触发BFC,需清除浮动防止塌陷;2.行内元素遵循文本流,不独占行,无法设置宽高和垂直外边距,适合文本级样式;3.浮动用于图文环绕和早期多栏布局,行内元素用于局部内容组织;4.现代布局中浮动多用于特定环绕效果,复杂结构推荐使用Flexbox或Grid。