Vue
Webpack构建Vue项目的详细教程(配置篇)

本文详细介绍使用Webpack构建Vue项目的配置过程。涵盖项目初始化、依赖安装(babel、vue-loader等)、目录结构设计、webpack配置文件编写(基础、开发、生产环境)以及开发服务器配置。通过具体代码示例和注意事项,帮助开发者快速掌握Vue项目的模块化打包与构建流程。

10.23
热度 230
Vue项目中集成Font Awesome 5及SVG Core的配置指南

本文详细讲解在Vue项目中集成Font Awesome 5的方法。涵盖基础安装、main.js全局组件注册,以及引入SVG Core后的新版配置流程。对比5.0.13与5.6.3+版本的差异,提供具体的npm命令、代码示例及图标使用方式,解决fas、fal、fab等样式的调用问题。

10.22
热度 546
原生JS实现滚动监听与ID自动定位及Vue集成

本文介绍如何使用原生JS实现滚动监听与ID定位功能,效果类似锚点但更灵活。通过监听scroll事件获取滚动距离,结合offsetTop实现自动定位,并演示如何在Vue项目中集成,例如控制顶部菜单透明度随滚动变化,适用于需要精细滚动控制的场景。

10.22
热度 113
Vue Vuex 自动补全插件开发原理:正则与 AST 的结合应用

本文总结了开发 Vue Vuex 自动补全插件的技术原理,重点讲解如何结合正则表达式与抽象语法树(AST)实现高效的代码分析。通过正则快速定位 mapXXX 函数,再利用 Babel 解析获取精确参数信息,从而提供准确的智能提示。文章还探讨了入口文件识别、模块递归遍历及插件维护反思。

10.22
热度 495
Vue集成PDF.js实现可复制PDF预览

本文介绍在Vue项目中集成Mozilla PDF.js库以展示PDF文件的方法。重点讲解如何通过Text-Layers渲染技术实现PDF内容的文本复制,解决原生嵌入标签无法自定义交互的问题。文章提供npm安装、CDN引用及Worker配置方案,并给出基于Vue组件的完整代码示例,涵盖异步处理与性能优化。

10.22
热度 507
Vue + Webpack 集成 ESLint 配置指南

本文详细介绍在Vue与Webpack项目中集成ESLint进行代码规范检查的配置方法。涵盖通过配置文件、package.json及注释三种方式,重点讲解.eslintrc.js与webpack.config.js的具体配置步骤。同时针对vue-eslint-parser与babel-eslint冲突导致的错误提供解决方案,帮助开发者建立统一的代码规范。

10.22
热度 401
使用Webpack Loader实现Vue行内样式px转vw

本文介绍如何编写一个Webpack Loader,解决Vue项目中行内样式px无法自动转换的问题。通过正则匹配template中的px值,利用postcss-px-to-viewport的公式将其转换为vw,实现设计稿到视口单位的自动适配,无需手动修改CSS文件。

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

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

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

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

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

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

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

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

10.22
热度 478
Vue项目中集成Video.js播放m3u8视频流教程

本文详细介绍在Vue工程中如何安装并配置Video.js以播放m3u8格式的视频流。内容涵盖依赖安装、CSS与JS引入、DOM容器指定以及播放器初始化等关键步骤,并提供完整的代码示例,帮助开发者快速实现前端视频播放功能。

10.22
热度 276

标签目录

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 应用部署