AllenZouJ-CSDN博客

原创 vue-esign实现签字功能

vue-esign签字当需要客户手写签字的时候，一款手写插件就显得尤为重要。用起来越趁手越丝滑，越好。插件特点vue-esign兼容 PC 和 Mobile；画布自适应屏幕大小变化（窗口缩放、屏幕旋转时画布无需重置，自动校正坐标偏移）；自定义画布尺寸（导出图尺寸），画笔粗细、颜色，画布背景色；支持裁剪（针对需求：有的签字需要裁剪掉四周空白）。导出图片格式为 base64 ；使用1.安装yarn add vue-esign2.页面使用<template><div

2021-09-30 11:41:42 1135

原创前端：搭建自己的个人网站

作为一名h5开发者，我常常不会满足于仅仅写页面业务逻辑和对接后端接口。（当然，如果是想当摸鱼王，我还是会满足的，哪怕只写一个静态页面，我也满足了。）我不甘心只看到界面上的这一点区域，我渴望，了解更广阔的世界。于是乎，就有了搭建自己的个人网站的想法。使用的工具和技术包括：墨刀-vue-node.js-mysql-navicate-宝塔面板步骤以下步骤不用严格按照先后顺序，比如网站备案可能要花很久，可以作为第一步。又比如，我一边开发，一边有点新想法，我又可以回来修改原型。毕竟在这里，我是产品

2021-07-02 10:14:37 6129

原创本机号码一键登录

# 本机号码一键登录## 业务需求注册登录一向是使用app最先遇到的痛点。比如我下载了一个新app，看着还有用的话，一般都会注册登录。一般注册登录的流程分以下几种：1. 要输入手机号，密码，重复密码。密码这东西你懂的，过两天就忘了。麻烦指数：**5** 颗星2. 只需输入手机号和验证码，不过验证码要手打。要么靠速记，要么复制短信。麻烦指数：**4** 颗星3. 只需输入手机号和验证码，验证码可通过剪贴板读取。有时会出现粘贴两次的bug，还得一个个删除。麻烦指数：**3** 颗星4.

2021-05-18 09:17:55 10566

原创唤醒微信小程序的几种场景

更新时间：2021/03/10业务需求：比如某公司的小程序要举办一次宣传或促销活动，为微信小程序引流，除了通过微信、朋友圈宣传，还需要非微信环境的渠道，比如短信、app、h5链接分享，用户通过点击直接跳转到微信小程序。场景一、微信外网页注意是微信外网页场景，如果把h5链接发送到微信，点击链接的话，是无法访问的。结论：可以从短信、邮件、微信外网页等场景打开小程序。参考链接：文档：URL Scheme打开小程序步骤：在小程序管理后台-工具-生成URL Scheme，生

2021-03-17 10:24:08 1410

原创开发中遇到的ios和安卓的差异性问题收集

软键盘-搜索(2020/11/26)<van-search placeholder="请输入搜索关键词" />问题描述：使用van-search搜索组件输入框聚焦时，软键盘弹起。安卓的软键盘右下角有“搜索”字样，ios没有，显示的是“换行”。解决办法：添加一个form元素在外面即可，注意必须要有aciton=""属性。<form action=""> <van-search placeholder="请输入搜索关键词" /></fo..

2020-11-26 16:02:42 338

原创 vue-cli打包后，找不到css、js文件问题的解决

搜了一些解决方案，发现很多人只贴一点代码，就说解决了。我照葫芦画瓢，却依然无法实现，这就导致我“既不知其然也不知其所以然”。于是我研究了config/index.js的配置，摸索出找到静态文件的方法，分享如下：先说需求： a.我希望打包出来的结构是：（别问为什么这么麻烦，都是项目需要/0.0\）dist- static---- v...

2019-09-27 16:40:11 8403

原创添加 wappalyzer浏览器插件

通过wappalyzer官网https://www.wappalyzer.com/方法1、直接输入网址搜索方法2、放在浏览器书签栏上，方便随时使用- 步骤1.点击首页的download-步骤2.拖动这个按钮到浏览器书签栏以后想看哪个网站的技术框架，点这个书签就好啦...

2019-09-25 14:28:11 2762

原创 laydate动态设定时间范围

需求：开始日期选定后，右边的日历不能选定早于左边的日期。结束日期选定后，左边的日历不能选定晚于右边的日期。解决代码：// 开始日期var startTime = laydate.render({ elem: '#task_start', done: function(value) { let arr = value.split("-") endTime.co...

2019-09-24 10:23:39 1877

原创点击链接 qq咨询代码

电脑端-打开电脑的qq<a href="tencent://message/?uin=123456&amp;Site=&amp;Menu=yes">立即咨询</a>手机端-打开手机qq<a href="mqqwpa://im/chat?chat_type=wpa&uin=123456&version=1&sr..

2019-03-14 10:19:40 6163