Vue添加全局水印

水印毫无疑问当然是canvas画图,全局水印 = 将canvas水印DOM定位挂载在document.body上,可以理解为在当前可视窗口最上方盖了一层层级较高的蒙版,这个蒙版就是水印// water-market.js// 水印内容较长可以设置can的width,height属性 // water-market.js // 水印内容较长可以设置can的width,height属性 const

- 阅读全文 -

Vue2.x + Vue-Router3.x 实现Query传参加密解密(插件)

vue-Router官方说明文档:vueRouterEncryption 项目地址:1 加密需要依赖 crypto-js 库,安装npm install crypto-js --save2 手动将github项目中的utils文件夹放入开发项目中3 修改utils/encryption.js中的baseCryptoCode,设置每个项目唯一的16位值4 router.js 引用import Vue

- 阅读全文 -

Vue2.x + Video.js 实现视频组件封装

video.js是一款为HTML5世界从头构建的网络视频播放器。它支持HTML5视频和媒体源扩展,以及其他播放技术,如YouTube和Vimeo(通过插件)。它支持在台式机和移动设备上播放视频。一、安装video.jsnpm i video.js --save二、封装组件<template> <video ref="videoRef" cl

- 阅读全文 -

Vue2.x + Vant2.x + BetterScroll 封装滚动列表(上滑加载,下滑刷新)

Vant2.x 是一个轻量、可靠的移动端组件库,于 2017 年开源。BetterScroll 是一款重点解决移动端(已支持 PC)各种滚动场景需求的插件。它的核心是借鉴的 iscroll (opens new window)的实现,它的 API 设计基本兼容 iscroll,在 iscroll 的基础上又扩展了一些 feature 以及做了一些性能优化。一、全局安装vant,better-scr

- 阅读全文 -

Vue2.x + Vant2.x 图片上传封装

Vant2.x 是一个轻量、可靠的移动端组件库,于 2017 年开源。一、全局安装vantnpm i vant -S二、安装babel插件,配置按需引入npm i babel-plugin-import -D// babel.config.jsmodule.exports = { presets: [ '@vue/cli-plugin-babel/preset' ], plug

- 阅读全文 -