全部内容
Webpack 4 splitChunks 从指定入口提取公共代码的配置方法

本文详解如何在Webpack 4中使用splitChunks从指定入口文件提取公共代码。通过对比Webpack 3的CommonsChunkPlugin,演示如何配置minChunks和chunks函数,实现多层级公共模块(如common1、common2及最终common3)的提取与复用,解决多入口打包冗余问题。

2026-10-22 19:10:20
370
测试手账
JavaScript DOM基础概念与API接口详解

本文介绍DOM(文档对象模型)作为Web编程核心API的定义与作用,阐述其与JavaScript结合实现DHTML效果的必要性。文中提及W3C标准及Mozilla浏览器对标准的接近程度,并建议开发者查阅相关手册以应对繁杂的API。最后提供了检测浏览器DOM支持性的基本方法,强调理解DOM树操作是构建现代Web应用的基础。

2026-10-22 19:05:34
137
微光
JavaScript 对象深浅复制详解:Object.assign、JSON与jQuery.extend

本文深入解析JavaScript中对象复制的机制,区分基本类型与复杂类型的赋值差异。详细讲解Object.assign方法的浅复制特性及其边界情况,介绍利用JSON.stringify与parse实现深复制的原理及局限,并剖析jQuery.extend方法的源码逻辑,提供通用的深浅复制函数实现方案。

2026-10-22 18:52:24
498
半夏
从零实现Webpack模块解析器:核心流程与代码解析

本文基于Webpack源码梳理,详细解析如何从零手写一个最基础的模块解析器。通过读取入口文件、转换AST语法树、深度遍历提取依赖、转换可执行代码以及模拟require函数执行,完整展示了模块打包的核心流程。文章包含createAsset、createGraph和bundle三个关键函数的代码实现,帮助开发者深入理解Webpack内部机制。

2026-10-22 18:37:05
599
构建工坊
JavaScript限制Input输入有效数字的两种实现方案

本文介绍两种在JavaScript中限制input框仅能输入有效数字的方法。第一种通过按键事件判断,适合需要扩展功能的场景;第二种利用正则表达式批量过滤,实现简单直接。重点解决首位不能输入小数点及多余小数点的问题,并提供完整代码示例供参考。

2026-10-22 18:05:51
448
青柠
使用electron将vue-cli项目打包成exe的方法

本文介绍如何将Vue CLI构建的前端项目通过Electron打包为Windows可执行文件exe。主要步骤包括配置electron-packager依赖、修改main.js入口指向dist目录下的index.html、调整package.json脚本,以及执行打包命令生成带有指定图标的exe文件。

2026-10-22 18:04:56
384
青山有信
Vue Element UI 表格后端排序实现指南

本文介绍如何在 Vue Element UI 中实现表格的后端排序功能。通过将 sortable 设置为 custom 并监听 sort-change 事件,获取排序字段和顺序后请求后端接口。文章解析了 sort-change 方法的三个参数:column、prop 和 order,并结合代码示例说明如何获取当前列及排序规则(升序、降序)。

2026-10-22 18:02:44
373
小布丁
JS利用SessionStorage实现页面跳转后自动恢复滚动位置

本文介绍一种基于SessionStorage的页面缓存方案,解决Web应用页面跳转后滚动位置丢失的问题。通过为容器添加特定类名和标识,在离开页面时保存内容状态,返回时自动恢复,提升用户体验。

2026-10-22 18:00:26
667
听澜
Node.js前后端分离架构下的密码安全传输方案

本文详解在前后端分离项目中,如何通过Node.js结合Node-RSA库实现前端密码的安全传输。针对HTTP明文风险,介绍生成公私钥、前端使用jsencrypt加密、后端解密并SHA1存储的完整流程,确保即使数据被截获也无法破解密码。

2026-10-22 17:55:05
345
栖木
JavaScript实现URL编码转换的完整方案

本文介绍如何在JavaScript中封装一个实用的URL编码函数,支持直接调用以将指定网址转换为标准的urlencode格式。通过简单的代码示例,展示如何集成该功能到现有项目中,并提供了运行、复制及保存代码的交互按钮,方便开发者快速测试与应用。

2026-10-22 17:39:55
389
百宝袋
基于jQuery的JS可视化文件上传实现

本文分享一段基于jQuery的JavaScript可视化文件上传代码。通过隐藏input并覆盖图片层,实现点击即选、即时预览的功能。代码包含CSS样式与JS逻辑,需注意低版本IE浏览器不支持此可视化效果,适合需要简洁上传交互的前端场景。

2026-10-22 17:37:30
365
代码拾荒
JSONP跨域原理详解与百度联想词功能实现

本文深入解析JSONP跨域原理,解释如何利用script标签绕过同源策略。通过动态创建script节点并回调函数处理数据,实现与后端接口的交互。最后结合百度搜索API,演示如何动态生成联想词列表,完成类似百度首页的搜索建议功能。

2026-10-22 17:26:45
217
资源驿站