-
必须用<section>而非<div>的条件是:内容有独立主题、含<h1>–<h6>标题、能被单独理解或复用;否则应使用<div>,因其无语义,更可靠且兼容性更好。
-
window.confirm是阻塞式原生确认机制,必须显式判断返回值控制流程,不可用于防刷新/关闭,文案需明确动作后果且语义清晰。
-
flex菜单小屏不收缩的主因是未在媒体查询中重置flex-direction为column;需配合flex-wrap:wrap(仅row有效)、避免伪类触发、用JS重置checkbox状态、优先min-width断点、禁用height过渡而改用transformscaleY动画,并确保viewportwidth与断点匹配。
-
display:none彻底移除元素且不占空间,适用于真隐藏场景,但影响SEO、可访问性及JS尺寸计算;恢复显示需匹配原布局模式,推荐用class控制而非内联样式。
-
Date.prototype.getTime()方法返回Date对象距离UTC1970年1月1日00:00:00的毫秒数,用于将时间点转换为可计算的数字。1.它始终基于UTC,不受本地时区影响,适用于跨时区同步和时间计算;2.与Date.now()不同,getTime()可作用于任意Date实例,而Date.now()是获取当前时间戳的静态方法;3.valueOf()返回值等价于getTime(),但语义上更适合对象转原始值的场景;4.常见用途包括时间间隔计算、日期比较、前后端时间数据交换及生成临时唯一I
-
Set实现数组并集、交集、差集:并集用[...newSet([...arr1,...arr2])],交集用arr1.filter(x=>setB.has(x)),差集用arr1.filter(x=>!setB.has(x))并视需去重;引用类型需序列化或提取ID处理。
-
本文详解Cypress中通过cy.request()调用登录接口后无法自动跳转至首页的问题根源与修复方法,重点指出命令队列执行顺序误区,并提供稳定、可复用的Token注入式登录实践方案。
-
JavaScript无原生管道操作符(|>),但可通过函数组合实现管道式数据处理:pipe(str,f1,f2,f3)顺序执行函数,提升可读性与可维护性;ECMAScript提案已暂停,推荐Ramda、lodash/fp或手写pipe。
-
loading="lazy"仅适用于img和iframe且需src属性,Chrome76+、Firefox75+、Edge79+及Safari15.4+(仅img)支持;首屏图、背景图、picture内source等不适用,须配合width/height防CLS,SSR中需注意JS加载时机。
-
本文详解在VuetifyVAutocomplete+closable-chips场景下,如何统一捕获Chip被关闭的事件——不仅支持鼠标点击×,还兼容键盘(Backspace/Arrow+Backspace)等原生关闭行为,解决@click:close失效、vnode-before-unmount作用域丢失等常见陷阱。
-
template标签不渲染、不执行、不绑定,仅作离线仓库;必须用template.content.cloneNode(true)获取可操作内容,填值优先用textContent/value,批量插入需用DocumentFragment优化性能。
-
JavaScript中的微任务队列没有明确的长度限制,它是一个动态增长的FIFO队列,与当前宏任务的生命周期绑定;1.微任务队列在规范层面无固定上限,理论上可无限增长;2.微任务优先级高于宏任务,在当前宏任务执行后立即清空微任务队列;3.若微任务无限生成,会持续占用主线程,导致页面冻结、宏任务无法执行;4.常见微任务包括Promise回调、MutationObserver、queueMicrotask();5.避免微任务过度膨胀的方法包括避免递归创建微任务、分解大型任务、使用setTimeout调度、利用
-
input[type="text"]的border和background怎么改才生效直接写input{background:#f0f0f0;border:1pxsolid#ccc;}大概率没反应——不是代码错,是浏览器默认样式优先级更高,尤其在Chrome/Firefox对表单控件做了强UA样式保护。必须用!important或提升选择器权重,更稳妥的是加appearance:none;剥离原生渲染逻辑:input[type="text"]{appe
-
不能。placeholder绝对不能当label用,因其缺乏语义权重、不被屏幕阅读器稳定播报、未进入无障碍树,且W3C明确禁止替代label;必须使用显式label或aria-label确保可访问性合规。
-
去掉ul的圆点和缩进需同时设置list-style:none、margin:0、padding:0;li间距问题多源于ul的margin-bottom或inline-block空隙,推荐用font-size:0或gap控制;全局reset副作用大,应按需局部重置。