app

单页应用（SPA）核心是JavaScript动态更新页面，不依赖整页刷新；主流框架为React（组件化、虚拟DOM）、Vue（渐进式、Composition API）和Svelte（编译时、体积小）；轻量方案含HTMX+Alpine.js、Qwik及原生API；关键基础设施包括前端路由、状态管理、构…

柯里化是将多参数函数转换为单参数函数链的机制，通过闭包记忆已传参数，直至参数总数满足才执行；它强制分步调用，而部分应用更灵活，可一次预填任意数量参数。 Currying（柯里化） 是把一个接收多个参数的函数，转换成一系列只接收一个参数的函数链。它不是简单地“少传几个参数”，而是固定前几个参数，返回一…

Memoization 是通过缓存“输入→输出”映射来避免重复计算的优化技术，需函数纯、参数可序列化，缓存需手动管理，非 JavaScript 内置但可手写或借助工具实现。 Memoization 是一种优化技术，通过缓存函数的执行结果，避免对相同输入重复计算。 它不是 JavaScript 语言内…

PWA是用现代Web技术构建的具备类原生体验的网站，核心特性包括离线可用、可安装、推送通知、快速加载和响应式界面；关键要素为Web App Manifest、Service Worker、HTTPS、响应式与性能优化。 Progressive Web App（PWA）是用现代 Web 技术构建的、具…

IndexedDB 是浏览器内置的异步、事务型客户端数据库，通过对象存储组织数据，支持索引、多种数据类型及版本控制；需用 open() 初始化并处理 onupgradeneeded 创建存储，所有增删改查操作必须在事务中进行。 JavaScript 本身不能直接操作服务端数据库（比如 MySQL、P…

JavaScript页面可见性API用于检测页面是否对用户可见，通过document.visibilityState、document.hidden和visibilitychange事件实现，可优化资源消耗、暂停视频、停止轮询等，现代浏览器广泛支持。 JavaScript 页面可见性 API 是浏览…

直接操作style属性适合动态设置少量样式；切换className或classList更易维护且支持动画；动态插入CSS规则适用于主题切换等场景；getComputedStyle用于读取最终计算样式。 直接操作元素的 style 属性是最常用、最直观的方式，适合动态设置单个或少量样式；更灵活的场景则…

JavaScript函数缓存通过存储输入与输出映射实现重复调用直接返回结果，仅适用于纯函数；需注意键的正确性、参数序列化限制及内存管理，可将指数级计算降为线性并避免重复I/O或渲染。 JavaScript函数缓存（也叫记忆化，memoization）的核心是：把函数某次调用的输入和对应输出记下来，下…

JavaScript性能监控核心是优化关键渲染路径（CRP），即HTML→DOM→CSSOM→渲染树→布局→绘制→合成流程；通过DevTools分析长任务、FCP阻塞资源及Navigation Timing，内联关键CSS、defer/async脚本、压缩资源、避免强制重排，并用web-vitals…

拖放API是浏览器原生事件机制，需通过draggable=”true”启用拖拽、dragover中preventDefault允许放置、dragstart设置dataTransfer数据、drop中获取并执行操作。 拖放 API 是浏览器原生提供的一套事件机制，用于支持用户通…