![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
文章平均质量分 56
幽幽靖
Happlyjingjing
展开
-
微信小程序之短连接 分享转发 点击短连接就可以直接打开小程序某个页面
微信小程序之短连接 分享转发 点击短连接就可以直接打开小程序某个页面原创 2022-10-14 14:42:38 · 12928 阅读 · 1 评论 -
微信小程序之子页面动态修改导航栏标题文字内容
在实际的项目开发中,一般我们页面导航栏的标题文字都不是固定的,而是根据场景需要动态设置的,这个如何实现呢。微信官方提供的方法如下:1.设置动态的onLoad: function (options) {wx.setNavigationBarTitle({ title: options.name }) // options.name表示上个页面传过来的文字},2.直接设置onLoad: function (options) {wx.setNavigationBarTitle({ ti.原创 2022-05-04 17:39:02 · 1834 阅读 · 0 评论 -
微信小程序之绝对路径、相对路径、返回到某个页面 抛弃../../
**1、绝对路径、相对路径**小程序写了好久了 还停留在图片…/…/时代 真是out了。。。抛弃…/…/ 直接写 /images 就OK了!“./”:代表目前所在的路径“…/”:代表上一层路径“/”开头,代码根目录(绝对路径)绝对路径可以在登录过滤中使用,token过期后跳转到登录页面**2、返回到某个页面**/** * 关闭到某个页面 */ goback(pageRoute ) { let index getCurrentPages().find((原创 2022-04-26 09:48:18 · 5059 阅读 · 0 评论 -
微信小程序之点击取消,返回上页,修改上页的参数值,let pages=getCurrentPages() let prevPage=pages[pages.length - 2] // 上一页的数据
实现功能:个人中心:待追访列表:待追访详情页:1.其他页面返回 个人中心页,需重新获取数据,更新页面内容;2.待追访详情页,填写追访后,点返回,回到待追访列表,重新获取数据,更新待追访列表数据。代码实现:1.个人中心页:<view class="iconbox" bindtap="daizhuifang"> <image class="iconimg" mode="widthFix" src="../../images/kehuxitong/xsicon04.png原创 2020-12-17 11:18:47 · 1435 阅读 · 0 评论 -
微信小程序之 js 时间戳/1000 转换 秒,六个小时后,一天后,本周五 选项计算时间
1、js取当前时间的秒级时间戳parseInt(new Date().getTime()/1000);, //或Date.parse(new Date())/1000;2、将当前日期转换为时间戳。(1)、当前时间的时间戳var now = new Date();console.log(now.getTime()) //当前时间的时间戳// 将当前日期转换为时间戳,getTime()方法可返回距1970年1月1日之间的毫秒数。//也可以使用 +now ,该效果等同于now.getTim原创 2020-10-21 17:12:59 · 2678 阅读 · 0 评论 -
微信小程序之改变数组中某值,对象中某值的方法
1、更改数组中的值paraList: [ {txt:'123',chose:false}, {txt:'1234',chose:false}]let choseChange = "paraList[" + index + "].chose"this.setData({ [choseChange]: true})注意:选定数组的字符串不用写 this.data. !!!可以改变数组中某一个特定下标的值2、更改对象中的值navbarData: { isfixed: false原创 2020-09-17 14:24:23 · 1094 阅读 · 0 评论 -
微信小程序之上拉加载更多效果 scroll-view bindscrolltolower=“nextDataPage“ 方法
html<scroll-view class="newhouseinfo" scroll-y="{{true}}" bindscrolltolower="nextDataPage" bindscroll="onPageScroll" style="height:{{bodyH}}px"> <view class="picbox"> <!-- li --> </view></scroll-view>css.newhou原创 2020-07-22 17:23:18 · 398 阅读 · 1 评论 -
微信小程序之 wx.request 封装 ajax加载数据封装案例
微信小程序之 wx.requestpages 同级 创建文件夹 utils;2.utils 文件夹中创建 requst 文件夹;3.requst 中创建 文件 ajax.js api.js url.js4.ajax.js// Promise封装请求 options是一个对象里面的属性有url, data, method, load//url 对应请求路径 data对象请求的参数 method对应请求方法 load对应是否显示加载中 1显示 0不显示function原创 2020-07-17 11:47:14 · 386 阅读 · 0 评论 -
微信小程序之图片上传、多图上传、头像上传、头像获取、图片上传失败问题解决
小程序用户授权获取用户头像,需点击才可以让用户选择是否授权。图片上传失败问题解决图片上传 一定要记得修改合法域名,不然会失败,而且找不到报错信息哟!并且域名采用 https点击,用户授权,获取用户头像,上传服务器:<button class="getuserinfo" open-type="getUserInfo" lang="zh_CN" bindgetuserinfo="onG...原创 2020-04-21 10:30:28 · 3936 阅读 · 0 评论 -
微信小程序之时间选择、switch开闭按钮、picker下拉选择框
效果图:代码:html:<view class="khinputbox"> <view class="jibeninfo"> <view class="jibentit">客户来访</view> </view> <view class="yilaifang"> <view class="yilaitit"> <view>原创 2020-06-17 16:07:20 · 524 阅读 · 0 评论 -
微信小程序之滑块效果、slider用法
效果图: <!-- 资金情况 --> <view class="selconbox"> <view class="seltit">购买力</view> <view class="progressbox"> <view class="zijintit" wx:if="{{price == 0}}">未知</view> <view cl原创 2020-06-17 15:22:31 · 3348 阅读 · 0 评论 -
微信小程序之标签多选效果,取消多选,wxs判断是否包含元素,标签添加删除
效果图: <wxs module="m1"> var baohan = function(loupanlistact,index) { var boo; var index = loupanlistact.indexOf(index) if (index <0){ boo = false; }else{ boo = true;原创 2020-06-17 14:44:17 · 1149 阅读 · 0 评论 -
微信小程序之性别单选效果
效果图:代码:html: <view class="inputbox"> <view class="inptxt">性别</view> <view class="inpbox"> <radio-group bindchange="radioChange" class="inp radiogroup"> <view class="radiobox" wx:for原创 2020-06-17 11:46:49 · 9006 阅读 · 2 评论 -
小程序 路由 & 分包 & 预加载
链接分享:小程序 路由 & 分包 & 预加载:https://blog.csdn.net/mChales_Liu/article/details/98769831原创 2020-06-04 10:28:20 · 434 阅读 · 0 评论 -
微信小程序 设置input只能输入数字 text-文本输入键盘 number-数字输入键盘 idcard-身份证输入键盘 digit-带小数点的数字键盘
type 的合法值text - 文本输入键盘 number - 数字输入键盘 idcard - 身份证输入键盘 digit - 带小数点的数字键盘confirm-type 设置键盘右下角按钮的文字,仅在type='text’时生效send - 右下角按钮为“发送” search - 右下角按钮为“搜索” next - 右下角按钮为“下一个” go - 右下角按钮为“前往” done - 右下角按钮为“完成”其他相关文章:微信小程序 - 设置input只能输入数字:https:/原创 2020-05-31 10:23:57 · 8230 阅读 · 0 评论 -
微信小程序之手机号添加、拨号、验证手机号或座机号等功能
效果图:实现功能:1.填写正确的手机号后,出现添加手机号图标,最多添加五个手机号;2.可点击拨号图标拨号;// addtelinp addtelarr: function (e) { let index = e.currentTarget.dataset.index; let telnum = e.detail.value; var isPhone = /^([0-9]{3,4})?[0-9]{7,8}$/; var isMob = /^1[345789][0原创 2020-05-27 15:18:52 · 3001 阅读 · 0 评论 -
微信小程序版本自动更新
知识点1: 当用户点击左上角关闭,或者按了设备Home 键离开微信,小程序并没有直接销毁,而是进入了后台;当再次进入微信或再次打开小程序,又会从后台进入前台,只有当小程序进入后台一定时间,或者系统资源占用过高,才会被真正的销毁。知识点2: 小程序的启动分为"冷启动" 和 “热启动”.热启动是指: 小程序打开后,在一段时间内(目前:5分钟)再次被打开,此时会将后台的小程序切换到前台。冷启动是指: 小程序首次打开或销毁后再次被打开知识点3: 更新版本冷启动时, 如果发现有新版本,将会异步下载新版本的原创 2020-05-27 09:36:24 · 380 阅读 · 0 评论 -
微信小程序 身份证号码验证 15/18位身份证号码验证的正则表达式总结(详细版)
前言开发过程中,常常需要对一些输入信息进行有效性验证,使用正则表达式进行校验是最简单、效率最高的方式了,下面就来看看15/18位身份证号码验证的正则表达式吧。介绍xxxxxx yyyy MM dd 375 0 十八位xxxxxx yy MM dd 75 0 十五位地区: [1-9]\d{5}年的前两位: (18|19|([23]\d)) 1800-2399年的后两位: \d{2}月份: ((0[1-9])|(10|11|12))天数: (([原创 2020-05-26 09:41:01 · 5350 阅读 · 1 评论 -
微信小程序之监听页面滚动事件,元素隐藏效果
微信小程序之监听页面滚动事件,元素隐藏效果HTML<scroll-view class="container scrollview" style="height:{{bodyH}}px" scroll-y="{{true}}" bindscrolltolower="nextDataPage" bindscroll="onPageScroll"> //...原创 2020-05-02 11:22:14 · 2786 阅读 · 0 评论 -
微信小程序之 父子组件之间传值
父组件代码:html:<tem-mypagebtn type="{{type}}" cardid="{{xs_card.card_id}}" lid="{{lid}}" areaid="{{area_id}}" ismyilinkbox="...原创 2020-05-02 11:18:11 · 762 阅读 · 0 评论 -
微信小程序 之 pc端扫码跳转到小程序打开相应页面功能
**需要在小程序页面onload中判断options.scene所传来的参数 **if (options.scene != null) { // scene 需要使用 decodeURIComponent 才能获取到生成二维码时传入的 scene // const scene = decodeURIComponent(options.scene); const...原创 2020-04-29 12:02:10 · 1960 阅读 · 0 评论 -
微信小程序之 wx.showActionSheet 底部弹出框功能
效果图: wx.showActionSheet({ itemList: ["A","B","C"], success(res){ console.log(res.tapIndex) }, })//res.tapIndex表示用户点击的按钮序号,从上到下的顺序,从0开始其他相关文章:微信小程序----wx.showAction...原创 2020-04-19 11:29:38 · 1670 阅读 · 0 评论 -
小程序开发API之添加手机通讯录联系人wx.addPhoneContact 创建新联系人和添加到现有联系人功能
相关链接:官网:https://developers.weixin.qq.com/miniprogram/dev/api/device/contact/wx.addPhoneContact.html小程序开发API之添加手机通讯录联系人wx.addPhoneContact:https://blog.csdn.net/jackjia2015/article/details/88182312...原创 2020-04-14 10:46:59 · 9982 阅读 · 0 评论 -
微信小程序中实现点击复制的功能
微信小程序中实现点击复制的功能复制代码copywxtap: function () { wx.showToast({ title: '复制成功', }) wx.setClipboardData({ data: "复制内容", success: function (res) { wx.getClipboardData({...原创 2020-04-12 16:01:21 · 7860 阅读 · 0 评论 -
如何在小程序中实现人脸识别功能(转载)
转载链接:如何在小程序中实现人脸识别功能:https://cloud.tencent.com/developer/article/1397241转载 2020-04-12 10:46:14 · 1179 阅读 · 0 评论 -
微信小程序之数据接收渲染完成后执行其他事件、等到setData节点渲染完成再进行其他操作、vue内有类似nextTick方法
微信小程序当页面渲染则是异步进行时 setData 可以传递回调函数:this.setData({ text: 'Set some data for updating view.'}, function() { // this is setData callback})vue nextTick方法一般在异步调取时,nextTick 内写数据渲染完成后要执行的事情。。 th...原创 2020-03-30 17:41:08 · 8240 阅读 · 0 评论 -
微信小程序之转盘抽奖效果
微信小程序之转盘抽奖效果效果图:代码:html:<view class="background"> <image class="back" mode="widthFix" src="../../img/back-1.jpg" /> <image class="jiang" mode="widthFix" src="../../img/back-jia...原创 2020-02-28 17:39:12 · 1535 阅读 · 0 评论 -
微信小程序getPhoneNumber获取手机号登录、偶尔会报错的问题解决办法、code失效问题
微信小程序getPhoneNumber获取手机号效果图:(手机登录方法在上一篇文章有写:https://blog.csdn.net/ws19900201/article/details/104052811)这篇介绍微信获取手机号登录方法代码:html:<view class="mydenglu"> <view class="mylogobox"> &...原创 2020-01-20 17:28:56 · 6873 阅读 · 0 评论 -
微信小程序验证码倒计时效果、填手机号获取验证码 倒计时后重新获取效果、手机登录
微信小程序验证码倒计时效果如果写过js的倒计时,那么小程序中使用也是差不多的;代码: data: { daojishi:60, inter:'' }, daojishi: function () { this.data.inter = setInterval((res) => { this.fun(); }, 1000); }, fu...原创 2020-01-20 16:05:48 · 1417 阅读 · 0 评论 -
微信小程序上传图片、wx.chooseImage和wx.uploadFile方法上传图片
微信小程序上传图片、wx.chooseImage和wx.uploadFile方法上传图片insertImage() { wx.chooseImage({ count: 1, success: (res) => { console.log(res); // this.setData({ // picsrc: ...原创 2020-01-11 17:25:08 · 3352 阅读 · 0 评论 -
微信小程序 富文本编辑器组件 editor
微信小程序 富文本编辑器组件 editor<view class="container"> <view class="titlebox"> <input class="titleinp" placeholder="标题:" bindinput="titleinp" /> </view> <view class="articlebd"...原创 2020-01-11 17:21:04 · 3913 阅读 · 2 评论 -
微信小程序 数据滑动删除效果、左滑出删除按钮效果
微信小程序 数据滑动删除效果、左滑出删除按钮效果实现效果:代码:html:<view class="container"> <view class="tuijianlp"> <view class="lpli {{isTouchMove == index ? 'touch-move-active' : ''}}" bindtap="lpinfo"...原创 2020-01-09 14:07:21 · 1248 阅读 · 0 评论 -
微信小程序获取用户手机号码、登录授权并获取手机号、缓存存储用户是否登录
获取用户手机号码有两种方法获取用户手机号码;第一种:一条数据提交 code 、encryptedData、iv 一起提交;思路解析:1.根据缓存 判断用户是否登录;2.wx.login 发送 res.code 存储到公共数据中,等数据提交时一起提交;3.getPhoneNumber 事件,当用户同意授权手机号,得到 getPhoneNumber:ok ,提交数据,发送参数 encry...原创 2020-01-04 15:55:34 · 3104 阅读 · 0 评论 -
微信小程序 navigateBack携带参数返回、跳转传递参数
微信小程序navigateBack跳转传递参数原创 2020-01-04 15:54:01 · 11741 阅读 · 0 评论 -
微信小程序获取用户头像和昵称、点击获取用户头像昵称城市等信息、最新获取用户头像昵称总结
以前 wx.getUserInfo 会弹出一个给用户的弹窗,需要用户授权,现在需要一个点击事件来触发 wx.getUserInfo 1.只展示用户头像昵称 不做后台数据库用Open-data标签 可以不用用户授权直接获得头像和昵称<open-data type="userAvatarUrl"></open-data> //获取用户头像直接显示在...原创 2020-01-04 14:36:59 · 5527 阅读 · 0 评论 -
微信小程序实现拨打电话功能 、wx.makePhoneCall
微信小程序实现拨打电话功能wx.makePhoneCall<view class="infoconbox tel" bindtap="tel">拨打电话</view> tel: function () { //console.log(this.data.info.mobile); wx.makePhoneCall({ phoneNum...原创 2019-12-28 17:19:19 · 1416 阅读 · 0 评论 -
微信小程序之获取元素距离顶部距离、页面滚动监听
获取元素距离顶部距离、页面滚动监听onReady: function () { var that = this; var query = wx.createSelectorQuery() query.select('.lplistbd').boundingClientRect(function (res) { that.setData({ ta...原创 2019-12-27 17:56:06 · 16036 阅读 · 2 评论 -
微信小程序之下拉触底时加载下一页 下拉加载更多
html:<scroll-view class='dataContainer' scroll-y="{{true}}" bindscrolltolower="nextDataPage"> <block wx:for="{{tuijlpList}}" wx:key="index"> <view >数据:{{item.data}...原创 2019-12-26 11:36:21 · 2083 阅读 · 0 评论 -
微信小程序向原数组添加数组 前增加、后增加、删除、数组转字符串、字符串转数组
this.data.list 是原来的数组;newarray 要添加的数据;concat() 向原数组追加方法;数组开头追加this.setData({ list: newarray.concat(this.data.list)});数组末尾追加this.setData({ list: this.data.list.con...原创 2019-12-25 15:41:05 · 10372 阅读 · 0 评论 -
微信小程序 tabBar 底部导航栏
微信小程序 tabBar 底部导航栏(对于底部导航栏,小程序上给出的文档要求里面的item最少2个,最多五个)app.json{ "pages": [ "pages/index/index", "pages/fangliao/fangliao", "pages/mypage/mypage" ], "permission": { "scop...原创 2019-12-21 15:55:51 · 166 阅读 · 0 评论