51dev.com IT技术开发者社区

51dev.com 技术开发者社区

微信小程序之如何实现动画效果实例展示

微信小程序之如何实现动画效果实例展示

 [html]viewplaincopy    发射[css]viewplaincopy.sure{width:10%;height:80rpx;margin-top:0rpx;margin-left:45%;background:#00ddff;b...

微信小程序之实现多个按钮toggle功能

微信小程序之实现多个按钮toggle功能

百度上很多都是只设置一个按钮的toggle,所以我现在来稍微总结下:多个按钮如何实现自身的toggle功能。原理:1,列表展示的时候,我们会用wx:for来循环数据,那么我们就会得到相应的当前的第几个数据(即wx:key="index")2.在每一个数据里面添加一个toggle的...

通过微信小程序“运维密码”实现SSH双因子认证实例教程

通过微信小程序“运维密码”实现SSH双因子认证实例教程

近来,京东、优酷等多家知名企业都发生了密码泄露,造成用户隐私泄露。可见,单一密码对敏感和重要信息进行保护力量越来越弱,所面临的挑战亦是愈发严峻。因此业内对多重认证的呼声也越来越高,而其中的双因子认证得到了业界的普遍认可。本文主要介绍SSH双因子认证,结合了当下热门的微信小程序的“运维密码...

教你在微信小程序中用wxParse解析html

教你在微信小程序中用wxParse解析html

最近项目上遇到在微信小程序里需要显示新闻内容,新闻内容是通过接口读取的服务器中的富文本内容,是html格式的,小程序默认是不支持html格式的内容显示的,那我们需要显示html内容的时候,就可以通过wxParse来实现。准备工作:首先我们下载wxParse下载完之后我们需要用到目录下的wxParse...

小程序redux性能优化,提升三倍渲染速度教程

小程序redux性能优化,提升三倍渲染速度教程

最近用户反馈我们的小程序很卡,打开商品列表需要四五秒时间,带着这个疑问,我决定对小程序做个全面的性能优化,要做性能优化,必须先理清以下三个关键点。1、产生性能问题的关键点2、度量性能指标3、寻找解决方案在阅读案例分析前,建议能先了解小程序的工作原理和性能关键点。 小程序的视图层目前使用We...

第一个mpvue小程序开发及总结

第一个mpvue小程序开发及总结

历经了接近两个月的摸索滚爬,抓头吃瓜,各种优化(单押X3),我主导开发的第一个小程序终于要上线了(SKRSKR!)!当然首先要感谢老板没有杀了我——因为在6月初我刚拿到小程序PRD的时候老板问我多久可以做好,我看了看之后说“两周”吧,咳咳,然后。。。一...

教你做微信小程序倒计时组件

教你做微信小程序倒计时组件

回想在4个月前刚刚进入公司实习时,我封装了一个应用于小程序的倒计时组件。链接在这里:微信小程序之倒计时组件以现在的视角再去看之前的实现可以说是一坨看不下去的烂代码。所以也借此机会,将之前的组件重构一番。在原来的组件中有一个initDuration属性和3个方法,3个方法分别是countDown,fo...

小程序页面效果之下载图片并且显示进度

小程序页面效果之下载图片并且显示进度

图片效果wxmljs 1downImg:function(e){2var_this=this;34//获取图片地址(https://www.playsort.cn/...)5varimg=e.currentTarget.dataset.src;67//下载监听进度8constdownloa...

从0开发美食小程序

从0开发美食小程序

为组件设置一个容器,在容器中放置搜索图标、输入框、清除文字按钮和搜索按钮。搜索container:高度100rpx,背景色#eee,flex布局。input-wrapper:高度80rpx,背景色#fff,flex布局,border-radius:20rpx。search-icon:宽高32rpx。...

微信小程序简介

微信小程序简介

一直想学习小程序,苦于比较忙,加班比较多没时间,其实这都是理由,很多时候习惯了搬砖,习惯了固定的圈子很难,也不想涉足其他的领域,但是也不能老错过一波又一波新鲜的东西吧。09年就接触微信,2013年才开始公众号开发,入行就接触C,2014年才开始IOS开发,红利期都错过了,这次必须尽快涉足了。建立这个...

vue和微信小程序的区别、比较

vue和微信小程序的区别、比较

写了vue项目和小程序,发现二者有许多相同之处,在此想总结一下二者的共同点和区别。一、生命周期先贴两张图:vue生命周期小程序生命周期相比之下,小程序的钩子函数要简单得多。vue的钩子函数在跳转新页面时,钩子函数都会触发,但是小程序的钩子函数,页面不同的跳转方式,触发的钩子并不一样。onLoad:页...

教大家如何做小程序前置授权组件

教大家如何做小程序前置授权组件

因业务上的需求,需要在某些点击区域上增加这样一层逻辑:如果该用户没有授权基本信息/手机号,在点击该区域时,先弹出微信的授权弹窗,授权成功后再进行下一步的业务操作。因为授权基本信息/手机号必须使用小程序原生的的button,然后指定open-type后通过回调才能拿到相关信息(wx.getUserIn...

小程序入门总结学习

小程序入门总结学习

须知App()必须在app.js中注册,且不能注册多个。编译后的代码包大小需小于1MB,否则代码包将上传失败。每个页面需要手动在app.json中进行注册,否则不能访问。app.json中pages数组的第一项代表小程序的初始页面,小程序中新增/减少页面,都需要对pages数组进行修改。直接修改th...

支付宝小程序日期选择组件详细介绍

支付宝小程序日期选择组件详细介绍

最近在做支付宝小程序(以下简称小程序)开发,发现小程序的日期选择组件很不好用,比如安卓和IOS设备上,样式明显不同,因为小程序调用该组件是调用系统原生组件,所以会有一定的差异,另外,小程序提供的日期组件并不满足我当前的业务需求:该日期为快递上门时间.用户只可选择的日期范围,当日往后2天(即今天,明天...

微信小程序朋友圈如何分享图片

微信小程序朋友圈如何分享图片

在小程序界里,生成图片分享到朋友圈这个功能,是如此得光芒耀眼,以至于各个小程序都趋之若鹜地前来跪倒在她的石榴裙下。不幸的是,微信爸爸并没有提供给我们很好很便捷的相关工具;恰恰相反,屏幕截屏的功能被残忍丢进历史的垃圾桶,只留下一个Canvas组件以及围绕在其周围的深渊巨坑们。所以我们准备了一套名为Pa...