-
JavaScript的类是构造函数的语法糖,本质仍是基于原型链的继承机制,提供更清晰的OOP写法、强制new调用、自动原型方法挂载、静态方法、私有字段及直观继承语法。
-
JavaScript的增强现实(AR)是基于Web技术在浏览器中实时叠加虚拟3D内容到真实视频流的WebAR;AR.js是轻量开源框架,依托A-Frame与Three.js,支持Marker、定位及NFT跟踪,兼容主流移动浏览器。
-
防抖是事件停止触发后延迟执行,中间触发会重新计时,适用于搜索输入等场景;节流是单位时间内最多执行一次,适用于滚动监听、按钮防重复提交等场景。两者均用于优化高频事件的函数执行频率,提升性能。
-
formtarget属性允许表单中的特定提交按钮覆盖表单的全局target目标,实现不同提交动作跳转到不同页面;它优先级高于form的target属性,常用于“保存草稿”与“发布”等差异化提交场景,支持在新标签页、当前页或隐藏iframe中提交,提升交互灵活性;需注意浏览器兼容性(不支持IE9及以下)、弹窗拦截风险、可访问性提示及后端对多提交意图的识别处理,整体上formtarget通过局部覆盖机制实现简洁高效的多目标提交方案。
-
Map和Set因基于哈希表,查找、插入、删除操作平均时间复杂度为O(1),优于对象和数组。Map支持任意类型键、性能稳定且可直接获取大小,适合高频读写的键值存储场景,如缓存系统;Set自动去重,has()方法为O(1),适用于去重和存在性判断,如防止重复提交;两者结合可高效处理多对多关系,如用户兴趣标签管理,显著提升大数据量下的操作性能与代码可维护性。
-
grid-template-areas是固定CSSGrid区域位置最直观可靠的方式,通过命名区域定义布局结构,各子元素用grid-area显式绑定对应名称,确保位置稳定且响应式易调整。
-
答案:通过WebComponents封装组件,结合设计系统与CSS变量确保一致性,为各框架提供轻量适配层,实现跨框架复用。
-
HTML文件可在浏览器中通过五种方式打开:一、双击直接运行;二、右键选择浏览器打开;三、拖拽至浏览器窗口;四、地址栏输入file:///绝对路径;五、用VSCode的LiveServer启动本地HTTP服务。
-
Promise是ES6引入的内置对象,用于规范异步操作,具有pending/fulfilled/rejected三种不可逆状态;通过newPromise()创建,支持链式调用、值穿透及Promise.all/race/resolve/reject等静态方法。
-
border-width是实现多边框效果的基础,需结合box-shadow、outline或伪元素技术;通过设置border-width控制内层边框粗细,利用box-shadow扩展值模拟外层边框,或用outline添加非占位外框,亦可通过伪元素绝对定位实现多层独立边框,每层border-width可单独调整,从而精准构建复杂边框层次。
-
答案:为确保网页视频兼容性,应使用video标签并列提供MP4和WebM格式源文件。浏览器按顺序尝试加载source标签中的视频,优先选择支持的格式;MP4(H.264+AAC)兼容性最好,WebM(VP9+Opus)为开源推荐格式,OGG仅用于旧版浏览器;通过controls显示控制条,width、height或CSS设置尺寸,type属性声明MIME类型,内部文字作为不支持时的降级提示;建议用FFmpeg转换视频,预加载metadata节省流量,结合autoplaymuted实现自动播放,配合响应式设
-
递归是函数调用自身解决问题的技巧,需满足基础情况(终止条件)和递归情况(规模递减),典型步骤为确定basecase、找出递推关系并编码实现,常见陷阱包括缺失basecase或未缩小问题规模。
-
可通过内联style、span标签、内部CSS、外部CSS文件及CSS变量五种方式设置网页文字颜色:分别适用于单元素着色、局部变色、批量控制、多页复用和动态主题切换。
-
答案:可通过JavaScript实现HTML5文件内文本搜索,利用正则表达式增强匹配能力,构建索引提升性能,并使用WebWorkers避免界面阻塞。
-
可通过移除icon标签、设href为空或dataURL、配置HTTP响应头禁用请求、或使用1×1透明PNG图标四种方法隐藏HTML5页面图标。