Serki-CSDN博客

原创小程序自定义TabBar实现动态配置

小程序自定义TabBar需求背景：根据用户的不同种类，来展示不同的tab菜单实现方案：主要根据官方提供的自定义TabBar方法方案描述：在app.json 中的 tabBar 项指定 “custom”: true，同时将两套tab的path配置到tabBar项中（注意：tabbar最多限制只能配置五个），不在app.json中配置会出现无法跳转或者不展示tabBar的情况例：根据自己的需求将tabBar配置好//app.json的tabBar配置 "tabBar": { "cus

2020-06-08 22:25:37 5938 1

转载小程序搜索关键字进行特殊标记

模糊搜索时，搜索结果有时会需要将关键字设置为特别的颜色，方便进行区分，一下是实现方法：wxml页面：<block wx:for="{{title}}" wx:for-item="key_obj" wx:key=""> <text wx:if="{{key_obj.key == true}}" style="color:red;">

2019-01-08 19:57:37 2083

转载微信小程序基础库版本与客户端版本对应关系

iOS 客户端版本基础库版本6.7.2 2.3.26.7.0 2.2.56.6.7 2.1.36.6.6 2.0.96.6.2 1.9.976.6.1 1.9.96.6.0 1.9.46.5.22 1.7.46.5.16 1.6.86.5.13 1.5.86.5.10 1.4.46.5.9 1.3.06.5.8 1.2.6Android 客户端版本基础库版本6.7...

2018-12-19 17:51:10 1858

转载浮点数运算的精度问题

问题描述在 JavaScript 中整数和浮点数都属于 Number 数据类型，所有数字都是以 64 位浮点数形式储存，即便整数也是如此。所以我们在打印 1.00 这样的浮点数的结果是 1 而非 1.00 。在一些特殊的数值表示中，例如金额，这样看上去有点变扭，但是至少值是正确了。然而要命的是，当浮点数做数学运算的时候，你经常会发现一些问题，举几个例子： // 加法 ===========...

2018-12-06 15:10:32 7264 1

原创 button获取用户授权以及地理位置授权回调信息

1. 获取用户授权信息<button open-type='getUserInfo' bindgetuserinfo="getUserInfo">获取用户授权</button>当前未授权的状态下每次点击都会调起授权弹窗，getUserInfo函数为弹窗点击的回调2. 获取地理位置信息<button open-type='openSetting' bindop...

2018-12-04 18:45:43 965

转载小程序的转发分享功能

在页面的js文件中定义 onShareAppMessage 函数时，表示该页面可以进行转发。可以在函数中设置页面转发的信息。1 只有定义了该函数，小程序右上角的菜单中才会有转发按钮 2 用户点击转发按钮的时候回调用该函数 3 该函数内需要 return 一个 Object，Object中包含转发的信息（可自定义转发的内容）页面中可以触发转发的地方有两个：　　一个是右上角菜单中的转发...

2018-09-13 12:13:15 944 2

原创微信小程序显示背景图片

我们可能总遇到这种情况，当我们引入本地的图片作为背景图片时（background-image）图片并未显示，引入的相对路径都是对的，导致这个现象的原因就是小程序的wxss中使用background-image时不支持显示本地图片，只支持显示线上图片和base64格式的图片，我们要转化为base64也是非常简单的：首先打开https://www.base64-image.de/网址引入要转化的图...

2018-09-10 11:50:47 2329

原创微信小程序下拉刷新、上拉加载

下拉刷新：（1）直接调用onPullDownRefresh：function（）事件，首先设置app.js以及有该需求的页面json文件中的 “enablePullDownRefresh”: true, //允许下拉刷新 “backgroundTextStyle”: “dark”, //点的颜色为黑色 “backgro...

2018-09-04 17:13:19 407

原创微信小程序客服

小程序提供了contact-button组件用户点击该按钮后会进入客服会话。 button 组件通过设置 open-type=”contact” 亦可进入客服会话例：

2018-08-30 09:37:25 252

原创小程序间的跳转，navigator标签跳转

注意：两个跳转的小程序必须要在同一公众号下才可以以往跳转我们用的是wx.navigateToMiniProgram来配置属性及一些参数进行跳转的，现已不支持该方式跳转，官方文档显示支持navigator标签跳转标签跳转时要设置相应的属性， app-id 设置要跳转的小程序的APPID path 配置跳转后进入的页面 extra-data 可以设置要携带的数据 version...

