分类归档

小程序

FWQ
小程序
如何限制Webpack压缩图片的大小
这次给大家带来如何限制Webpack压缩的大小,限制Webpack压缩图片大小的有哪些,下面就是实战案例,一起来看一下。 问题的起因是因为的我的图片大小大于url-loader 的尺寸标准,导致webpack自动将图片的路径做了压缩处理,直接导致了我在获取dom的value的时候无法正确的获取到图片的正确路径。 直接上解决的方法。 picUpload(e) { let image = new Image(); const reader = new FileReader(); const $img = e.target.files[0]; const formData = new FormData(); formData.append('pic', $img); reader.onload…
2024-11-25 阅读全文 →
FWQ
小程序
使用Android实现微信小视频录制功能详细介绍
这篇文章主要介绍了android 微信小视频录制功能实现详解的相关资料,这里提供了具体的实现思路及代码,需要的朋友可以参考下 Android 微信小视频录制功能 开发之前 这几天接触了一下和视频相关的控件, 所以, 继之前的微信摇一摇, 我想到了来实现一下微信小视频录制的功能, 它的功能点比较多, 我每天都抽出点时间来写写, 说实话, 有些东西还是比较费劲, 希望大家认真看看, 说得不对的地方还请大家在评论中指正. 废话不多说, 进入正题. 开发环境 点击下载“”; 最近刚更新的, 没更新的小伙伴们抓紧了 Android Studio 2.2.2 JDK1.7 API 24 Gradle…
2024-11-25 阅读全文 →
FWQ
小程序
小程序能支付宝支付吗
微信小程序里面的程序软件属于内嵌于微信的服务,支持微信支付,但不能使用支付宝支付。 支付宝小程序可以使用支付宝支付,接入支付宝支付的方法: 第一步:创建小程序 要在您的小程序内使用小程序支付功能,您需要首先完成 开发者入驻 并 创建小程序。 第二步:添加功能 小程序创建完成后,开发者在 功能列表 部分可以点击 添加功能 来给创建的小程序添加功能,如下图所示;开发者勾选 小程序支付 功能后,点击右下角 确定 即完成添加功能。 推荐:《》 以上就是小程序能支付宝支付吗的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
关于微信小程序中弹框和模态框的实现
这篇文章主要介绍了微信小程序 弹框和模态框实现代码的相关资料,需要的朋友可以参考下 微信小程序 弹框和模态框实现代码 实现效果图: 实现代码:               <view>       <view>       </view>      <view></view>     </view> 登录后复制 /*模态框*/ .wxapp-modal{  width: 100%;  height: 100%;  position: fixed;  top: 0px;  left: 0px;  z-index:999; } .wxapp-modal .content{  width: 100%;  bottom: 10px;  text-align: center;  position: absolute; } .wxapp-modal .content .header{…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序实现登录页云层漂浮的动画效果
微信小程序目前的火热程度相信不用多言,最近利用空余时间用小程序实现了个动态的登录页效果,所以下面这篇文章主要给大家介绍了利用微信小程序实现登录页云层漂浮动画效果的相关资料,需要的朋友可以参考借鉴,下面来一起看看吧。 前言 2017年前端火了,微信小程序、weex、reactnative,就连支付宝也搞起了小程序,总感觉这是原生要毁灭的节奏啊,我也乘热上车万一波。 上效果图(GIF动态图) 当我看到这张背景图的时候,强迫症立马来了,这云朵为什么不动,于是开始了一波折腾。 知识点 认识animation animation 属性是一个简写属性,用于设置六个动画属性: 值 描述 animation-name 规定需要绑定到选择器的 keyframe 名称 animation-duration 规定完成动画所花费的时间,以秒或毫秒计 animation-timing-function 规定动画的速度曲线 animation-delay 规定在动画开始之前的延迟 animation-iteration-count 规定动画应该播放的次数 animation-direction 规定是否应该轮流反向播放动画 认识translate 方法特别多,本文主要用2个。 translate3d(x,y,z)定义…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序实例:实现系统时间、时间戳时间以及时间戳加减的获取代码
本篇文章给大家带来的内容是关于微信小程序实例:实现系统时间、时间戳时间以及时间戳加减的获取代码 ,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 //获取当前时间戳     var timestamp = Date.parse(new Date());     timestamp = timestamp / 1000;     console.log("当前时间戳为:" + timestamp);   //获取当前时间     var n = timestamp * 1000;     var date = new Date(n);     //年     var Y = date.getFullYear();     //月     var M = (date.getMonth() + 1 <pre class="brush:js;toolbar:false;">//时间、时间戳加减 以加一天举例,聪明的你肯定触类旁通     //加一天的时间戳:     var tomorrow_timetamp = timestamp + 24 * 60 * 60;     //加一天的时间:     var n_to = tomorrow_timetamp * 1000;     var tomorrow_date = new Date(n_to);     //加一天后的年份     var Y_tomorrow = tomorrow_date.getFullYear();     //加一天后的月份     var M_tomorrow = (tomorrow_date.getMonth() + 1 <p>相关推荐:</p><p><a href="http://www.php.cn/xiaochengxu-408109.html" target="_blank" title="小程序:防止点击遮罩层后遮罩层下面也反应的解决方法">小程序:防止点击遮罩层后遮罩层下面也反应的解决方法</a></p><p><a href="http://www.php.cn/xiaochengxu-408108.html"…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序开发上传图片功能实例分享
本文主要和大家分享微信小程序开发上传图片功能实例,希望能帮助到大家。 一.了解wx.chooseimage(object) 二.代码编程 在pages文件里面创建uploadimg文件夹 1.编写页面结构:uploadimg.wxml <view><button>获取图片</button>  <image></image>   </view> 登录后复制 2.设置数据:uploadimg.js //获取应用实例   var app = getApp()   Page({ data: {          tempFilePaths: '',  }, /**   * 上传图片  */ chooseimage: function () {   var _this = this;   wx.chooseImage({   count: 1, // 默认9   // 可以指定是原图还是压缩图,默认二者都有   sizeType: ['original', 'compressed'],  // 可以指定来源是相册还是相机,默认二者都有 sourceType: ['album', 'camera'],   // 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片   …
2024-11-25 阅读全文 →
FWQ
小程序
关于公众号支付的详细介绍
欢迎留言、转发微信极速开发系列文章:点击这里前几篇文章介绍了微信支付。 公众号支付、微信扫码支付、刷卡支付、微信买单此文来聊聊微信商户中的支付工具—-现金红包现金红包.png准备工作【官方文档】一、开通现金红包权限在使用现金红包之前,请前往开通现金红包功能。操作路径:【登录微信支付商户平台——>产品中心——>现金红包——>开通】。二、下载API证书商户调用微信红包接口时,服务器会进行证书验证,请在商户平台下载证书现金红包-下载证书.png现金红包-下载之后的文件.png有人要问这么多证书到底使用那个呢?跟开发语言有关系吗?什么语言使用什么证书,以及如何使用可以参考截图中的证书说明.txt内容如下:欢迎使用微信支付! 微信支付API共四份(证书pkcs12格式、证书pem格式、证书密钥pem格式、CA证书),为接口中强制要求时需携带的证书文件。 证书属于敏感信息,请 1. 简介:欢迎留言、转发微信极速开发系列文章:点击这里前几篇文章介绍了微信支付。 公众号支付、微信扫码支付、刷卡支付、微信买单此文来聊聊微信商户中的支付工具—-现金红包现金红包.png准备工作【官方文档】一、开通现金红包权限在使用现金红包之前,请前往开通现金红包功能。操作路径:【登录微信支付商户平台——>产品中心——>现金红包——>开通】。二、下载API证书商户调用微信红包接口时,服务… 2. 简介:欢迎留言、转发微信极速开发系列文章:点击这里前几篇文章介绍了微信支付。 公众号支付、微信扫码支付、刷卡支付、微信买单此文来聊聊微信商户中的支付工具—-现金红包现金红包.png准备工作【官方文档】一、开通现金红包权限在使用现金红包之前,请前往开通现金红包功能。操作路径:【登录微信支付商户平台——>产品中心——>现金红包——>开通】。二、下载API证书商户调用微信红包接口时,服务… 3. 简介:微信小程序的支付和微信公众号的支付是类似的,对比起来还比公众号支付简单了一些,我们只需要调用微信的统一下单接口获取prepay_id之后我们在调用微信的支付即可。今天我们来封装一般node的支付接口!!!首先调用统一下单接口我们需要知道一些信息var bookingNo = ‘davdian’ + this.createNonceS… 4. 简介:微信小程序的支付和微信公众号的支付是类似的,对比起来还比公众号支付简单了一些,我们只需要调用微信的统一下单接口获取prepay_id之后我们在调用微信的支付即可。  今天我们来封装一般node的支付接口!!! 5. 简介:欢迎留言、转发 微信极速开发系列文章:点击这里 前几篇文章介绍了微信支付。 公众号支付、微信扫码支付、刷卡支付、微信买单 此文来聊聊微信商户中的支付工具现金红包 准备工作 【官方文档】 一、开通现金红包权限 在使用现金红包之前,请前往开通现金红包功能。操作路径:【登录微信支付商户平台——>产品中心——>现金红包——>开通】。 二、下载API证书 商户调用微信红包接口时,服务器会进行证… 6.…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序模拟cookie的实现
本篇文章主要介绍了微信小程序模拟 cookie的实现,内容挺不错的,现在分享给大家,也给大家做个参考。 开发背景 现有系统已经有一套完整的接口,用户状态、验证都是基于 cookie 的。 部分业务要上小程序版本,众所周知,微信小程序不支持 cookie 的。要上线的业务,最好的方式还是基于现有这套接口做,改动不大,也最快。 模拟 cookie 通过浏览器的开发工具,Network 栏查看请求,浏览器中的 cookie 会携带在每个 http 的 Request Headers 里面,用 Cookie 作为键名。 那么,在微信官方请求方式 wx.request 中,我们设置 header,添加一个 Cookie 应该可以得以模拟。…
2024-11-25 阅读全文 →
FWQ
小程序
详解小程序开发之wx:key
这篇文章主要介绍了微信小程序 wx:key详细介绍的相关资料,并附简单代码实例,帮助大家学习理解,需要的朋友可以参考下 微信小程序 wx:key 在自己学习的时候不是多明白到底是怎么回事,经过上网查阅资料,整理下:   个人感觉官方给出的例 子不是很明确,官方解释如下: wx:key 如果列表中项目的位置会动态改变或者有新的项目添加到列表中,并且希望列表中的项目保持自己的特征和状态(如 中的输入内容, 的选中状态),需要使用 wx:key 来指定列表中项目的唯一的标识符。 wx:key 的值以两种形式提供 ,代表在 的 中 item 的某个 property,该 property 的值需要是列表中唯一的字符串或数字,且不能动态改变。 保留关键字 *this 代表在 for…
2024-11-25 阅读全文 →