5 小圣贤君

尚未进行身份认证

万丈红尘一码农

等级
TA的排名 1w+

IOS上复制粘贴号码到input有空格及input位数限制问题详解

需求说明:用户手机聚焦input后,弹出数字键盘,可以正常输入11位手机号,也可以从电话本复制电话号然后直接执行粘贴操作。问题说明:1.input聚焦时弹出数字键盘,type=number时,安卓正常,ios无效。2.当inputtype为number时,input加maxlength限制长度属性无效。3.ios上粘贴电话号到input中会有空格,且获取不到数据。问题解决:1.因...

2019-08-30 18:16:44

微信公众号开发:实人认证,活体人脸识别解决方案

实人认证:是指依托活体检测、人脸比对等生物识别技术、证件OCR识别技术等进行的自然人真实身份的校验服务。有些业务需求中,我们想要更安全准确的获取用户的真实身份,避免虚假信息的产生,就会要求用户进行实人认证,说的简单点,就是让用户拿着手机对着屏幕摇摇头,张张嘴,眨眨眼之类的,检测人脸动作后,校验真实性。我们知道,微信公众号开发中,jssdk中只有图片相关的接口方案,并没有捕获人脸相关的接口服务,...

2019-07-22 11:31:44

base64转file图片上传

在微信公众号开发过程中,有可能会碰到这种情况,手写签字生成图片,或者页面生成图片等等,然后需求是将图片上传,一般上述情况都是由canvas转成的图片,格式都是base64类型的图片,而我们的上传接口一般都是需要file类型文件,前端要是按照正常的上传思路,是没法正常上传的,除非后台接口做调整,接受base64格式图片数据。微信js-sdk有chooseImage和uploadImage,但是只能...

2019-07-15 18:48:44

Error: Loading chunk * failed,Vue Router懒加载报错问题解决方案

最近vue项目路由改成了懒加载方式,刚开始并没有什么问题,清空项目文件,重新下载配置运行后,就发现控制台报以下错误:[vue-router]Failedtoresolveasynccomponentdefault:Error:Loadingchunk10failed.刷新页面后,就不会再报错,思来想去应该使用路由懒加载后,组件加载异常导致的,但是究竟是什么原因,暂时不知...

2019-07-09 13:05:36

vue开发一个实用美观的轮播图组件

网上有不少vue开发的轮播图资源,相信读者也看过不少,这里笔者开发了一个轮播图组件,简单美观实用。先上示例图:常见的轮播图都是占满屏幕的形式,像上图所示的轮播图虽然经常见到,但是在一些常见的轮播组件中并没有这种形式,所以笔者专门针对这种形式的轮播图开发了一个组件。该组件暂时由两种形式:正常模式normal,缩放模式zoom,缩放模式即为上图所示模式。思路:1.构思常见轮播图的实现。2...

2019-06-05 17:42:38

vue使用canvas开发漂亮的多功能手写板组件

此组件主要用于vue项目内签字手写功能,可显示缩小版,全屏版两种类型,三种笔画颜色可选择,手写完成可获取手写结果。点击“重写”,会清空手写板内容;点击“完成”,会将手写板内容生成图片,此时,不可以再进行手写操作,点击重写可重新进行手写,可以在此方法中获取生成的图片信息;点击“横版/返回”,可以进行手写板缩小版和全屏版模式切换。示例图片:组件使用示例:<handwriting-...

2019-05-13 10:07:08

支付宝小程序组件库开发之手写板组件

此组件主要用于小程序内签字手写功能,可显示缩小版,全屏版两种类型,三种笔画颜色可选择,手写完成可获取手写结果。点击“重写”,会清空手写板内容;点击“完成”,会将手写板内容生成图片,此时,不可以再进行手写操作,点击重写可重新进行手写,可以在此方法中获取生成的图片信息;点击“横版/返回”,可以进行手写板缩小版和全屏版模式切换。示例图片:组件使用示例:<handwriting-b...

2019-05-09 15:19:33

支付宝小程序组件库开发之省市区三级地址选择器组件

支付宝小程序开发文档中并没有提供明确的省市区选择器,不少项目还是有地址的填写需求,根据支付宝小程序现有提供的组件以及api,完全是可以实现填写地址的需求,比如分别获取省市区,通过地图来获取地址等,但是有些人肯定还是想要省市区三级选择器来选择地址范围。支付宝小程序API中提供了级联选择my.multiLevelSelect,在笔者为之大喜的时候,结果在真机预览的时候,发现数据竟然显示不全,第三列数...

2019-05-07 11:13:55

支付宝小程序组件库开发之自定义switch组件

支付宝小程序在官方文档上已经给出了switch组件,点击这里直达Switch,官方给出的示例是这样的:结果实现出来是这样的:卧槽,坑了,有点不爽,那就自己写一个吧,也不费多大的事,下面看效果:...

2019-05-06 10:55:33

vue项目中vue-echarts讲解及常用图表方案实现

图表类的项目操作一般常见于管理平台系统,移动端项目中并不是特别常见,不常见不代表没有,在一些商城类应用中,商家需要看到商品的销量分析,盈利分析等,就需要用到图标,比较常用的图标库,像百度的ECHARTS,蚂蚁金服的AntV都是不错的图标库,感兴趣的读者可以直接到他们的官网阅读相关的资料,笔者这里不做优劣说明,主要针对vue-echarts的一些图表方案进行讲解。vue-echarts是基于ech...

