文章
关键词 [ ] 的搜索结果:
-
微信小程序登录页:CSS实现动画云层漂浮
前言2017年前端火了,微信小程序、weex、reactnative,就连支付宝也搞起了小程序,总感觉这是原生要毁灭的节奏啊,我也乘热上车万一波。上效果图(GI动态图)微信小程序动画当我看到这张背景图的时候,强迫症立马来了,这云朵为什么不动,于是开始了一波折腾。知识点认识animationanimation 属性是一个简写属性,用于设置六个动画属性:值 描述animation-name …
-
微信官方开发者工具如何导入小程序源码demo
最近有很多网友私信问我们网站上下载的那些小程序源码,怎么将它导入到小程序开发者工具中呢?因为问的人太多,今天就统一整理文章与大家分享,希望大家以后针对这个问题就不要再私信问我了。1:安装后图标:登录,随意一个微信号,扫描后即可登录2:选择无appleid;项目名称随意,地址选择下载好的demo文件夹注意,假如看不到效果,或者跳出这个错误有可能是项目目录选择错误了,要选择app.json文件的根目录…
-
关于微信小程序中图片处理的问题总结
在小程序的开发过程中,页面布局中,我们经常会遇到一些图片处理的问题,比如,如果图片不是固定高度和高度,但image设置的是固定的高度和宽度,这时候原始图片相对image设置的固定高度和宽度不是等比例大小,那么这张图片就会变形,变的不清晰。这时就可以使用下面的等比例缩放的方式缩放图片,让图片不变形。或者通过image的bindload方法动态的获取图片的高度和宽度,动态的设置图片的高度和宽度,是图片…
-
用tp框架实现微信支付的代码实例
这篇文章主要为大家详细介绍了Thinkphp微信公众号支付接口,感兴趣的小伙伴们可以参考一下本文实例为大家分享了Thinkphp微信公众号支付接口,供大家参考,具体内容如下第一步 先把文件夹的那两个图片 配置成一样的路径 除了域名要改 其他保持一致。第二步 把 Weixinpay 这个文件夹放在 \ThinkPHP\Library\Vendor 将Weixinpay文件夹放置到这个Vendo…
-
微信小程序中range-key多列选择器的使用示例
这篇文章主要为大家详细介绍了微信小程序多列选择器range-key的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下本文实例为大家分享了微信小程序多列选择器的具体代码,供大家参考,具体内容如下<picker mode="multiSelector" bindchange="bindMultiPickerChange2" bindcolumnc…
-
微信小程序异步处理详解
异步处理就是按照不同步的程序处理问题。异步处理与同步处理是对立的,而产生他们的是多线程或者多进程。异步处理的好处就是提高设备使用率,从而在宏观上提升程序运行效率,但是弊端就是容易出现冲突操作和数据脏读。同步则刚好相反,同步是一种降低设备使用率,在宏观上降低了程序的运行效率,而且很多系统或者是运行环境在处理同步的时候为了维持同步的有效性也会付出许多格外的系统资源开支,对性能影响相当大。但是同步保证了…
-
小程序开发–选择器多级联动
近段时间由于一直沉迷王者农药无法自拔,在这先自我检讨...首先说下今天要做的需求:如下图,是前段时间给APP中添加的客诉功能。iOS.gif能看到,里面涉及到了选择器多级联动(这里就两级)。然而,上星期三的时候接手了公司的小程序,说是小程序,其实也就两三个页面,要我把APP上的功能加上去,其中包括这个“我要投诉”的页面,综合了下安卓的选择器效果,下面看小程序上做出后的效果如下图:小程序.gif先大…
-
微信小程序实现添加手机联系人功能实现方法
本文主要介绍了微信小程序实现添加手机联系人功能,结合实例形式分析了微信小程序添加联系人的具体步骤,包括布局与逻辑实现技巧,需要的朋友可以参考下,希望能帮助到大家。本文实例讲述了微信小程序实现添加手机联系人功能。分享给大家供大家参考,具体如下:1、效果展示 2、关键代码1)WXML文件<view bindlongtap="phoneNumTap">phoneNum…
-
微信小程序表单验证功能完整实例
结合完整实例形式,分析了微信小程序完成表单验证功能所涉及的视图与逻辑操作技巧,本文主要介绍了微信小程序表单验证功能,需要的朋友可以参考下。本文实例讲述了微信小程序表单验证功能。分享给大家供大家参考,具体如下:Wxml<form bindsubmit="formSubmit" bindreset="formReset"> <input nam…
-
微信小程序之rich-text教程详解
这篇文章主要介绍了 微信小程序 rich-text的使用方法的相关资料,这里提供属性及方法并实现实例,帮助大家学习理解,需要的朋友可以参考下 微信小程序 rich-text的使用方法rich-text属性:nodes 类型:Array / String 结点列表 / HTML String全局支持class和style属性,不支持id属性。结点类型:type = node , name 标签名 S…
-
微信小程序中Promise进行异步流程处理的实现过程
这篇文章主要介绍了微信小程序中使用Promise进行异步流程处理的实例详解的相关资料,这里详细说明该如何使用Promise 来进行异步流程的处理,提供具体实现步骤,需要的朋友可以参考下微信小程序中使用Promise进行异步流程处理的实例详解我们知道,JavaScript是单进程执行的,同步操作会对程序的执行进行阻塞处理。比如在浏览器页面程序中,如果一段同步的代码需要执行很长时间(比如一个很大的循环…
-
微信小程序Promise简化回调实例分享
Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现,ES6 将其写进了语言标准,统一了用法,原生提供Promise对象。本文主要和大家介绍微信小程序使用Promise简化回调,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧,希望能帮助到大家。所谓Promise,简单说就是一个容器,里面保存着某个未来才会…
-
有关微信小程序页面间的跳转如何监听事件详解
在微信小程序的开发过程中,我们可定会遇到页面间相互跳转的需求,那么如何监听页面跳转之间的事件呢?我们在之前的一篇文章:艺龙微信小程序框架组件研究(附源码)为例,来看一看小程序在页面之间相互跳转时的事件机制。我们知道小程序提供打开新页面、页面重定向、页面返回、tabBar切换四种改变视图的机制,托管了页面的生命周期,并为应用提供了相应的生命周期事件,方便应用各阶段的业务处理,但页面之间相互跳转并没有…
-
微信小程序中获取验证码倒计时60s的实例分析
这篇文章主要为大家详细介绍了微信小程序实现倒计时60s获取验证码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下本文实例为大家分享了微信小程序倒计时获取验证码的具体代码,供大家参考,具体内容如下1、工具类(引用微信小程序提供的工具类)countdown.jsclass Countdown { constructor(options = {}) { Object.assign(this, { op…
-
微信小程序使用JS实现注册60s倒计时功能
这篇文章主要介绍了微信小程序注册60s倒计时功能,以及使用JS实现注册60s倒计时功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下微信小程序+WEB使用JS实现注册【60s】倒计时功能开发步骤:1、效果图: 2、页面仅仅利用了JS的相关功能,包含:wxml、js、wxss 2.1wxml页面代码:<text>绑定手机</text> <form bindsubm…
-
实例讲解微信小程序倒计时功能
微信开发现在越来越火,倒计时功能是一个比较常见的功能,比如用户获取验证码就需要用到。倒计时功能在项目开发中经常会用到,今天小编给大家介绍下微信小程序倒计时功能实现代码,需要的朋友参考下吧,希望能帮助到大家。直接看看代码吧//倒计时60秒 function countDown(that,count) { if (count == 0) { that.setData({ timeCountDownTo…
-
微信小程序如何实现对接七牛云存储的实例
本篇文章主要介绍了小程序对接七牛云存储的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧前言:做小程序有一段时间了,总结一下做过的技术点,特此贡献给小伙伴们!项目中,有图片存储、视频存储、录音存储这三个需要云对接存储。一、图片/视频/录音上传七牛对接准备工作:a、你要有一个七牛账号,实名认证后,在七牛的个人中心,有个秘钥管理-里面有一对秘钥,是上传必须的。这对秘钥…
-
在微信小程序开发中如何实现侧边栏滑动效果的方法详解
摘要: 在手机应用的开发中侧边栏滑动是很常见的功能,当然在小程序中也不会例外,但是小程序出来不久,很多特效还没有成熟案例,只能原生重写,所以今天在网上为大家收集整理来四个非常漂亮的侧边栏特效~~ NO1.侧边栏的滑 ...在手机应用的开发中侧边栏滑动是很常见的功能,当然在小程序中也不会例外,但是小程序出来不久,很多特效还没有成熟案例,只能原生重写,所以今天在网上为大家收集整理来四个非常漂亮的侧边…
-
微信小程序开发之选项卡(窗口底部TabBar)页面切换实现
本文主要介绍了微信小程序开发之选项卡(窗口底部TabBar)页面切换的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧微信小程序开发中窗口底部tab栏切换页面很简单很方便.代码:1.app.json//app.json { "pages":[ "pages/index/index", "pages/logs/logs" ], &qu…
-
微信小程序开发实现tabs选项卡效果实例代码
小女子也是刚入门微信小程序不久,发现微信内部很多组件都已经封装好了,但是却没有tab选项卡效果的组件,最近正好需要用到,就研究了一下。整理出来供大家一起探讨学习,哪里有问题或者可以改进的地方,欢迎大家指点吐槽。首先点击导航的时候需要两个变量,一个存储当前点击样式类,一个是其它导航默认的样式类选项卡内容列表同样也需要两个变量,一个存储当前显示块,一个存储的是其它隐藏的默认块使用三目运算通过点击获取导…