Vue + SignaturePad(canvas)实现移动端手写签名

​移动端下业务需要全屏手写签名,需求:兼容横竖屏,无论横竖屏下,签字图都需要是横向显示: 插件SignaturePad一、思路分析:1 . 移动H5虽可以判断横竖屏,但考虑到多设备访问问题(微信下,有的手机需要用户开启横屏模式才可以旋转,一般人不知道怎么设置),所以强制横屏显示只能放弃。2 . 无法强制横屏,那么我们是否可以通过CSS将页面旋转达到视觉横屏效果呢? 答案当然是可以,通过 tran

- 阅读全文 -

js-cookie使用说明文档

js-cookie是一个简单的,轻量级的处理cookies的js API存值//创建简单的cookie Cookies.set('name', 'value'); //创建有效期为7天的cookie Cookies.set('name', 'value', { expires: 7 }); //为当前页创建有效期7天的cookie Cookies.set('name', 'value', {

- 阅读全文 -

vuex-persistedstate实现vuex持久化

vuex-index.js,更多用法vuex-persistedstate插件使用cnpm install vuex-persistedstate --save import createPersistedState from "vuex-persistedstate" const debug = process.env.NODE_ENV !== 'production'

- 阅读全文 -

webpack配置px转rem插件

vant官方推荐一下2款插件,使用注意版本兼容问题postcss-pxtorem 是一款 PostCSS 插件,用于将 px 单位转化为 rem 单位lib-flexible 用于设置 rem 基准值lib-flexiblecnpm install lib-flexible --save // main.js 移动端适配 import 'lib-flexible/flexible.js' //

- 阅读全文 -

webpack配置全局css

package.json"@vue/cli-service": "~4.5.0", "node-sass": "^5.0.0", "sass-loader": "^10.1.0",webpack.js | vue.config.jsmodule.exports = { css

- 阅读全文 -

Javascript | 初级算法

No.1 两数之和给定一个整数数组 nums 和一个整数目标值 target,请你在该数组中找出 和为目标值 target  的那 两个 整数,并返回它们的数组下标。你可以假设每种输入只会对应一个答案。但是,数组中同一个元素在答案里不能重复出现。你可以按任意顺序返回答案。示例 1:输入:nums = [2,7,11,15], target = 9输出:[0,1]解释:因为 nums[0] + nu

- 阅读全文 -

H5避坑指南 | Javascript

禁止点击穿透移动端浏览器里点击操作会存在300ms延迟,往往会造成点击延迟甚至点击无效,这个是众所周知的事情。2007年苹果发布首款iPhone搭载的Safari为了将桌面端网站能较好地展示在移动端浏览器上而使用了双击缩放。该方案就是上述300ms延迟的主要原因,当用户执行第一次单击后会预留300ms检测用户是否继续执行单击,若是则执行缩放操作,若否则执行点击操作。鉴于该方案的成功,其他移动端浏览

- 阅读全文 -