js

使用navigator.onLine属性和online/offline事件可实现Web应用的网络状态检测，示例包括实时提示用户网络变化、离线缓存数据及恢复后同步，但需结合心跳请求提升准确性。 在现代Web应用中，实时检测用户的网络连接状态对提升用户体验非常重要。JavaScript提供了原生API来…

Object.freeze()用于冻结对象，防止添加、删除或修改属性，实现浅层不可变性。示例：const user = {name: ‘Alice’}; Object.freeze(user); user.name = ‘Bob’; 无效。注意：仅浅冻…

JavaScript数组filter方法用于筛选符合条件的元素并返回新数组，不修改原数组。它接收一个回调函数作为参数，对每个元素执行测试，当回调返回true时，该元素被加入新数组。常用于过滤偶数、筛选及格学生、搜索关键词和清理无效数据等场景。例如：[1, 2, 3, 4].filter(num =&…

Fetch API 提供简洁的 Promise 风格网络请求，支持 GET/POST 等方法，需手动检查响应状态，可结合 AbortController 实现超时控制，推荐用于现代 JavaScript 开发。 Fetch API 是现代 JavaScript 中用于发起网络请求的一种简洁、强大的方…

Service Worker通过拦截网络请求实现离线缓存，提升Web应用加载速度与离线可用性。 在现代 Web 应用开发中，提升加载速度和实现离线访问能力是优化用户体验的关键。Service Worker 作为浏览器提供的一种后台运行脚本机制，为 JavaScript 实现离线缓存提供了强大支持。通…

WebGL是一种基于OpenGL ES的低级3D图形API，通过JavaScript在HTML5 canvas上运行，利用顶点和片段着色器（用GLSL编写）实现GPU加速渲染；JavaScript负责初始化上下文、管理着色器、传递数据、设置变换矩阵并驱动动画循环；尽管原生开发复杂，但Three.js…

JS调OC时需注意数字类型映射，因JS的Number为双精度浮点，而OC有多种数值类型。应通过|0转整型、toFixed控制浮点精度、桥接映射表等方法确保类型匹配，避免精度丢失。 在使用 JavaScript 调用 Objective-C（JS调OC）代码时，特别是在一些混合开发框架（如 JSPat…

JavaScript继承核心是原型链与对象委托。1. 原型链继承通过子类prototype指向父类实例实现，但引用属性共享问题明显；2. 借用构造函数用call/apply调用父类构造函数，解决属性共享但无法复用方法；3. 组合继承结合两者优点，却重复调用父构造函数；4. 寄生组合继承通过Objec…

答案：使用JavaScript实现数字递增动画可通过setInterval或requestAnimationFrame更新DOM，推荐后者以获得更流畅效果，支持整数、小数、千分位格式化，并可扩展延迟启动等功能。 要实现数字递增动画（也叫数字滚动效果），可以使用 JavaScript 简单编写一个函数…

JavaScript中函数是执行任务的代码块，可通过多种方式定义并调用。1. 函数声明使用function关键字，会被提升，可在声明前调用；2. 函数表达式将函数赋值给变量，不会被提升，必须先定义后调用；3. 箭头函数为ES6简洁语法，无自身this，不适用构造函数；4. 构造函数方式用Functi…