vue

Chrome DevTools Memory面板用于识别内存泄漏，通过Heap Snapshot对比、Allocation Timeline监控和手动GC验证三步定位问题，重点关注闭包、Detached DOM及未清理的事件监听器等泄漏源。 直接看内存使用情况，关键不是“占了多少”，而是“为什么占着…

服务端渲染（SSR）通过服务器预先生成完整HTML提升SEO与首屏性能：爬虫可直接抓取标题、正文等语义化内容，避免CSR的空HTML问题；用户无需等待JS下载执行，实现秒级首屏可见，尤其利好弱网与首次访问场景。 服务端渲染（SSR）是指在服务器上预先执行 JavaScript 代码，生成完整的 HT…

虚拟DOM是用JS对象模拟真实DOM的轻量级副本，核心价值在于减少不必要的渲染；它通过Diff算法同层比较、key优化、属性差异最小化实现精准更新，并配合批处理与异步更新降低重排重绘次数。 虚拟DOM是JavaScript中用普通对象模拟真实DOM结构的一种技术，它本身不直接操作浏览器DOM，而是作…

Webpack 是主流模块打包器，通过入口文件构建依赖图，将各类资源视为模块并用 loader 转换，封装为自执行函数实现模块化执行，Plugin 则在构建全周期介入优化输出。 JavaScript 中的打包工具，核心是解决模块化代码如何组织、依赖分析和最终输出的问题。Webpack 是其中最主流的…

Svelte 是一个编译时优化的前端框架，将响应式逻辑和 DOM 操作编译为高效原生 JavaScript，无虚拟 DOM、无运行时依赖，gzip 后仅约 1.6KB，通过静态分析实现精准响应式更新与自动批处理。 Svelte 是一个用于构建 Web 应用的前端框架，但它不走 React 或 Vue…

JavaScript代码分割的核心目标是按需加载模块以减小初始包体积、提升首屏速度；动态导入（import()）是标准实现方式，返回Promise，支持运行时路径决定、模板字符串拼接、浏览器原生支持及构建工具自动分包。 JavaScript 代码分割（Code Splitting）的核心目标是按需加…

代码分割是将大体积JS文件拆分为按需加载的小块以提升首屏速度和用户体验。它通过动态import()实现路由级（如React.lazy、Vue异步组件）和功能级（如点击后加载xlsx）分割，并配合SplitChunksPlugin提取公共依赖、prefetch预加载及错误降级处理。 JavaScrip…

Web Components 是浏览器原生支持的可复用自定义元素标准，核心含自定义元素（需含短横线命名、继承 HTMLElement）和 Shadow DOM（提供样式与结构隔离），二者协作实现真正封装。 Web Components 是浏览器原生支持的一套技术标准，让开发者能创建可复用、封装良好的…

JavaScript是现代前端开发的核心驱动力，实现用户交互、单页应用、异步通信、多媒体操控等全方位动态功能。 JavaScript 能让网页“活”起来——它不是只能做弹窗或轮播图，而是现代前端开发的核心驱动力。没有它，网站基本就是静态文档；有了它，才能实现交互、实时更新、复杂界面和接近原生体验的应…

Svelte 是一个编译型前端框架，将 .svelte 组件在构建时转化为高效原生 JS，无虚拟 DOM、无运行时响应式系统；通过静态分析实现零开销更新、作用域 CSS 和按需绑定，显著减小体积、提升性能。 Svelte 不是 JavaScript 的一个“版本”或“分支”，而是一个前端编译型框架，…