底部导航栏 on 我的博客https://blog.suoyiran.tech/tags/%E5%BA%95%E9%83%A8%E5%AF%BC%E8%88%AA%E6%A0%8F/Recent content from 我的博客Hugozh-CN本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！Sat, 12 Jan 2019 09:05:23 +0800小程序Promise不支持finally解决方案https://blog.suoyiran.tech/post/%E5%B0%8F%E7%A8%8B%E5%BA%8Fpromise%E4%B8%8D%E6%94%AF%E6%8C%81finally%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/Sat, 12 Jan 2019 09:05:23 +0800https://blog.suoyiran.tech/post/%E5%B0%8F%E7%A8%8B%E5%BA%8Fpromise%E4%B8%8D%E6%94%AF%E6%8C%81finally%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/ 小程序Promise不支持finally解决方案

作者：前端老李（）

代码片段

点击链接即可在微信开发者工具中查看代码wechatide://minicode/t2eidemj7P3X

基本思路

小程序的Promise是不支持finally方法的，这样有一些操作就不太方便玩了，比如hideLoading，总不能在resolve和reject写两遍吧，这样不优雅。其实稍微有些经验的前端开发工程师都清楚，如果一个东西原生不支持，可以引入他的polyfill库，小程序上也是从这个思路出发的，不过小程序有两个比较坑的地方，就是我们取不到全局变量，换句话说就是直接console.log(this),结果是undefined。

本文2019-01-12首发于我的博客，最后修改于2019-01-12

]]>微信小程序小程序自定义tabBar再探索https://blog.suoyiran.tech/post/%E5%B0%8F%E7%A8%8B%E5%BA%8F%E8%87%AA%E5%AE%9A%E4%B9%89tabbar%E5%86%8D%E6%8E%A2%E7%B4%A2/Fri, 02 Nov 2018 13:23:01 +0800https://blog.suoyiran.tech/post/%E5%B0%8F%E7%A8%8B%E5%BA%8F%E8%87%AA%E5%AE%9A%E4%B9%89tabbar%E5%86%8D%E6%8E%A2%E7%B4%A2/ 小程序自定义tabBar再探索

作者：前端老李（）

19年9月7日更新日志

在微信客户端7.0.5版本，小程序基础库版本2.8.0+中，__wxConfig.tabBar.list.item这个对象，不再包含iconPath和selectedIconPage字段，之前的代码实现中，是依赖这两个字段的，所以可能引起问题：图标不显示，解决方案：

本文2018-11-02首发于我的博客，最后修改于2018-11-02

]]>微信小程序微信小程序自定义底部导航栏组件https://blog.suoyiran.tech/post/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E8%87%AA%E5%AE%9A%E4%B9%89%E5%BA%95%E9%83%A8%E5%AF%BC%E8%88%AA%E6%A0%8F/Wed, 17 Oct 2018 10:48:58 +0800https://blog.suoyiran.tech/post/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E8%87%AA%E5%AE%9A%E4%B9%89%E5%BA%95%E9%83%A8%E5%AF%BC%E8%88%AA%E6%A0%8F/ 微信小程序自定义底部导航栏组件

作者：前端老李（）

代码片段地址

可直接点击链接在微信开发者工具上查看 wechatide://minicode/d3Cfrfmi7L3v

效果预览图

此预览图是作者通过底部导航栏实现的效果并不是本代码的效果

起步

目前大部分小程序是有底部导航栏的，用户可以通过底部导航栏进入不同业务的页面，小程序实际上是可以通过简单的配置实现一个这样的东西(app.json)，简单使用的够用的，不过如果想进行更多的骚操作(比如通过判断用户身份，展示不同的导航，突出中间的导航栏引导用户点击…)，就需要自己自定义了。

本文2018-10-17首发于我的博客，最后修改于2018-10-17

]]>微信小程序