接口axios vue all
vue本地能够访问图片,打包项目之后图片无法访问
//template中 <img :src="boxHerf" /> //js let boxHerf = ref('/src/assets/images/contain.svg') 上述写法本地能够正常访问图片,但是打包之后无法正常访问,将 boxHerf 换成下列写法即可解决 let boxHe ......
vue2 单页面应用兼容 ie & 对象不支持"append"属性或方法
在平时如果用到vue2 但是打开ie测试的时候发现代码没起到预期的效果(作用)的话。就要用到polyfill和browser来对你的vue代码转成es5语法啦。 具体用法是: 先下载polyfill和browser的js文件 然后 引入polyfill和browser的js文件 1 <script ......
vue 解决路由跳转query参数类型会自动转换成字符串的问题
问题:使用query进行路由跳转传参时,传的是布尔值、数字等,在页面上route.query里面得到的却全是字符串。 // push跳转代码: this.$router.push({ path: './childPage', query: { userId: 666,isTest:false } } ......
Vue数据更新页面却没有更新的几种情况以及解决方法
情况一:Vue无法检测实例被创建时不存在于data中的变量 原因:由于 Vue 会在初始化实例时对 data中的数据执行 getter/setter 转化,所以 变量必须在 data 对象上存在才能让 Vue 将它转换为响应式的。 例如: 1 2 3 4 5 new Vue({ data:{}, t ......
vue路由模式区别
目的: 在vue中路由模式有history和hash模式两种模式:他们的目的是为了在SPA单页面情况下,切换页面不会向后端服务器发送请求; hash模式: 为以#作为分隔符, 原理:通过window.location.hash获取 hash值;监听hash中的hashchange事件,当URL的ha ......
vue3实现input输入框只能输入中文
简单记录下,方便以后复制 <el-input v-model="form.name" placeholder="使用人的姓名" :maxlength="20" :formatter="(value)=>value.replace(/[^\u4E00-\u9FA5]/g, '')" /> ......
二、搭建前后端分离的自动化测试平台的前端Vue3+Element-plus前端项目
一、安装Node.js以及配置环境变量 1、Node获取地址 https://nodejs.org/en/download 一直默认选项安装,安装好了之后,在环境变量中会自动配置Node的地址,可以在cmd中使用 node -v/npm -v命令验证是否下载成功 2、设置Node的配置内容 (1)在 ......
前端大文件切片上传,断点续传、秒传等解决方案,vue中使用实例
先看逻辑 如何切片?如何获取文件唯一hash?与后端交互获取文件上传的状态,用于判断情况,是秒传还是续传?上传切片文件,判断失败文件重新执行?全部上传完成通知后端? 1、先上全部代码,后面第2部分解析、第3部分vue中使用相关依赖spark-md5主要用于拿取文件的md5mitt 发布订阅 impo ......
Vue - 对数组进行分页,结合 el-pagination 组件
分页函数 file:[pager.ts] /** * 分页 * * @param list 数组 * @param currPage 当前页 * @param pageSize 一页数量 * @returns */ export function paginate(list: Ref<any[]>, ......
App开发:Vue Native vs React Native
随着移动应用开发框架数量的增加,2018年Vue Native的引入让开发者有能力使用Vue.js代码来创建React Native移动应用。 因为 Vue Native 围绕 React Native 包装了 Vue.js 语法,所以框架非常相似。例如,两者都是跨平台框架,这意味着相同的代码库可以 ......
关于 vue 虚拟dom 的渲染机制的一些思考
1. 虚拟dom 的渲染过程 2. vue3中 nexttick 的作用 1.虚拟dom 的渲染机制 我们在template中写的 div 和 其他的标签。不会被vue 当作是最终 渲染的dom, vue会将我们写入的标签 转化为 对象,通过diff算法,将其构造成一个虚拟树 每个树 都有一个 对应 ......
uni-app 应对微信小程序最新隐私协议接口要求的处理方法
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 一,问题起因 最新在开发小程序的时候,调用微信小程序来获取用户信息的时候经常报错一个问题 fail api scope is not declared in the privacy agreement,api 更具公告,是微信更新对应的隐 ......
Vue实现大文件分片上传、断点续传
前言实现大文件分片上传的断点续传以及上传进度条是一个在前端开发中常见且具有挑战性的问题。本篇博客将介绍如何使用Vue框架来实现这个功能,并给出代码示例。 概述大文件分片上传指的是将一个大文件切割成多个小文件(或称为分片),然后依次上传这些小文件,最后在服务器端将这些小文件合并为原始的大文件。断点续传 ......
Redis+lua脚本实现接口限流
/** * @author neng * @description 自定义限流注解 * @date 2020/4/8 13:15 */ @Target({ElementType.METHOD, ElementType.TYPE}) @Retention(RetentionPolicy.RUNTIME ......
视频监控平台EasyCVR分组接口出现“pending”报错,该如何解决?
安防视频监控/视频集中存储/云存储/磁盘阵列EasyCVR平台可支持的主流标准协议有国标GB28181、RTSP/Onvif、RTMP等,以及支持厂家私有协议与SDK接入,包括海康Ehome、海大宇等设备的SDK等。平台可拓展性强、视频能力灵活,能对外分发RTMP、RTSP、HTTP-FLV、Web ......
GB28181视频监控平台LiteCVR调取登录接口获取token的操作步骤
近年来,由于视频监控设备行业技术的进步,视频监控的应用领域越来越广泛,其正在加速向其他领域加速落地应用。 ......
vue 图片转base64格式方法+将base64流数据转成pdf文件可打印的方法✔️✔️✔️
1. 图片转base64格式方法 (主要的代码)(其实用的还是FileReader) handleRemove(file, fileList) { console.log(file); var reader = new FileReader(); reader.readAsDataURL(file. ......
Vue2 基础入门
1 Vue 1.2 第一个Vue实例(Hello Vue) 1.3 插值表达式 { 作用: 利用表达式进行插值,渲染到页面中 表达式:是可以被求值的代码,JS引擎会讲其计算出一个结果 以下的情况都是表达式: money + 100 money - 100 money * 10 money / 10 ......
Vue大文件切片上传 断点续传
一、中等文件上传解决方案-nginx放行在我们工作中,上传功能最常见的就是excel的上传功能,一般来说,一个excel的大小在10MB以内吧,如果有好几十MB的excel,就勉强算是中等文件吧,此时,我们需要设置nginx的client_max_body_size值,将其放开,只不过一次上传一个几 ......
Mac 中安装 vue 脚手架后报错 vue: command not found
解决方案 安装 node、npm 查看 npm 全局安装位置 npm root -g 正确位置 /usr/local/lib/node_modules 修改位置 npm config set prefix /usr/local 重新安装脚手架 sudo npm install -g @vue/cli ......
SpringBoot中,为什么不直接使用一个Service写功能,而是Service接口+ServiceImpl实现类?
当项目比较简单的时候,需求明确,变更不频繁或者几乎不怎么修改的时候,用第一种就好了 当项目比较复杂,需求变更多的时候,用第二种比较好 service层=service接口+serviceImpl实现类 这种方式好处: 1、解耦合 2、便于扩展 例如: public interface HumanSe ......
面向对象进阶19.1.1-接口中的默认方法
JDK-8以后,Java允许在接口中定义默认方法,需要使用关键词default修饰。作用:解决接口升级的问题。 定义格式 public default 返回值类型 函数名(参数){ }; 例如: 'public default void show()` 下面是代码: 点击查看代码 //接口: pub ......
[Vue]React、Vue中的key有什么作用? (key的内部原理)
1. 虚拟DOM中key的作用: key是虚拟DOM对象的标识,当状态中的数据发生变化时,Vue会根据[新数据]生成[新的虚拟DOM] 随后Vue进行[新虚拟DOM]与[旧虚拟DOM]的差异比较,比较规则如下: 2. 对比规则: (1).旧虚拟DOM中找到了与新虚拟DOM相同的key: ①.若虚拟D ......
vue打包体积优化
一、webpack-bundle-analyzer工具 1、安装 终端运行命令,根据包管理器自行选择命令 #NPM npm install --save-dev webpack-bundle-analyzer #YARN yard add -D webpack-bundle-analyzer 2、代 ......
一个类似于Gridster的栅格布局系统Vue组件
哈喽,我是老鱼,一名致力于在技术道路上的终身学习者、实践者、分享者! Vue Grid Layout是一个类似于Gridster的栅格布局系统, 适用于Vue.js,灵感来源于React Grid Layout。 特性 可拖拽 可调整大小 静态部件(不可拖拽、调整大小) 拖拽和调整大小时进行边界检查 ......
基于Vue.js和Vanta.js的动态天空颜色效果实现
背景 最近在写一个Vue项目,想要在登录界面加一个动态背景效果,搜索之后发现了 Vanta.js(https://www.vantajs.com/ )这个库。Vanta 可以借助 three.js (WebGL) 或 p5.js 渲染动态的3D背景效果,提供了多种预设。 几种效果都挺不错的,最终我决 ......
vue 将html保存成pdf文件
结合 html2canvas 和 jspdf 插件处理 /* eslint-disable */ //不使用JQuery版的 import html2canvas from 'html2canvas' import JsPDF from 'jspdf' /** * @param ele 要生成 pd ......
EBS:物料事务处理接口查询
EBS 事务处理接口 查询 语句 -- 组织代码在指定范围 内,一般直接删除此接口表有错误的记录。 SELECT OOD.ORGANIZATION_ID AS 组织ID, OOD.ORGANIZATION_CODE AS 组织代码, OOD.organization_name, MTI.ERROR_ ......