![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
移动端
文章平均质量分 59
WwangXue
这个作者很懒,什么都没留下…
展开
-
husky搭配lint-staged 检查eslint 约束问题代码提交
背景,新写的代码中如果有代码异味 开发前期会提交上,后期再去解决,添加之后我们可以顺手就解决了 避免出现二次回顾修复异味的情况 提高每次commit的质量husky:安装husky时hooks会被添加到当前项目目录下的 .git > hooks 文件夹中。lint-staged:搭配使用,只检查当前变更文件下的语法,会更快一些,不会全部执行husky的包说明中有相关版本的要求(每个husky版本对node和git的要求版本不同,此例为husky@4.3.0的要求)Exis...原创 2021-05-10 14:21:53 · 945 阅读 · 0 评论 -
移动端手写签名
背景:在钉钉环境钉钉浏览器中实现签名,模拟横屏签名签字板使用的canvas,右侧按钮部分是旋转摆放到该位置的;canvas看起来像是旋转过的,实际画布未旋转,只有操作按钮进行了旋转存储canvas的时候需要存储横向的图片,此时需要做处理思路:新建一个画布将画布旋转90度,将已有画布生成的图片放到新画布上,具体实现 //...原创 2019-11-14 18:26:54 · 4447 阅读 · 0 评论 -
html2canvas 将html转换为图片
解决场景:将页面与用户签名合成一张图片例如:实现思路: 将第一个页面转为一个图片将第二个页面的签字转换为一张图片 重新布局一下 将合成后的html转换为canvas图片引入import html2canvas from 'html2canvas';html2canvas(document.querySelector('.voucher-detail-copy...原创 2019-11-14 18:11:50 · 539 阅读 · 0 评论 -
钉钉中下载图片问
先说结论:下载图片是打开一个单独的页面,手动保存本地的图片base64直接下载,不生效,base64转为blob对象下载,不生效;解决方法:该图片上传到阿里云,然后使用链接下载;/** * 在本地进行文件保存 * @param {String} content 要保存到本地的图片数据 base64 * @param {String} fileName 文件名 */ ...原创 2019-11-14 17:59:52 · 3876 阅读 · 0 评论 -
点透处理(移动端)
点透处理作用:如果不做点透处理,那么点击上面的遮罩层,遮罩层下面的内容区如果有a元素,那么就会被点击;为了解决这种不必要的点击跳转,所以做点透处理; var box = document.getElementById('box'); //相当于上面遮罩层 var aNodes = document.querySelectorAll('a'); //遮罩层 层级下的a...原创 2018-05-11 21:21:07 · 1455 阅读 · 0 评论