Vue
Vue+Element-ui实现登录注册表单及验证逻辑

本文详细介绍基于Vue和Element-ui构建登录与注册表单的具体实现。内容涵盖登录界面通过手机号或邮箱进行身份验证的逻辑,以及注册界面包含用户名、验证码获取、密码输入与确认的完整流程。重点解析了前端表单校验规则的配置,包括60秒倒计时发送验证码及输入格式验证的实现细节。

10.23
热度 528
Vue打包优化实战:图片压缩、CDN与Gzip配置详解

本文详解Vue CLI3项目的打包体积优化方案。通过安装image-webpack-loader插件压缩图片资源,关闭SourceMap,并配置外部CDN引入Vue、Vuex及Router。此外,还涵盖代码压缩、Gzip开启及公共代码抽离等关键配置,提供完整的vue.config.js修改指南,帮助开发者显著减小构建产物体积。

10.23
热度 181
基于Vue CLI 3.0与OpenLayers实现地图测距测面功能

本文介绍在Vue CLI 3.0项目中集成OpenLayers实现地图测距与测面功能的具体代码。通过引入必要的CSS与JS文件,在公共组件中封装测量逻辑,利用Interaction交互控制绘制类型,并处理矢量数据源与图层样式,提供完整的测距测面实现方案。

10.23
热度 303
Vue+OpenLayers实现地图点击显示坐标及弹窗自适应

本文介绍在Vue项目中利用OpenLayers实现点击地图显示坐标信息的功能。通过自定义弹窗组件展示坐标数据,并处理点击地图边缘时底图自动移动以确保弹窗完整显示的问题,提供完整的代码参考。

10.23
热度 667
解决Vue中window resize事件监听与移除失效问题

本文针对Vue项目中监听window resize事件时,页面切换后移除监听失效导致内存泄漏的问题,分析了常见错误写法。重点讲解了如何通过保存方法引用正确移除监听,以及在使用lodash debounce时,因箭头函数导致this指向错误及监听无法正确移除的解决方案,确保组件销毁时资源释放。

10.23
热度 589
解决Vue页面中复用同一ECharts组件导致图表不显示的问题

本文解决在Vue单页面中多次复用同一ECharts组件时,因固定DOM ID导致echarts.init初始化失败、图表无法显示的问题。通过动态绑定不同ID并依据数据区分渲染,实现同一组件在页面中的正常多次调用与数据显示。

10.23
热度 111
Vue结合Element UI实现表格单元格双击复制功能

本文介绍在Vue项目中利用Element UI组件库,通过监听表格单元格的双击事件实现内容复制。核心思路是在模板中为特定列添加双击指令,调用JavaScript方法创建临时输入框并执行系统复制命令,从而完成数据拷贝操作。

10.23
热度 263
JavaScript与Vue实现文字滚动(跑马灯)效果详解

本文详细展示了如何使用原生JavaScript和Vue框架分别实现网页跑马灯效果。通过字符串截取与拼接结合setInterval计时器,JS版本实现了基础的文字滚动功能;Vue版本则利用数据绑定和组件方法,提供了更简洁的实现方式。

10.23
热度 271
Vue+Node.js实现商品列表分页、排序与筛选及购物车功能详解

本文详细介绍如何使用Vue和Node.js实现商品列表的分页、排序和筛选功能,并集成购物车模块。通过vue-infinite-scroll插件实现滚动加载,利用mongoose进行数据库查询,前端发送排序和筛选请求,后端处理数据返回,最终实现完整的商品展示与交互功能。

10.23
热度 156
Vue Element UI 动态表格与动态表头实现方案

本文介绍如何在Vue中结合Element UI实现动态表格渲染。通过父组件向子组件传递tableData和tableLabel,利用v-for循环动态生成el-table-column,从而支持动态表头和数据展示。该方法解决了静态表格无法灵活适配多变数据结构的问题,为后续列操作扩展奠定基础。

10.23
热度 654
Vue axios 将传递的json数据转为form data的例子

本文介绍如何在Vue项目中通过axios配置将JSON数据转换为Form Data格式。核心步骤包括引入qs模块,在请求拦截器中使用qs.stringify处理非GET请求的数据,并修改Content-Type为application/x-www-form-urlencoded,确保后端正确接收参数。

10.23
热度 252
Vue Element UI el-autocomplete 远程搜索与自动填充实战

本文介绍如何在Vue项目中利用Element UI的el-autocomplete组件实现远程搜索与数据自动填充。通过自定义fetch-suggestions处理mock数据,结合JSON.stringify替换value字段,解决组件仅识别value的问题,并演示选中后自动补全姓名、生日等关联信息的具体实现步骤。

10.23
热度 474

标签目录

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