-
Promise.allSettled用于等待所有Promise完成(无论成功或失败),并返回结果数组。它会收集每个Promise的status、value(fulfilled时)或reason(rejected时)。1.它不会因某个Promise被拒绝而中断整体流程;2.返回的结果数组中每个对象都包含对应Promise的最终状态和数据;3.适用于需要获取所有异步任务执行结果(包括失败)的场景,如批量操作、多源数据聚合等;4.可通过遍历、过滤、归类等方式处理结果,便于日志记录、错误统计和后续逻辑处理。
-
Gulp是前端自动化构建工具,基于Node.js流处理,通过JavaScript编写任务实现文件压缩、代码检查、资源合并等操作,支持插件扩展与文件监听,提升开发效率。
-
在contenteditable区域中插入带样式的<span>后,后续输入文字会继承该<span>的颜色样式;可通过插入不可见的零宽空格或非断空格(\u00A0)并确保光标脱离样式作用范围来恢复默认文本色。
-
用<form>组织多题型混合问卷需确保每题name唯一、type合理、提交逻辑可预测:单选用同name不同value的radio并设checked;多选用独立name或数组式name如hobbies[];textarea加rows/cols和placeholder;必填项加required但后端仍须校验;select首项设value=""disabledselected;range须设min/max并配output或JS同步;date/time需后端解析;“其他”填空须独立
-
border-color本身不可直接动画,必须用单边属性(如border-top-color)或配合transparent简写实现;推荐border-top-color+transparent+rotate方案,兼容性好、性能优。
-
JavaScript单例应优先用ES模块默认导出实现,因其依赖模块缓存机制天然唯一;次选闭包缓存工厂函数;Class写法需禁用new并警惕跨chunk实例分裂。
-
表单提交失败主因是未对齐浏览器打包、HTTP传输、后端解析三层约定:method未声明致默认GET而接口只收POST;action相对路径拼接错误;含文件未设enctype;submit按钮type缺失或表单嵌套;动态渲染表单监听器绑定过早;需不跳转、读JSON、加loading等时须改用fetch+FormData。
-
background-size:cover实现全屏背景需同时满足路径正确、html/body高度设为100%、清除margin,否则仅缩放图片却不撑满容器;cover等比缩放裁剪,100%100%强制拉伸变形。
-
order属性仅改变视觉渲染顺序,不改变DOM结构、可访问性或SEO顺序;默认值为0,建议用小整数如-1/0/1/2;其排序方向依赖flex-direction主轴;需父容器设display:flex才生效。
-
全局CSS在main.js中导入,适用于重置样式等;2.组件内使用scoped样式实现隔离;3.支持通过lang属性使用Sass等预处理器;4.异步组件的CSS自动按需加载。
-
document.execCommand("copy")已被废弃,现代浏览器中需改用navigator.clipboard.writeText(),它要求HTTPS/localhost环境、用户手势触发且返回Promise;旧版浏览器可降级使用临时textarea+execCommand方案。
-
JavaScript数字分隔符\_专为人类阅读设计,提升长数字可读性且不改变值或运算逻辑;支持十进制、二进制、十六进制、小数及科学计数法,仅作视觉断点,解析时被完全忽略。
-
禁用浏览器休眠机制、限制网站后台权限、停用工具自身后台服务、屏蔽网页后台API、启用资源限制扩展可有效降低HTML工具电池消耗。
-
eval在JavaScript中于当前作用域执行字符串代码,导致作用域污染、变量覆盖或泄露,且无法隔离;应优先使用JSON.parse、Function构造器或白名单映射等安全替代方案。
-
html2canvas并非所见即所得快照工具,而是通过解析样式并重绘实现转换,不处理transform动画、iframe及跨域图片等原生渲染行为;其不继承浏览器默认样式表,需显式声明字体、颜色等CSS规则,并配置useCORS、scale等参数以保障截图质量。