-
IndexedDB是浏览器内置的NoSQL数据库,支持异步、事务型操作,适合存储大量结构化数据。它提供大容量存储、高效索引查询和事务一致性,优于localStorage的同步小容量限制,适用于离线应用与大规模缓存场景。
-
JavaScript的OOP基于原型,ES6的class是语法糖;用class定义类,constructor初始化属性,方法写在类体中;支持公有字段、static静态成员;继承用extends和super();所有方法仍在prototype上,原型链未变。
-
Chrome检测HTML5元素支持需用document.createElement模拟创建并检查特有属性或方法,如canPlayType、getContext、contentEditable等;语义标签用'classList'in判断;Modernizr可批量检测,但注意其返回的是能力而非完整兼容性。
-
npm和Yarn通过package.json解析依赖,采用扁平化策略安装包,利用lock文件确保版本一致,处理版本冲突时选择兼容版本或嵌套安装,YarnBerry则使用PnP提升性能。
-
ES6+通过let/const实现块级作用域,解决变量提升与循环闭包问题;箭头函数简化回调并固化this指向;解构赋值高效提取数据,模板字符串便捷拼接文本,广泛应用于Vue、React、Node.js等现代开发场景。
-
var声明会出现“变量提升”是因为其声明在编译阶段被提升至作用域顶部,但初始化仍留在原位置,导致声明前访问值为undefined;let和const虽也提升,但处于暂时性死区(TDZ)中访问会抛出ReferenceError。
-
<nav>标签仅语义化标识主导航链接组,不提供样式或交互功能;其内容须为跳转链接,禁用按钮、表单等非导航元素;需配合CSS/JS实现下拉、响应式等行为,且旧IE需polyfill支持。
-
WebRTC实现浏览器间实时音视频通话与数据传输,需通过getUserMedia获取媒体流,创建RTCPeerConnection建立连接,借助WebSocket等信令服务交换SDP和ICE候选,完成NAT穿透,并可通过RTCDataChannel传输任意数据。
-
答案:通过fixed定位固定按钮位置,结合transition实现淡入淡出效果,利用JavaScript监听滚动事件控制显示隐藏,并通过scroll-behavior或smooth滚动实现平滑返回顶部。
-
em单位是相对于当前元素的字体大小计算的,但在实际应用中受父元素影响。1.em单位在响应式设计中非常有用,能随父元素变化。2.使用em可保持不同屏幕尺寸上的文字可读性。3.嵌套元素的计算复杂时,可用rem单位避免问题。4.根据需求灵活选择em和rem,CSS预处理器有助于管理em值。通过合理使用em,可以创建更具响应性和可读性的网页设计。
-
BigInt是JavaScript中用于精确表示任意精度整数的原始类型,解决Number类型超出9007199254740991后精度丢失问题;需用后缀n或BigInt()创建,不支持小数、Math方法及JSON序列化,运算需同类型,ES2020起支持。
-
HTML5Canvas文本绘制需调用2D上下文方法:一、fillText绘制实心文本,需设置font、fillStyle及坐标;二、strokeText绘制描边文本,需配置strokeStyle和lineWidth;三、textAlignment和textBaseline控制对齐与基线;四、measureText测量宽度以实现动态布局;五、手动分词+逐行fillText实现多行换行。
-
JavaScript地理定位通过GeolocationAPI获取用户经纬度,需用户授权,综合Wi-Fi、基站、IP和GPS估算位置,精度几米至几公里;须检测兼容性、绑定用户操作调用,并配合地图SDK或服务端校验。
-
优先使用gap控制Flex子元素间距,padding用于内部留白;gap避免尺寸溢出且首尾无多余空白,配合box-sizing:border-box可精准布局,旧浏览器可用margin与负margin模拟gap效果。
-
严格模式禁止未声明变量赋值、delete全局变量、with语句、arguments.callee等隐式行为,强制显式声明变量并报错而非静默失败。