前端开发
React 项目迁移 Webpack Babel7 的实现

本文详细记录了 React 项目从初始化到配置 Webpack 4 和 Babel 7 的完整过程。内容涵盖 webpack-cli 安装、Babel 预设配置、React 组件开发、html-loader 集成以及 webpack-dev-server 的使用,旨在帮助开发者快速搭建现代化的前端构建环境。

10.22
热度 153
Vue Webpack 多页面应用构建实战指南

本文详细介绍基于 Vue 和 Webpack 构建多页面应用(MPA)的完整流程。内容涵盖开发环境准备、vue-cli 脚手架初始化、src 目录结构重组,以及核心配置文件(util.js、webpack.base.conf.js、dev/prod.conf.js)的具体修改方法。通过动态生成入口和 HTML 插件配置,实现多个独立页面的构建与运行,并提供实际访问地址示例。

10.22
热度 237
Webpack 模块加载器与打包工具详解

本文详细介绍 webpack 作为模块加载器兼打包工具的核心功能。涵盖其处理 JS、CSS、图片等资源的模块化能力,解析入口、输出、加载器和插件四大核心概念,并提供从安装到配置 dev-server 的完整操作步骤,帮助开发者快速掌握前端构建流程。

10.22
热度 531
Vue中监听数据渲染完成后执行函数的方法

本文介绍在Vue中如何在数据渲染到DOM后执行特定函数。通过vm.$watch监听数据变化,并在回调中使用vm.$nextTick确保DOM更新完成后再调用目标事件,从而实现精准控制执行时机。

10.22
热度 114
前端防止用户重复提交:jQuery异步与表单同步方案详解

本文详细介绍前端防止用户重复提交的两种方案。针对异步请求,利用jQuery的ajaxPrefilter拦截器过滤后续请求;针对表单同步提交,通过扩展jQuery自定义方法设置标志位阻止重复触发。文章提供完整代码示例及全站统一处理的实现技巧,帮助开发者高效解决重复提交问题。

10.22
热度 337
详解使用jest对vue项目进行单元测试

本文详细记录了在Vue CLI 3.0环境下使用Jest进行单元测试的全过程。从基础配置入手,解决了静态图片资源在测试中返回对象而非字符串的问题,并通过jest-transform-stub和fileMock.js实现正确Mock。进一步演示了使用Vue Test Utils进行组件交互测试、快照测试,以及如何通过Manual Mocks模拟Axios插件和Store状态,最终生成完整的代码覆盖率报告。

10.22
热度 490
Webpack 4 从零开始:完整实战入门教程

本文通过一个循序渐进的实战项目,详细讲解如何从零搭建基于 webpack 4 的前端构建环境。内容涵盖初始化项目、基础打包配置、HTML 模板插件使用、CSS 与图片资源加载、样式分离提取以及开发环境下的热更新与自动刷新功能,帮助初学者快速掌握 webpack 的核心用法。

10.22
热度 594
Webpack 4 入门教程:从零搭建项目与解决常见报错

本文详细介绍如何使用 Webpack 4 从零开始搭建前端项目。通过 npm 初始化、安装依赖、编写入口文件及配置 webpack.config.js,演示完整的打包流程。重点解析 Webpack 4 中因版本差异导致的常见报错,如缺少 webpack-cli、模式设置及入口文件命名问题,并提供具体的命令行解决方案,帮助开发者快速上手。

10.22
热度 80
Webpack 4.x 从零搭建开发环境:配置、打包与热更新实战

本文详细介绍如何从零搭建基于 Webpack 4.x 的开发环境。内容涵盖项目初始化、基础配置、CSS 与 JS 的编译打包及 MD5 哈希生成、图片资源处理、HTML 自动注入、指定文件清理、公共代码提取以及利用 webpack-dev-server 实现开发时的热更新与自动刷新,帮助新手快速掌握核心配置流程。

10.22
热度 624
element-ui Select组件在Dialog中值改变不触发change事件的解决方案

本文解决element-ui中Select组件在Dialog弹窗内使用时,因后台响应数据缺失特定字段导致绑定值改变但不触发change事件的问题。提供两种方案:一是要求后端始终返回该字段,二是在前端赋值前手动补全字段,确保事件正常触发。

10.22
热度 463
Vue 实现拖动滑块验证功能(只有css+js没有后台验证步骤)

本文介绍如何在 Vue 项目中实现纯前端的拖动滑块验证功能。通过 CSS 布局与 JavaScript 事件监听,无需后端接口即可完成验证交互。文章详细解析了 DOM 结构、鼠标移动事件绑定及边界处理逻辑,提供完整可运行的 HTML 示例代码,适合需要轻量级前端验证场景的开发参考。

10.22
热度 478
从零搭建React开发环境:手动配置Webpack与Babel

本文详细记录了从零手动搭建React开发环境的过程,旨在替代官方create-react-app的复杂配置。内容涵盖npm仓库加速、Webpack4模式指定、Babel语法转换及antd按需加载等核心依赖的配置,并提供了完整的package.json与webpack配置文件示例,帮助开发者快速掌握前端构建工具链的基础用法。

10.22
热度 660

标签目录

JavaScript 核心技术JavaScript 基础JavaScript 函数与作用域JavaScript 对象与原型JavaScript 数组与数据处理JavaScript 异步编程JavaScript 项目实战
浏览器与 Web 开发DOM 与事件浏览器 API网络请求与通信浏览器数据存储前端调试前端安全
前端框架与应用VueReactNext.jsNuxt前端状态管理前端性能优化
TypeScript 与工程化TypeScript前端构建依赖管理自动化测试前端部署代码规范与重构
Node.js 后端开发Node.js 基础Node.js Web 框架数据库开发接口开发与鉴权服务部署与运维Node.js 性能优化
AI 开发与应用大模型 API 开发AI 智能体开发RAG 与知识库AI 编程工具AI 多模态应用AI 应用部署