-
Set.clear()是唯一可靠的一键清空方式,它原地修改实例、保持引用一致、时间复杂度O(1),而重赋值或遍历删除均存在引用丢失、行为不可靠或性能问题。
-
WebNFC智能海报通过一碰即连的交互方式,实现物理与数字世界的无缝衔接。用户轻触嵌入NFC标签的海报,即可直接打开预设网页,无需扫码或下载App,提升互动效率与沉浸感。核心技术包括NFC标签(如NTAG213/215/216)写入NDEF格式URL、基于HTML/CSS/JavaScript构建的Web应用,以及WebNFCAPI实现读写交互。相比二维码和蓝牙,WebNFC具备更高即时性与更低操作门槛,且无需供电,适合静态载体。开发需注意浏览器兼容性(目前主要支持AndroidChrome)、HTTPS
-
Symbol.for无法穿透微前端沙箱实现跨应用单例共享,因其仅保证键唯一性,而存储位置受沙箱代理隔离;应通过主应用暴露未被劫持的全局对象(如window.microAppGlobal)配合Symbol.for作键名来实现。
-
CommonJS采用同步加载和值拷贝,模块导出的是静态值;ES模块支持异步加载和动态引用,导出绑定保持实时更新,两者在加载机制、缓存策略及变量绑定上存在本质差异。
-
无需JavaScript,仅用scroll-behavior:smooth;这一行CSS即可为页面内锚点跳转(如导航栏链接到页内章节)启用原生、流畅的滚动动画,兼容现代主流浏览器。
-
纯HTML实现返回顶部需用<ahref="#top">指向带id="top"的顶部元素(不可设在<body>),配合html{scroll-behavior:smooth}启用平滑滚动,固定按钮需设z-index≥100并处理iOS兼容性;JS仅在路由、IE兼容或动态偏移时必要。
-
现代浏览器统一支持::placeholder伪元素,但需注意仅对可编辑表单控件生效、必须双冒号、不可继承color;Safari旧版需::-webkit-input-placeholder;IE10–11需::-ms-input-placeholder;优先级和继承差异是常见问题。
-
justify-items在Flex布局中完全无效,因其不属于Flex规范,Flex仅支持justify-content(主轴对齐)和align-items(交叉轴对齐);它专用于Grid布局,控制网格项在其单元格内的行内轴对齐。
-
text-align仅控制块级元素内行内内容的水平对齐,不适用于垂直居中;常用值为left、right、center、justify;对浮动元素无效,表格单元格需单独设置,非父容器继承。
-
严格模式通过抛出错误限制不安全操作,提升代码质量。1.禁止未声明变量赋值;2.禁止修改只读属性;3.禁止删除不可删属性;4.函数参数名不得重复;5.禁用八进制字面量;6.函数中this为undefined;7.禁用with语句;8.限制eval作用域。启用方式为添加"usestrict"。
-
用transform:translateX()配合transition实现侧边栏滑动展开,需设position:fixed、初始translateX(-100%)、展开时translateX(0),并添加transition:transform0.3sease和will-change:transform提升性能,避免重排与闪烁。
-
运行HTML文件的方法有:一、直接双击打开,用浏览器查看静态内容;二、通过浏览器菜单选择“打开文件”加载本地文档;三、使用Node.js启动本地服务器运行,支持动态功能;四、利用VSCode等编辑器的LiveServer插件实现实时预览。
-
纯CSS实现导航栏滑动下划线需用::after伪元素+transform+transition,设a为position:relative,伪元素初始width:0、translateX()定位,过渡写在伪元素上;JS版则需用getBoundingClientRect动态计算激活项位置并更新下划线。
-
Chrome105+和Edge111+原生支持VirtualKeyboardAPI,但需先设置<metaname="viewport"content="height=device-height,virtualkeyboardpolicy=auto">,再通过navigator.virtualKeyboard.addEventListener("geometrychange",...)监听键盘显隐;iOS不支持该API,须降级为focu
-
JavaScript调试至关重要,因其运行于多样的客户端环境且错误隐蔽;需熟练使用浏览器DevTools的Console、Sources等面板,掌握断点、console高级用法、debugger语句、调用栈与作用域分析、Network排查及Watch等进阶技巧。