微信小程序
微信小程序
前端61
比昨天更努力,让明天更美好
展开
-
微信小程序自定义弹窗开启后禁止页面上下滑动
添加自定义的弹出框后,当滚动弹框时时下边的页面也会跟着滚动解决办法:在弹出层上添加 catchtouchmove='true'注:开发者工具上不起作用,需要在真机上测试web前端交流QQ群:327814892原创 2021-05-28 14:46:35 · 380 阅读 · 0 评论 -
微信小程序流量主收益
目前开通微信小程序的流量主已经5天了,给大家展示一下这几天的收益下面是自己做的微信小程序,用来生活记账使用。可微信扫码查看原创 2020-04-29 11:01:41 · 4267 阅读 · 2 评论 -
微信小程序如何快速开通流量主
腾讯的微信小程序给个人开发者带来了很方便的盈利模式:开通流量主开通条件小程序开通流量主的门槛并不是很高,需要1000个独立 UV ,也就是说有1000个微信注册用户进入过你的小程序。一般来说,通过自己朋友圈转发二维码,或者通过在微信大群分享你的小程序,还是很容易到达1000用户的。个人小程序利用业余时间做了一个生活记账的小程序,可扫码查看。...原创 2020-04-26 15:21:24 · 1406 阅读 · 0 评论 -
微信小程序验证form表单是否填写完整
微信小程序验证form表单是否填写完整//验证form表单是否填写完整checkForm:function(){var form = this.data.formfor(var item in form){if(!form[item]){return false}}return true;},//提交车主认证 submit: function () { var tha...原创 2019-04-18 09:22:47 · 7022 阅读 · 5 评论 -
微信小程序避免网络卡顿重复提交表单(添加节流阀)
微信小程序避免网络卡顿重复提交表单(添加节流阀)//index.js var flag = true //定义一个全局变量 // 提交车主认证 submit: function () { var that = this if(flag == true){ var flag = false //关闭提交表单数据开关,直到本次提交事件完全执行结束后,打开 flag 开关 var ...原创 2019-04-18 09:27:01 · 2881 阅读 · 0 评论 -
微信小程序暂无数据组件封装
微信小程序暂无数据组件封装组件页面: <!--components/noData/noData.wxml--><view class="noData"> <image src="/images/404.png" mode="widthFix" class="noDataImg"></image> <slot></s...原创 2019-04-23 14:28:14 · 4026 阅读 · 0 评论 -
微信小程序时间戳转日期格式函数封装
微信小程序时间戳转日期格式函数封装1.创建util.js,并写入封装函数util.js文件:/** * 时间戳转化为年 月 日 时 分 秒 * number: 传入时间戳 * format:返回格式,支持自定义,但参数必须与formateArr里保持一致 */function formatNumber(n) { n = n.toString() return n[...原创 2019-04-23 15:07:16 · 867 阅读 · 0 评论 -
微信小程序最全搜索功能
微信小程序最全搜索功能主要功能:搜索点击x号清空输入框内容点击取消返回上一页面搜索数据为空提示历史记录清空历史记录点击历史记录搜索点击搜索列表带参数返回上一页面代码如下:<!--pages/carType/search/search.wxml--><!-- 搜索栏 --><view class="search-wrap">...原创 2019-04-23 16:09:48 · 5287 阅读 · 5 评论 -
微信小程序--去除页面滚动条
css代码:.father{ //父元素width: 100vw;height: 100vh;overflow-x: hidden;overflow-y: auto;}//隐藏滚动条::-webkit-scrollbar {width: 0;height: 0;color: transparent;display: none;}...原创 2019-05-07 11:39:40 · 2576 阅读 · 1 评论 -
微信小程序仿朋友圈查看全文效果
微信小程序仿朋友圈查看全文效果效果:主要思路:初始样式设置一个固定高度,设置overflow: hidden;点击查看原文,高度设置为auto在初始样式下 添加蒙版营造渐变效果,点击查看原文取消蒙版主要代码:html:<view class="wrapp1 {{is_zk?'wrapp2':''}}">00000000000000000000000000000...原创 2019-07-08 14:10:38 · 2414 阅读 · 0 评论 -
微信小程序input只能输入小数点前8位,后2位的正则验证
微信小程序input只能输入小数点前8位,后2位的正则验证代码如下: //获取充值金额 btnInput: function(e) { var that = this; var mesValue //正则验证,充值金额仅支持小数点前8位小数点后2位 if (/^\d{1,8}(\.\d{0,2})?$/.test(e.detail.value)) { ...原创 2019-07-05 10:23:02 · 3333 阅读 · 1 评论 -
微信小程序生成小程序码以及参数的获取
一、小程序码介绍通过后台接口可以获取小程序任意页面的小程序码,扫描该小程序码可以直接进入小程序对应的页面,所有生成的小程序码永久有效,可放心使用。 目前小程序码有两种形式,推荐生成并使用小程序码,它具有更好的辨识度,且拥有展示“公众号关注组件”等高级能力。二、获取小程序码1.小程序太阳码(推荐使用)接口A官方文档地址接口B官方文档地址2.普通二维码(不推荐使用)接口C官方文档...原创 2019-07-18 13:58:56 · 9245 阅读 · 0 评论 -
微信小程序wxs
1.wxs介绍2.具体用法<!--pages/detail/detail.wxml--><!-- 保留两位小数 --><wxs module = "foo"> module.exports = { toStr:function(n){ n = n.toFixed(2) return n } } ...原创 2019-07-12 09:29:35 · 164 阅读 · 0 评论 -
微信小程序语音搜索功能
微信小程序语音搜索功能功能简介:微信小程序实现语音搜索(模仿微信发送语音功能)按住按钮说话,松开按钮自动识别主要用到的技术:1.微信录音api2.后台调用百度语音实现录音转化成文字返回前端 //(bindtouchstart="touchStart" bindtouchend="touchEnd" 方法可以实现长按按钮功能) <view class="voiceRecord...原创 2019-04-16 21:55:12 · 2423 阅读 · 0 评论 -
微信小程序input输入框输入数字时只能输入小数点后两位
input输入框输入数字时只能输入小数点后两位通过正则验证保证,方法如下:moneyInput(e) { var money; if (/^(\d?)+(\.\d{0,2})?$/.test(e.detail.value)) { //正则验证,提现金额小数点后不能大于两位数字 money = e.detail.value; } else { mon...原创 2019-03-27 19:21:45 · 14243 阅读 · 5 评论 -
微信小程序用户及时更新到最新版本
小程序先提交了一个版本,但是用的时候发现了一些问题需要及时的更新,这时候就要发布新版本。如何让用户自己的小程序也更新到最新版本呢?一、运行机制小程序启动会有两种情况,一种是「冷启动」,一种是「热启动」。假如用户已经打开过某小程序,然后在一定时间内(五分钟)再次打开该小程序,此时无需重新启动,只需将后台态的小程序切换到前台,这个过程就是热启动;冷启动指的是用户首次打开或小程序被微信主动销毁后...转载 2019-01-06 11:59:01 · 5363 阅读 · 0 评论 -
微信小程序setData对数组的某一对象的一个属性赋值
var s = 'songArr[' + index + '].isCollected' that.setData({ [s]: true }) ```原创 2019-01-06 16:07:38 · 3075 阅读 · 0 评论 -
微信小程序完全去除button默认样式
微信小程序完全去除button默认样式button{background-color:rgb(247, 247, 247); //可根据自己的背景颜色自行设置border-radius: 0rpx;padding:0rpx;margin:0rpx;display: inline-block;line-height: 1;}button::after{ /*button的边框样式...原创 2019-03-09 12:25:49 · 7776 阅读 · 2 评论 -
微信小程序components组件封装(消息提示框)
微信小程序components组件封装(消息提示框)一 、文件列表 根目录下创建 组件模板二 、写入组件模板样式&amp;lt;!--components/tips/tips.wxml--&amp;gt;&amp;lt;!-- 模态对话框 --&amp;gt;&amp;lt;view class=&quot;mask&quot; catchtouchmove=&quo原创 2019-03-07 16:16:19 · 1970 阅读 · 0 评论 -
微信小程序请求后台接口数据并处理数据
微信小程序请求后台接口数据(比较完整标准的写法)//请求提现记录数据 getRocordList: function (store_id){ var that = this var recordList = [] $http.post('url',{ //$http.post 为封装好的请求 store_id: store_id }).then(res=>{ ...原创 2019-03-20 19:51:09 · 5263 阅读 · 0 评论 -
微信小程序登陆组件封装
微信小程序登陆组件封装// components/login/login.js//获取应用实例const app = getApp();var $http = require('../../utils/http.js');var util = require('../../utils/util.js');Component({/*** 组件的属性列表*/properties: ...原创 2019-03-20 20:01:27 · 1822 阅读 · 0 评论 -
微信小程序 wx.request请求封装
微信小程序 wx.request请求封装摘要:为了项目的可维护性更高,我们通常会对wx.request请求进行封装。本片文章 重点讲解如何封装wx.request请求一.文件列表下创建文件 http.js二.在此文件下封装函数/**** * wx.request 封装 */const apiHttp = "https://***.****.com/***/***/***.";c...原创 2019-03-23 21:26:42 · 511 阅读 · 0 评论 -
微信小程序如何利用 canvas一键生成海报并保存到本地?纯前端完成
微信小程序如何利用 canvas一键生成海报并保存到本地?纯前端完成摘要:今天项目中遇到生成带二维码的图片,并可以保存到本地发到朋友圈。于是网上各种搜索查看,终于完美解决,特此总结一下,如果需要请做参考。**先来看一下效果:**点击按钮生成带二维码的图片代码如下:wxml:<!-- 模态对话框 --><view class="mask" catchtouchmov...原创 2019-03-23 21:58:37 · 5051 阅读 · 4 评论 -
微信小程序 复制文本
微信提供了复制文本的api:wxml:<view class="song-singer" bindtap='copyText'> <view class="sin">{{ authorname }} - </view> <view class="son">{{ name }}</view&a原创 2018-12-29 18:47:24 · 885 阅读 · 0 评论