开发前沿 13284

vue实现可拖拽的dialog弹框

本文主要介绍了vue实现可拖拽的dialog弹框,分享给大家,具体如下: element的dialog弹框在项目中挺常用的。但有时候嵌套的话会遮住,体验不好。拖拽形式的弹框会提高用…

2022-04-15 1,077

JavaScript 如何在线解压 ZIP 文件

目录 一、ZIP 格式简介 二、浏览器解压方案 2.1 定义工具类 2.2 在线解压 ZIP 文件 三、服务器解压方案 3.1 根据文件名解压指定 ZIP 文件 3.2 在线解压 …

2022-04-15 596

Vue实现图片预览效果实例(放大、缩小、拖拽)

前言 这张图是显示的图片放大的一个预览情况,这里是参考预览操作实现的一个背景为黑色的部分,上层的图片可实现滚轮放大或者点击上部的放大镜图标进行放大,代码是基于Ant Design …

2022-04-15 1,067

JavaScript 如何实现同源通信

目录 一、Broadcast Channel API 简介 二、Broadcast Channel API 应用场景 2.1 实现同源页面间数据同步 2.2 在其它 Tab 页面中…

2022-04-15 1,034

js如何构造elementUI树状菜单的数据结构详解

背景说明 elementUI中自带树状菜单,就是数据结构有点复杂,偏向json风格。 数据库中菜单数据是二维表格,通过parentPk定义上下级,是list型。 需要把list转换…

2022-04-15 947

Vue项目优化的一些实战策略

Vue项目完成后就要从开发环境转成生产环境 一些第三方的包体积过大,导致生成js文件过于庞大,这是时候可以生成打包报告来查看项目中的问题 1.生成报告有两种方式,一种使用npm r…

2022-04-15 900

vue利用Moment插件格式化时间的实例代码

moment是一款多语言支持的日期处理类库, 在vue中如何使用呢?首先附上官网地址:http://momentjs.cn/, 毕竟查找api才是学习正途! 使用npm命令安装mo…

2022-04-15 1,155

vue3删除过滤器的原因

目录 什么是vue的过滤器 why? 举例分析 需求描述 HTML结构和data数据如下 使用filter实现 使用computed实现 使用methods实现 总结 什么是vue…

2022-04-15 337

vue如何动态实时的显示时间浅析

vue动态实时显示时间有两种方法 1.可以用day.js,处理日期和时间的js库 用法 npm install dayjs --save 引入import dayjs from '…

2022-04-15 1,020

vue开发之moment的介绍与使用

前言 在日常开发中,我们常常会遇到以下几种场景: 需要对日期进行非标准格式展示,如 :2021年5月11日星期二下午6点42分 需要对日期进行处理,如:要取前24小时的时间 等 在…

2022-04-15 462

VUE实现大转盘抽奖

目录 UI 初始参考各值参考图 方案分析-参数配置 核心思路: 关于旋转位置 参数配置 实现逻辑 组件使用 抽奖效果 结语 UI 老规矩,先看下静态UI,以便于有个图像概念 初始参…

2022-04-15 931

Vue Element前端应用开发之用户管理模块的处理

目录 1、权限管理模块的设计 2、用户管理界面功能 1、权限管理模块的设计 我们知道,权限管理一般都会涉及到用户、组织机构、角色,以及权限功能等方面的内容,ABP框架的基础内容也是…

2022-04-15 992