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

- 阅读全文 -

JS利用策略模式优化多规则表单验证

第一步:新建validatorRules.js,封装校验规则import { PUBLICREG } from '@/utils/redisEnum' const strategies = { isNotEmpty: function (value, typeName, errorMsg) { if (value === null || value === '' || value =

- 阅读全文 -

JavaScript中Date对象在IOS中的坑及解决方案

使用vant-ui库中DatetimePicker 时间选择,初始化时间列表或者动态赋值选择时间项时IOS报错:[Vue warn]: Invalid prop: custom validator check failed for prop "minDate". Error in mounted hook: "RangeError: Array size is n

- 阅读全文 -

(微信公众号) | Vue,histroy模式下微信IOS拉取授权,物理返回上一级路由问题

问题描述:使用replace微信浏览器依然会添加history业务需要登录支持微信一键登录,微信拉取授权需要跳转一个微信地址,通常采用location.replace(本身replace不添加浏览器历史记录)来跳转,但微信IOS下物理返回键还是可以返回上一级路由,很呆....相关问题:微信webview嵌套H5物理按键返回问题H5微信授权登录后左滑或者右滑会回退到微信重定向页面微信过公众号拉取微信

- 阅读全文 -