全部内容
Webpack 核心概念详解:入口、输出、Loader 与插件

本文系统梳理 Webpack 作为现代 JavaScript 模块打包器的核心机制,详细解析入口(Entry)、输出(Output)、加载器(Loader)及插件(Plugins)四大核心概念。通过说明依赖关系图的构建过程、文件转换规则及插件配置方法,帮助开发者掌握前端构建工具的关键配置与优化技巧。

2026-10-22 11:10:17
331
构建工坊
优化JavaScript模块开发的实用指南

本文从模块使用者视角,总结提升JavaScript模块易用性的关键实践。包括配置package.json中的module字段以支持Tree Shaking,提供TypeScript声明文件以增强IDE提示,利用browser字段实现Node.js与浏览器的环境适配,以及集成CI、测试覆盖率及徽章服务等开源工具链,帮助开发者构建更健壮、易维护的模块。

2026-10-22 11:09:34
95
星河
详解webpack+express多页站点开发

本文介绍如何在Express框架下使用Webpack构建多页Web应用。通过配置extract-text-webpack-plugin和html-webpack-plugin,实现CSS文件独立输出及JS模块化加载。文章详细演示了目录结构、入口文件定义、Webpack配置及打包结果,解决多页应用中资源依赖与模板自动注入的问题。

2026-10-22 11:09:31
535
编译时光
JavaScript 在浏览器端预览本地文件的实现方案

本文介绍如何在浏览器端安全地读取并预览本地文件。通过input标签获取用户授权,利用File对象和URL.createObjectURL生成临时URL,实现图片、视频等资源的本地预览。文章提供了基于回调和jQuery Promise两种封装方式,并说明了IE10+的兼容性及资源释放方法。

2026-10-22 11:08:41
375
微光
Nexus.js:基于Webkit的多线程服务端JavaScript运行库详解

本文详细介绍Nexus.js,一个基于Webkit内核的多线程服务端JavaScript运行库。内容涵盖其事件循环机制、ES6特性支持(如async/await)、模块系统、基于Promise的EventEmitter、以及Device/Filter/Stream组成的I/O模型。此外,还解析了TCP/HTTP服务器的实现及性能基准测试结果,为构建高性能网络应用提供参考。

2026-10-22 11:08:41
461
青柠
原生JS实现移动端触摸轮播的完整代码

本文介绍如何使用原生JavaScript实现移动端触摸轮播效果。与PC端点击事件不同,移动端需依赖touch事件处理手指滑动。文章提供了完整的HTML、CSS及JavaScript代码示例,涵盖布局、样式及触摸逻辑,供开发者参考实现。

2026-10-22 11:08:23
245
页面旅途
JavaScript单例模式:从传统实现到惰性单例的演进

本文深入解析JavaScript中单例模式的多种实现方式。从传统基于变量的全局访问点出发,探讨利用闭包优化代码结构,进而通过代理类分离对象创建与实例判断逻辑以遵循单一职责原则。最后介绍高度抽象的惰性单例模式,展示如何通用化生成唯一实例,并结合登录框场景说明其实际应用价值。

2026-10-22 11:08:14
662
纸飞机
JavaScript 在指定位置插入文本的兼容实现

本文介绍如何在 JavaScript 中实现向文本框指定位置插入内容。代码兼容 IE 及现代浏览器,通过判断 selectionStart 等属性处理不同浏览器的光标定位逻辑,并提供完整的 HTML 调用示例供参考。

2026-10-22 11:07:54
263
纸飞机
Vue中使用axios时this指向undefined的解决方案与原理

本文详解Vue项目中调用axios时this指向undefined的问题。通过ES6箭头函数的词法作用域特性,可简洁解决该问题,并对比bind和变量缓存两种传统写法,帮助开发者理解原理并优化代码。

2026-10-22 11:07:46
193
函数茶馆
JavaScript JSON数据分组优化与基础操作指南

本文深入探讨JavaScript中JSON数据的分组处理技巧,通过对比原始遍历、ES5 forEach/every及有序数组优化三种方案,展示性能提升过程。同时系统总结JSON对象与字符串的相互转换方法,涵盖eval、parseJSON及原生JSON.stringify/parse的使用场景与注意事项,帮助开发者高效处理前端数据交互。

2026-10-22 11:07:41
475
巡夜人
详解使用webpack构建多页面应用

本文详细讲解如何利用Webpack构建多页面应用(MPA)。内容涵盖通过glob动态生成入口、配置HtmlWebpackPlugin打包多个HTML并添加MD5戳,以及在webpack-dev-server中结合Express实现无后缀的路由访问,解决多页面开发中的常见痛点。

2026-10-22 11:07:27
304
望舒
jQuery Ajax 同步 POST 请求实现与注意事项

本文介绍如何在 jQuery 中通过设置 $.ajaxSettings.async 为 false 实现 Ajax 同步 POST 请求。同步模式下,请求完成后可直接获取返回数据,适用于需要阻塞主线程等待结果的场景。

2026-10-22 11:07:07
525
工具松鼠