2019-04-22 13:23:12

vue项目白屏问题汇总,多方案详细解决

来了,兄弟,别急,咱们慢慢往下看。项目打包之后,本地打开文件显示白屏了?微信公众号里打开项目白屏了?苹果手机打开白屏了?死活都有部分iPhone机型是白屏显示的?兄弟,别急,咱们走起……1,ios10出现白屏原因是由于ios10中Safari中错误描述如下:当你定义一个与参数同名的for循环迭代变量时,我们错误地认为这是一个语法错误。解决方法如下:进入build文件夹;找到w...

2019-04-01 11:32:27

vue页面内容生成图片并保存本地方案

既然你打开了这篇博客,那么你肯定碰到了和页面截图多少相关的问题,你在浏览器内生成图片也好,微信内生成页面图片也好,都需要面对把页面内容转成图片的问题。1.将整个页面转成图片;2.将页面内部分内容转成图片。解决方案如下:1.引入html2canvas为了更便捷有效的开发,这里可以引入html2canvas这个插件,如果读者不想采用这种方案,可以跳过下面内容,自行寻求其他解决方案。点击可以...

2019-03-29 13:55:14

小程序组件库开发之车牌号专属键盘

小程序开发过程中可能会碰到和车牌信息相关的开发,这时候就需要输入车牌号,传统的键盘输入车牌号,需要打出汉字,再选择相应的字母数字,并不是特别方便,这里笔者专门开发了车牌号键盘,可以任意选择修改省份,数字和字母。先看示例图:组件主要代码如下://components/plate-number-keyboard/plate-number-keyboard.jsComponent({...

2019-01-25 22:38:50

LeetCode答案汇总(持续更新...)

点击这里就可以直达答案库答案大部分都是以JavaScript语言作为解答语言,部分会有java解答答案,笔者会不定期更新答案库,因为每一题都是笔者一题题做出来的,所以更新速度可能会比较缓慢。每一题都有用时ms数,如果读者有更好的解答方案,可以直接留言更新。欢迎关注博主——小圣贤君,有问题可以留言哦~...

2019-01-16 18:21:43

小程序组件库开发之抽奖游戏组件

笔者在之前写了一篇关于小程序抽奖游戏组件的文章,当时的设计比较粗糙,组件的可复用性也不是很好,这里笔者新开发了一个抽奖小游戏组件,表现形式上和可复用性上都相对之前有了不小的提升。读者朋友可以先看一下实际的表现形式:小程序提供的动画实在是太难用,为了保证抽奖动画的连贯性,每一列实际上放了至少三个连在一起的图片,按照abc,bca,cab的顺序依次排放,每列放置两张,当一张图片移动完毕后,回到另...

2018-12-28 18:35:28

小程序自定义组件:摇奖小游戏

先给大家看下效果图:点击“试试手气”,就开始摇奖,当三个图片结果一致的时候即为中奖。摇奖的动画效果,使用小程序提供的动画功能:Animation第一步:设定定时器让第一列的图片能够从上向下移动,制造滚动效果。第二步:当一张图片移动消失后,回到原本的位置,更改该图片对应的显示图片,制造显示不同图片的效果。第三步:设定一个预定停止的时间,当定时达到时间后,停止定时器,将当前显示的图片显示在...

2018-11-05 15:13:08

LeetCode题库11:盛最多水的容器——JavaScript解答

题目描述:给定n个非负整数a1,a2,…,an,每个数代表坐标中的一个点(i,ai)。在坐标内画n条垂直线,垂直线i的两个端点分别为(i,ai)和(i,0)。找出其中的两条线,使得它们与x轴共同构成的容器可以容纳最多的水。说明:你不能倾斜容器,且n的值至少为2。图中垂直线代表输入数组[1,8,6,2,5,4,8,3,7]。在此情况下,容器能够容纳...

2018-10-11 18:14:38

LeetCode题库10:正则表达式匹配——JavaScript解答

题目描述:给定一个字符串(s)和一个字符模式§。实现支持‘.’和‘*’的正则表达式匹配。‘.’匹配任意单个字符。‘*’匹配零个或多个前面的元素。匹配应该覆盖整个字符串(s),而不是部分字符串。说明:s可能为空,且只包含从a-z的小写字母。p可能为空,且只包含从a-z的小写字母,以及字符.和*。示例1:输入:s=“aa”p=“...

2018-10-11 18:10:22

LeetCode题库7:反转整数——JavaScript解答

题目描述:给定一个32位有符号整数,将整数中的数字进行反转。示例1:输入:123输出:321示例2:输入:-123输出:-321示例3:输入:120输出:21注意:假设我们的环境只能存储32位有符号整数,其数值范围是[−231,231−1]。根据这个假设,如果反转后的整数溢出,则返回0。解答方案:/***@param{n...

2018-10-09 19:05:48

LeetCode题库5:最长回文子串——JavaScript解答

题目描述:给定一个字符串s,找到s中最长的回文子串。你可以假设s的最大长度为1000。示例1:输入:“babad”输出:“bab”注意:"aba"也是一个有效答案。示例2:输入:“cbbd”输出:“bb”解答方案:/***@param{string}s*@return{string}*/varlongestPalindrom...

2018-09-28 11:06:05

查看更多

勋章 我的勋章
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。