5 小圣贤君

尚未进行身份认证

万丈红尘一码农

等级
TA的排名 1w+

Flutter修仙传第二章:路由详解

在上一章中,咱们入门学习了Flutter神功,会了些皮毛,知道了输入框,单选复选等这些基础组件的使用,小生并没有讲解按钮这种基础组件的使用,像这种easy的不能再easy的组件知识点,如果你看了还不会,那么请照一下镜子,告诉自己:放弃编程吧。万丈红尘财路多,何必非做一码农?咱们已经学会了Flutter的一些皮毛,在一个页面里,咱们能够整个输入框,整个按钮了,咱们很高兴,就想着大展身手,多整几个...

2020-04-09 21:07:36

Flutter修仙传第一章:从Form入手学会组件使用

前言话说代码武林中出了一套绝世神功,名为Flutter,Android,iOS,Web等各路大侠纷纷前往,一探究竟,临前一览才发觉这套神功和Android,iOS这两派功法有着相辅相成的无尽妙处,习得Flutter神功,便可以双手出招,一拳一掌干掉Android和iOS,立于不败之地。今有习得Web神功的一名江湖小生,想要学会Flutter神功,干掉Android和iOS这两个亦敌亦友的门派,...

2020-04-02 15:26:31

IOS上从第三方页面回跳VUE页面页面不刷新问题

情景描述:IOS系统环境下,从微信的vue页面A中跳转到第三方页面B,然后点击浏览器返回按钮返回A页面。问题描述:IOS系统下,A页面没有刷新;Android正常刷新。问题解决:在A页面mounted中添加如下方法:window.onpageshow = function(e) { console.log("执行了onpageshow"); if ( ...

2020-03-11 11:34:48

html2canvas在不同设备生成图片大小不一致问题

场景描述:使用html2canvas将移动端的一整个页面或者页面中的部分内容生成图片。当要生成的内容宽高不固定时,比如:全屏显示的页面,那么,在不同分辨率设备上,就会生成出不同大小的图片,虽然生成的图片与设备显示的样式几乎一样,但是,不同的设备生成的图片就还有不小的差异,有的需求是想要生成大小一样的图片,无论在IOS或者安卓设备上,比如你生成的这张图片是一张宣传海报,那么固定尺寸的图片会有更好...

2019-11-29 15:24:02

使用vue开发一个双向展开的卷轴组件

我们在项目实践中,偶尔会为了增加页面内容的显示效果,使用卷轴展开的形式展示页面内容,以此来增加良好的交互和趣味性,卷轴的展开方式有两种,一种是向左或者向右单向展开,另一种是从中间向两边双向展开。单向展开的卷轴实现起来相对比较容易,笔者不做讲解,这里笔者主要说明双向卷轴的实现。先上效果图,感兴趣的继续,没兴趣的过。思路:1.显示未展开状态下的显示样式。2.显示完全展开状态下的显示样式。...

2019-10-18 17:55:31

html2canvas在安卓端微信里截取从相册打开的图片空白问题

需求描述:在一个页面里显示两张图片,一张静态图,一张用户从相册或者拍照获取的图,然后将这两张图片合并,并保存。问题描述:

2019-09-25 18:20:25

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

需求说明:用户手机聚焦input后,弹出数字键盘,可以正常输入11位手机号,也可以从电话本复制电话号然后直接执行粘贴操作。问题说明:1.input聚焦时弹出数字键盘,type=number时,安卓正常,ios无效。2.当input type 为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 出现白屏原因是由于ios 10中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

查看更多

勋章 我的勋章
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 签到达人
    签到达人
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 学习力
    学习力
    《原力计划【第二季】》第一期主题勋章 ,第一期活动已经结束啦,小伙伴们可以去参加第二期打卡挑战活动获取更多勋章哦。