移动端微信JSSKD相关封装
封装JSSDKimport wx from 'weixin-js-sdk' import { wechatAuthSign } from '@/api/wxApi.js' import { isWeixin } from '@/utils/function/platform.js' // 配置微信jsApiList export const setWeixinJsApiList = async
移动端壳子通讯【messageHandlers，setupWebViewJavascriptBridge】
// 手机型号 export function getMobileType() { return !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/) == true ? 'ios' : 'android' } // 是否微信内 export function isWeixin() { return (window.na
移动端SPA项目非Rem转换（依赖设计稿尺寸）
index.html<!DOCTYPE html> <html lang="zh-CN"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="C
移动端禁止WX用户字体调整
如果用户手机字体调整太大或者太小会影响到页面布局；这时需要禁止用户调整字体大小，自适应；app.vue<script> import { isIos, isAndroid } from "@/utils/appUtils.js"; export default { name: "App", data() { return {
图片相关Plugs
一、Lozad.jsLozad.js 是一款基于 IntersectionObserver API 的高性能、轻量级（〜0.5kb）和可配置的懒加载器二、cropperjscropperjs是一款非常强大却又简单的图片裁剪工具三、html2canvashtml2canvas“屏幕快照”、网页截屏四、PhotoSwipePhotoSwipe文档实现类似朋友圈图片查看功能，新浪微博移动web端的图片查
javascript，绑定页面退出监听事件
// 事件监听绑定 export const onEvents = (target, type, handler, option) => { if (target.addEventListener) { target.addEventListener(type, handler, option) } else if (target.on) { target.on(ty
vue.config.js配置优化相关记录
一、通用版const webpack = require('webpack') const TerserPlugin = require('terser-webpack-plugin') const CompressionPlugin = require('compression-webpack-plugin') const MiniCssExtractPlugin = require('mini
Nuxt.js配置项相关记录总结【路由拦截，环境变量，代理配置】
一、路由拦截篇与vue不同的是，nuxt需在plugins目录下创建router.js文件export default ({ app, store }) => { app.router.beforeEach((to, from, next) => { next() }) app.router.afterEach((to, from) => { })
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