前端

JavaScript无法直接读写本地文件系统，需通过File API在用户主动选择文件后读取内容、获取元信息或配合Blob URL实现预览下载；核心是用户触发与浏览器沙箱内处理。 JavaScript 本身不能直接读写本地文件系统（出于安全限制），但可以通过 File API 在用户主动选择文件后，…

持续集成（CI）是在每次代码提交后自动运行测试、检查代码质量并验证构建是否成功的实践，为持续部署（CD）奠定基础；它通过GitHub Actions等工具拉取代码、安装依赖、执行测试与静态检查、打包构建，验证通过后可衔接部署流程。 JavaScript中的持续集成（CI）是指通过自动化工具，在每次代…

JavaScript与后端通信主要用HTTP请求（如fetch/axios）和WebSocket；前者适用于一次性交互，后者专为双向、低延迟、长连接设计，支持服务端主动推送，适合实时场景。 JavaScript 与后端通信主要靠 HTTP 请求（如 fetch 或 axios）和 WebSocket…

Vite开发时免打包、按需编译，启动瞬时且HMR精准；Webpack全量构建、兼容性广但冷启动慢；新项目优先Vite，老项目或需深度定制选Webpack。 JavaScript模块打包，就是把项目里分散的JS文件、CSS、图片等资源，按依赖关系组织起来，合并或分片生成浏览器能加载运行的静态文件。核心…

JavaScript模块打包是将多个JS及非JS资源按依赖合并转换优化为少量浏览器可运行文件的过程；它解决ES6模块的局限性，支持Loader/Plugin扩展、代码分割、Tree Shaking等工程化能力。 JavaScript模块打包，就是把多个JS文件（可能还有CSS、图片等资源）按依赖关系…

Chart.js适合快速实现常规图表，D3.js适合高度定制化复杂可视化；前者开箱即用、响应式强但扩展性有限，后者掌控底层、生态丰富但学习成本高。 Chart.js 适合快速画常见图表，D3.js 更灵活但学习成本高，选哪个取决于你的需求：要快上线就用 Chart.js，要高度定制或处理复杂交互就上…

分页组件核心是总数据量、每页数量与当前页码三者实时同步；通过数组切片获取本页数据，按规则生成省略式页码导航，并响应切换更新视图与页码，需校验边界条件。 分页组件的核心是根据总数据量、每页条数和当前页码，算出要显示的数据片段，并动态生成页码导航。关键不在渲染本身，而在三组关系的实时同步：总数据 ↔ 每…

选CodeMirror适合轻量嵌入，Monaco适合深度IDE功能。CodeMirror体积小（约100KB）、模块化、易定制但需手动集成LSP；Monaco功能完整（开箱支持LSP、类型提示等），但体积大（1.5MB+）、定制受限、构建配置复杂。 CodeMirror 和 Monaco Edito…

目前主流JavaScript包管理工具为npm、yarn和pnpm。npm生态成熟，开箱即用；yarn安装快，依赖一致性强；pnpm磁盘效率高，适合大型项目。选择需根据项目需求与团队习惯，当前趋势倾向于pnpm。 JavaScript 的包管理工具在现代前端开发中扮演着核心角色，帮助开发者管理项目依…

观察者模式通过Subject维护Observer列表并直接通知更新，Pub/Sub则借助事件总线实现完全解耦的事件通信；二者在耦合度、通信方式、生命周期管理和适用场景上存在本质区别。 观察者模式的 JavaScript 实现 观察者模式（Observer Pattern）是一种行为型设计模式，核心是…