2018-08-29 14:38:40 6906

原创微信小程序工具的使用

每个编辑器都会有一些特定的测试工具，微信小程序的开发工具也提供了很多工具：console控制台，可以在此打印和调试代码，页面的数据可以以console.log()的形式在控制台打印输出，方便查看数据是否正确，小程序的错误输出会显示在此处，这和我们平时用的控制台的作用是一样的，我们也可以在控制台进行简单代码的验证network前端调用的接口会在这里显示，查看接口请求的具体信息以及接口返回的数...

2018-08-21 20:10:13 689

转载微信小程序页面跳转问题

页面跳转的几种类型： 1.wx.navigateTo(OBJECT)；其中navigateTo是将原来的页面保存在页面栈中，在跳入到下一个页面的时候目标页面也进栈，只有在这个情况下点击手机的返回按钮才可以跳转到上一个页面； 2.wx.redirectTo(OBJECT)； redirectTo和switchTab都是先清除栈中原来的页面，然后目标页面进栈，...

2018-08-17 15:16:51 328

原创微信小程序组件携带参数

通过组件来传递参数tiggerEvent,注意组件事件命名要与引用处的命名一致（加粗部分）组件test.wxml：组件js： methods: { onTap: function(e){ var myEventDetail = { id:e.target.dataset.id } // detail对象，提供给事件监听函...

2018-08-16 20:50:44 2106

原创页面跳转携带参数的获取方法

页面跳转携带参数的获取包括以下两种方法：（1）标签跳转携带参数 //a.wxml 页面传递 //b.js 页面接收参数 onLoad: function (options) { //options用于接收上个页面传递过来的参数 var that = this; that.setData({ //this.setData...

2018-08-15 19:23:04 2837

原创文字超出宽度显示省略号...

一行文字超出长度的部分显示… .word { width: 250rpx; //设置宽度 word-break: break-all; //允许在单词内换行 text-overflow: ellipsis; // 以省略号显示超出的文本 display: -webkit-box; -webkit-box-orient: vertical; //从上...

2018-08-14 09:48:06 1070

原创微信小程序中的事件冒泡问题

冒泡事件：当一个组件上的事件被触发后，该事件会向父节点传递。小程序中事件绑定对事件冒泡问题的处理： bindtap 事件绑定不会阻止冒泡事件向上冒泡 catchtap 事件绑定可以阻止冒泡事件向上冒泡 wxml: js: 父元素：touch:function(){ console.log(‘touch’); } 子元素1：first...

2018-08-13 21:32:51 2473

原创小程序TabBar栏的显示和隐藏

有的时候我们可能需要将底部的TabBar隐藏起来，比如弹出分享弹出框得时候就可设置隐藏。十分简单，参考以下： // 显示 wx.showTabBar({}) // 隐藏 wx.hideTabBar({}) 以下是小程序对应的文档： https://developers.weixin.qq.com/miniprogram/dev/api/ui-tabbar.html#wxsett...

2018-08-09 16:40:01 42694 1

原创用filter方法筛选数组中的无效对象

要求：获取数组中包含a字段的对象，不包含的去掉。 let arr = [{a:1,b:3},{c:4,d:4},{b:3,a:3}]; let res = arr.filter(function(item,index,arr){ return item.a }); console.log(res) let arr = [{a:1,b:3},{c:4,d:4...

2018-08-07 21:37:13 2509

原创运用正则方式对获取的值进行校验

最近做的一个获取修改店铺名称的例子：限制：最长不超过24字节，汉字数量1~10 下面是运用正则方式进行判断，仅供有相似需求的伙伴参考。代码可能不完整切勿直接copy运行。 let chinese = /[^x00-xff]/gi; //判断中文 let character = new RegExp( “[[`~!@#$^&amp;()=|{}’:;’,[].&lt;&gt; 《》/?~...

2018-08-07 21:25:03 362

原创微信小程序中wxml中用data-id传出的数据在js中的获取方法。

wxml: //{{id}}这里的id为js里面设置的数据； js: touch:function(e){ var id = e.target.dataset.id; console.log(id); }这样就可获取到前台页面通过点击事件传过来的值了。...

2018-08-06 22:09:20 32863 4

hansiqi0817的博客