hansiqi0817的博客

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

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

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...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

要求：获取数组中包含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...

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

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