-
Promise是JavaScript处理异步操作的对象,有pending、fulfilled、rejected三种不可逆状态;可封装回调函数实现链式调用与统一错误处理,配合async/await使异步代码更简洁。
-
FinalizationRegistry用于在JavaScript对象被垃圾回收时执行清理外部资源的回调。其使用步骤为:1.创建实例并传入回调函数,用于接收对象回收后的关联值并执行清理;2.使用register方法注册目标对象及其关联值,可选提供解除注册令牌;3.可通过unregister方法主动解除注册以防止回调触发。它适用于管理WebAssembly内存、文件句柄等非JavaScript自动管理的资源,但其回调是非确定性的,不能用于需立即执行的清理操作。与WeakRef不同,FinalizationR
-
HTML5中控制元素宽度有五种方式:一、HTML的width属性仅适用于img等特定元素,值为纯数字像素;二、CSSwidth支持所有单位和元素;三、CSS自适应宽度用百分比、max-width或flex/grid;四、min-width/max-width设弹性约束;五、vw单位以视口宽度为基准。
-
使用align-items:stretch可实现多列等高。Flexbox中父容器设为display:flex并确保align-items:stretch(默认值),子元素不设固定高度;Grid布局中父容器使用display:grid且定义grid-template-columns,子元素自动等高。需排查max-height、绝对定位或表单元素等干扰因素,必要时单独设置align-self:stretch。
-
ZTE机型适配需动态设置viewport、校验rem基准、同时监听touch/pointer事件、显式处理dpr及禁用passive;单一方案无效,必须联动UA解析、dpr监听与viewport重写。
-
复选框允许多选,单选框强制单选,两者均通过input标签实现,关键区别在于交互行为和name属性的使用。
-
要实现HTML表格单元格内容的省略显示,核心步骤是强制文本不换行、隐藏溢出内容并添加省略号提示。1.设置white-space:nowrap;阻止文本换行;2.使用overflow:hidden;隐藏超出部分;3.应用text-overflow:ellipsis;添加省略号;4.必须为单元格设置明确宽度(如max-width或width),否则text-overflow不生效。此外,text-overflow还支持clip值用于直接截断文本,但ellipsis更为常用。在响应式布局中,建议使用相对单位(如
-
HTML5新增标签核心是语义归位而非功能增强,必须优先掌握7个:<header>、<footer>、<nav>、<main>、<article>、<section>、<aside>,其中<main>每页仅一次且不可嵌套,<article>强调独立分发,<section>用于逻辑分组,<aside>须关联邻近内容,<header>/<footer>是语义
-
现代浏览器对相同URL的CSS文件有强缓存机制,只要Cache-Control或ETag配置合理,重复引入不会触发多次HTTP请求;但URL需完全一致,且CSS规则重复声明会因源顺序导致后引入者覆盖先引入者。
-
CSS属性继承性指部分样式自动传递给子元素,如color、font-size、text-align等文本属性可继承,而margin、border等布局属性不可继承;通过inherit、initial等关键字可控制继承行为;继承样式在层叠中优先级最低,易被其他选择器覆盖,需结合开发者工具判断实际应用来源。
-
ID选择器优先级高于类选择器,权重分别为1-0-0和0-1-0,组合选择器权重可叠加但无法超越ID,内联样式和!important优先级更高,需谨慎使用。
-
使用::before伪元素和content属性可在按钮悬停时显示图标。1.为button添加类名icon-btn作为样式钩子;2.利用.icon-btn::before插入内容并绝对定位,初始opacity:0隐藏;3.在.icon-btn:hover::before中将opacity设为1,实现悬停渐显;4.可结合FontAwesome字体设置content的Unicode值增强图标效果,通过transition优化动画流畅度。
-
要设计一个美观且实用的HTML分页器,核心在于语义化的HTML结构和CSS样式化。1.使用<nav>包裹<ul>和<li>结构,确保可访问性和语义清晰;2.通过Flexbox进行横向排列与居中布局,并设置间距和换行以支持响应式;3.使用.page-link类定义链接样式,包括颜色、边框、圆角及悬停效果;4.对当前页和禁用状态应用特殊样式,如背景色、禁用点击和提示文字;5.利用媒体查询实现响应式适配,控制小屏下页码显示数量并优化触摸区域;6.添加过渡效果、伪元素装饰和bo
-
HTML5的ApplicationCache(manifest)机制已被主流浏览器废弃,缓存失败主因是技术淘汰而非配置错误;需改用ServiceWorker+CacheAPI或Workbox实现现代离线能力。
-
一个轻量可配置的JavaScript倒计时插件可通过ES6类实现,支持自定义结束时间、时间格式、回调函数及暂停恢复功能,使用setInterval每秒更新显示,结合HTML容器动态渲染剩余时间,并在倒计时结束后触发指定回调,便于嵌入各类项目。