-
HTML5本身没有虚拟DOM,它是React、Vue等框架的JS层实现机制;原生中可通过DocumentFragment、条件更新、classList控制等减少重复渲染。
-
答案:通过contenteditable结合自定义命令栈实现富文本编辑器的撤销重做功能。1.使用contenteditable使div可编辑;2.维护undoStack和redoStack两个栈保存操作历史;3.监听input、mouseup等事件并防抖保存状态;4.实现undo/redo方法,切换历史状态;5.优化包括限制步数、比较内容变化、合并连续输入及光标位置处理。核心是手动管理DOM快照而非依赖浏览器默认行为。
-
Sass无法直接读取图标文件夹,必须通过构建工具(如Webpack/Vite)扫描生成JSON或Sass变量文件(如$icon-list),再由Sass加载并遍历;@font-face需手动声明woff2/woff等格式,不可自动切换;图标类名需用@mixin结合Unicode生成,DPR适配须依赖构建脚本输出映射表,无法全自动实现。
-
transition必须写在初始状态而非伪类中,且仅对可过渡属性(如color、transform)生效;不可过渡属性(如display、height:auto)需用max-height等替代;多处声明时后写覆盖前写。
-
display:none配合@media是最可靠轻量的响应式隐藏方案,但易因优先级冲突、可访问性缺失及JS逻辑断裂导致失效;应避免全局!important,用组合类提升特异性,慎选visibility:hidden,确保无障碍与脚本兼容。
-
最稳妥方式是利用Bootstrap5.3+的CSS变量--bs-border-color;全局修改在:root中重设该变量,局部修改则新增类并同时声明th、td和theadth的border-color。
-
答案:运行HTML猜拳游戏需先保存代码为.html文件,再用浏览器双击打开;若功能受限则通过Node.js搭建本地服务器运行,最后利用浏览器开发者工具调试错误确保游戏正常加载与交互。
-
display:none是唯一能让元素视觉消失且布局腾空的原生CSS方式,它彻底移除元素渲染、不占空间、不参与文档流,但DOM节点仍存在、事件监听器继续运行、表单值照常提交。
-
正确写法是@media(hover:hover)and(pointer:fine),它要求设备主输入机制既支持悬停又属精细类型(如鼠标、触控笔),从而精准排除手指触摸等粗粒度场景,避免Surface、S22等设备因误判hover导致:hover样式“卡住”。
-
list-style-type仅对<ol>有效,常见值有decimal、lower-roman、upper-alpha和none;自定义序号需用counter-reset、counter-increment和::before;缩进应调padding-left而非text-indent;移动端序号截断需检查overflow和父容器min-width。
-
语义化七日天气列表应使用<ul><li>结构,每项含<timedatetime="YYYY-MM-DD">、带aria-label的天气图标、<spanclass="temp">温度及<spanclass="desc">描述,并用CSSGrid实现响应式横竖布局,预留data-day属性供JS动态更新。
-
IdleDetectionAPI的start()方法需先获取“idle-detection”权限且仅在安全上下文(HTTPS/localhost)中可用;必须由用户手势触发权限请求,通过navigator.permissions.query预检状态,创建IdleDetector实例并配置threshold后绑定onchange事件,再调用实例start()方法,且须try/catch捕获可能的SecurityError或NotAllowedError。
-
crypto.subtle.encrypt调用AES-GCM必须传入含name:"AES-GCM"、iv(Uint8Array,推荐12字节且不可复用)和tagLength(默认128,显式指定更安全)三字段的对象;additionalData可选但参与认证;密钥须为importKey导入的合法CryptoKey,不可为字符串。
-
HTML本身不提供视频转场选择面板,因其无内置转场库或图形界面,所有转场效果均依赖CSS动画、JS逻辑及视频元素叠加实现;浏览器仅解析video标签并执行CSS/JS,不理解“淡入淡出”等语义,更不会弹出预览菜单。
-
用transform:scale()替代background-size实现hover缩放可避免闪烁,因transform仅触发合成不重排;需设transform-origin:center、overflow:hidden、transition在常态声明,并注意高DPI和兼容性处理。