javascript

JavaScript无限滚动核心是监听scroll事件，通过scrollTop+clientHeight≥scrollHeight-阈值判断触底，配合isLoading防抖、DocumentFragment批量插入及无数据提示等优化体验。 JavaScript实现无限滚动效果，核心是监听用户滚动行为…

Chrome DevTools调试JavaScript最高效，核心是熟练运用断点（Sources）、Console实时执行、Network排查异步请求、Performance分析性能瓶颈，四者覆盖90%问题。 直接在 Chrome 开发者工具（DevTools）里调试 JavaScript，是最高效…

JavaScript中定义函数主要有函数声明和函数表达式两种方式：前者具名且全提升，可先调用后定义；后者多为匿名或命名表达式，仅变量声明提升，函数体不提升，适用于回调、条件创建等场景。 JavaScript 中定义函数主要有两种方式：函数声明（Function Declaration）和函数表达式（…

JavaScript事件循环是单线程下调度同步与异步任务的核心机制，通过持续轮询调用栈与任务队列，优先执行宏任务，再清空全部微任务，实现非阻塞异步。 JavaScript的事件循环是理解它如何“看起来同时做多件事”的核心。它不是靠多线程，而是靠一套精巧的协作机制，在单线程下高效调度同步与异步任务——…

深拷贝对象需创建完全独立的副本，JSON.parse(JSON.stringify())最常用但有类型限制；structuredClone()是现代推荐方案，支持循环引用和多数内置类型；手写递归函数或Lodash的_.cloneDeep()适用于特殊需求。 深拷贝对象就是创建一个全新的对象，所有嵌套…

localStorage不能存敏感信息，仅适用于非敏感前端状态数据；使用setItem/getItem/removeItem操作字符串，对象需JSON序列化；存在XSS窃取、明文存储、无访问控制等安全风险。 localStorage 是浏览器提供的本地存储机制，能以键值对形式持久保存字符串数据，页面…

JavaScript对象是存储键值对的无序、可变、动态集合，用于表示实体或数据结构；键为字符串/Symbol，值可为任意类型；创建方式包括字面量、构造函数和Object.create()；支持点语法和方括号语法访问属性，可用delete删除，常用hasOwnProperty()、in操作符及Obje…

跨域请求是浏览器因同源策略限制而无法读取不同源响应内容的安全机制；CORS是标准解决方案，需后端配置响应头，开发期可用代理绕过。 跨域请求是指浏览器从一个源（协议 + 域名 + 端口）向另一个不同源发起的 HTTP 请求。由于同源策略（Same-Origin Policy）限制，JavaScript…

JavaScript 实现推送通知主要依赖两个核心机制：浏览器原生的 Notification API（用于显示本地通知）和 Push API + Service Worker（用于接收服务器发起的后台推送）。很多人混淆二者，这里先明确：Notification API 本身不收消息，只负责“显示”…

防抖是事件停止触发一段时间后执行最后一次回调，节流是在固定时间间隔内最多执行一次。防抖适用于搜索输入、resize等“操作结束后响应”场景；节流适用于滚动、鼠标移动等“需持续但限频响应”场景。 防抖（Debounce）和节流（Throttle）是 JavaScript 中处理高频事件的两种经典优化策…