全部内容
JavaScript冒泡排序实现详解

本文通过具体JavaScript代码示例,详细讲解了基于交换的冒泡排序算法。内容包含完整的HTML测试代码、数组元素交换逻辑解析,并推荐了在线代码运行工具及排序算法动画演示工具,帮助开发者直观理解排序过程。

2026-10-22 16:08:29
394
函数茶馆
Vue Router History 模式在 Nginx 非根路径下的配置指南

本文详解 Vue Router 从 Hash 模式切换至 History 模式的必要性,并重点介绍在 Nginx 中配置非根路径(如 /A、/B)的方法。通过对比根路径与非根路径配置,强调使用 alias 而非 root 指令的关键点,确保 SPA 应用在不同子路径下刷新页面时能正确加载 index.html。

2026-10-22 15:45:34
237
望舒
Vue CLI项目Webpack 3至4升级实战指南

本文详细解析基于Vue CLI项目将Webpack从3版本升级至4版本的全过程。涵盖Node.js环境要求、核心依赖替换、mode配置引入、optimization模块详解以及vue-loader兼容性处理,帮助开发者平滑完成构建工具升级并提升打包性能。

2026-10-22 15:36:39
433
组件花园
Webpack打包优化实战:从体积瘦身到构建加速

本文深入解析Webpack打包优化的核心技巧,涵盖从定位大体积模块、提取公共代码、移除无用资源到模块化引入及CDN外部引用的全流程。重点讲解CommonsChunkPlugin与DLLPlugin的配置细节,旨在帮助开发者显著减小vendor.js体积并大幅提升构建效率,改善前端项目加载体验。

2026-10-22 15:22:31
607
沉舟
Webpack 4 SplitChunksPlugin 配置详解与实战指南

本文详细介绍 Webpack 4 中 SplitChunksPlugin 的核心参数与配置方法。涵盖 chunks、minSize、minChunks 等基础选项,重点解析 cacheGroups 缓存组的优先级、规则匹配及 reuseExistingChunk 机制。通过示例演示如何自定义拆分规则,优化初始加载与异步请求数量,提升构建效率。

2026-10-22 15:20:23
453
工具箱
Node.js Stream(流)核心机制与实战应用指南

本文深入解析 Node.js 中的 Stream(流)机制,涵盖 Readable、Writable、Duplex 和 Transform 四种核心类型。详细阐述流动(flowing)与暂停(paused)两种工作模式,并通过大文件读取与视频流传输案例,展示如何利用 Stream 解决内存溢出问题,实现高效的大数据处理。

2026-10-22 15:14:08
338
岩茶
JavaScript值传递与引用传递机制解析

本文深入解析JavaScript中值传递与引用传递的核心区别。通过对比数值类型与对象类型的函数调用行为,阐明参数传递时内存空间的分配机制。结合具体代码示例,展示值传递中外部变量不受影响,而引用传递中外部变量随内部修改变化的特性,帮助开发者准确理解JS参数传递原理。

2026-10-22 15:01:45
548
青柠
基于Webpack 3.x的多页面应用构建实践

本文介绍在Webpack 3.x环境下构建多页面应用(MPA)的核心思路。通过动态生成多个Entry入口、利用html-webpack-plugin生成对应HTML文件,以及使用extract-text-webpack-plugin独立抽取各页面CSS,实现模块化的多页构建方案。文章结合mulXc-cli项目结构,详细解析setting.js与style.js的配置逻辑,适合希望从单页转向多页架构的开发者参考。

2026-10-22 14:57:03
82
测试手账
Webpack 前端构建与开发服务器实战指南

本文详细介绍 Webpack 作为前端模块打包工具的安装与基础使用,涵盖从 RequireJS、Browserify 到 Webpack 的对比。通过实例演示如何配置入口、输出及 Loader 处理样式,并深入讲解 webpack-dev-server 的配置,包括内容基目录、History API 回退及热模块替换(HMR)功能的开启方法,帮助开发者搭建高效的实时构建开发环境。

2026-10-22 14:56:10
658
初晴
解决JS中Input输入百分号导致数据库保存失败的方案

本文介绍在JavaScript中处理Input输入框包含百分号时,如何避免数据库保存失败的问题。主要提供两种方案:一是使用ASCII码临时替换百分号与和符号,二是利用JS内置的encodeURI或encodeURIComponent函数对字符串进行URI编码,确保特殊字符正确存储与还原。

2026-10-22 14:43:24
563
谷雨
详解webpack4多入口、多页面项目构建案例

本文详细记录了基于webpack4.x从零构建多页面应用程序的全过程。内容涵盖Entry、Module、Chunk等核心概念解析,以及多入口文件配置、开发服务器设置、Loader与Plugin的使用。重点介绍了CSS分离、静态资源处理、代码压缩、公共模块提取及性能可视分析等优化手段,并提供了webpack4中extract-text-webpack-plugin兼容性的报错解决方案。

2026-10-22 14:39:14
355
橙子