Jensonhui's Blog

一、Lozad.jsLozad.js 是一款基于 IntersectionObserver API 的高性能、轻量级（〜0.5kb）和可配置的懒加载器二、cropperjscropperjs是一款非常强大却又简单的图片裁剪工具三、html2canvashtml2canvas“屏幕快照”、网页截屏四、PhotoSwipePhotoSwipe文档实现类似朋友圈图片查看功能，新浪微博移动web端的图片查

- 阅读全文 -

// 事件监听绑定 export const onEvents = (target, type, handler, option) => { if (target.addEventListener) { target.addEventListener(type, handler, option) } else if (target.on) { target.on(ty

- 阅读全文 -

一、通用版const webpack = require('webpack') const TerserPlugin = require('terser-webpack-plugin') const CompressionPlugin = require('compression-webpack-plugin') const MiniCssExtractPlugin = require('mini

- 阅读全文 -

一、路由拦截篇与vue不同的是，nuxt需在plugins目录下创建router.js文件export default ({ app, store }) => { app.router.beforeEach((to, from, next) => { next() }) app.router.afterEach((to, from) => { })

- 阅读全文 -

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

- 阅读全文 -

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

- 阅读全文 -

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

- 阅读全文 -

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

- 阅读全文 -

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

- 阅读全文 -

一、通常写法 const onButtonClick = (status)=>{ if (status == 1) { sendLog('processing') jumpTo('In

- 阅读全文 -