小程序
前*端*之*路
分享前端技术,共走前端路,希望我踩过的坑,对小伙伴们有所帮助!
展开
-
微信小程序调用摄像头,实现图片压缩上传
微信小程序调用摄像头,实现图片压缩上传原创 2018-09-27 15:18:38 · 14204 阅读 · 1 评论 -
小程序分享功能调整背后的故事
有时候我们使用一个小程序会遇到以下情形:我们打开一个小程序,就看见提示“分享到5个群,可以获得一张20元的优惠券”,吸引我们去无脑分享到不同的群里;打开某个小游戏,提示我“一定要分享到xx个群,才能继续玩游戏”;……而我们在群里打开这类小程序,仍然是提示我分享的信息,这类功能无疑打断了我们对小程序/小游戏正常的功能使用。我们收到了很多用户对这类小程序/小游戏的抱怨。这类分享并非是用户主动...转载 2018-12-28 11:36:18 · 371 阅读 · 0 评论 -
小程序分享功能
之前项目中没有用到分享功能,今天用到了,查了不少资料,算是搞的比较明白,今天分享给大家,希望对大家有所帮助,闲话不说,先上效果图:点击分享按钮,会把内容分享出去,效果图如下:点击关闭分享按钮 下面的分享按钮会隐藏 点击右上角自带的分享按钮 会有如下效果:下面直接上代码,先是wxml: <view class="view"> <image class...原创 2018-12-28 16:26:23 · 12256 阅读 · 2 评论 -
图片的裁剪和自适应,微信小程序image控件的mode属性
最近在开发小程序的项目中,后台请求过来的是一堆尺寸比较大的图片,如果用image放在尺寸比较的盒子子,就会失真比较严重,图片也会变形,当时由于不知道image有mode属性 真是大费周章,但是效果还是不太好,最后问了其他开发的朋友,才知道有这个属性,今天就分享给大家。我刚开始的写法是这样的 <image class="video-picture" src=&q原创 2018-12-14 14:13:50 · 4424 阅读 · 0 评论 -
小程序常用的UI组件,实用库和小demo
weui-wxss ★852 - 同微信原生视觉体验一致的基础样式库转载 2018-12-03 13:46:54 · 1178 阅读 · 0 评论 -
小程序支付流程
微信支付作为小程序很重要的部分,今天有空,就来总结一下它 的基本流程,闲话少说,我们直接开始。一:准备工作1、小程序注册,要以公司的以身份去注册一个小程序,才有微信支付权限;2、绑定商户号。3、在小程序填写合法域完成以上工作之后,你需要拿到四个东西:小程序appid 和小程序秘钥, 这两个用于获取用户openid, 商户号id 和商户号秘钥 ,当然支付接口也是必须的;这些都都可以登录...原创 2018-12-05 10:37:23 · 3336 阅读 · 0 评论 -
wx.getRecorderManager实现把用户的录音记录并上传到服务器,然后调用接口来实现播放功能
闲话少说,直接上代码!首先wxml开始录音停止录音播放录音然后js首先使用方法获取对象const recorderManager = wx.getRecorderManager()const innerAudioContext = wx.createInnerAudioContext()然后写一个button来调用开始录音的方法。//开始录音的时候start: functio...转载 2018-12-03 11:22:49 · 7796 阅读 · 2 评论 -
小程序textarea文本域字数控制---并显示已输入字数
有时候我们在写项目的时候,用到input或者textarea的时候,可能需要对输入的字数进行一个限制和显示,效果图如下:输入文字后的效果图是这样的:下面闲话少说 把这个小功能分享给大家,先是wxml:<view class="conts"> <textarea class="areas" placeholder='空空如也,快点评论吧' minlength="...原创 2018-12-29 11:12:35 · 11362 阅读 · 3 评论