微信小程序踩坑系列之扫普通链接二维码打开小程序

摘要：微信小程序后台中有一个“扫普通链接二维码打开小程序”的设置。说人话就是：用户可以把某一个链接生成二维码，扫这个二维码后就能跳转到指定的小程序。虽然这个需求很人性化，配置起来也比较简单。但难的是扫码后会出现各种神奇的问题！例如......

作者:艺灵设计　-　来源:http://www.yilingsj.com　-　发布时间:2022-09-01　-　阅:8278　-　积分:0

[源码]uni-app跨端开发微信小程序之自定义TabBar.zip

......

作者:　-　来源:　-　发布时间:2021-05-31　-　阅:157　-　积分:0

uni-app跨端开发微信小程序之nodejs与后端通信并动态打包项目以适应多环境开发

摘要：这篇文章主要的目的是分享一个可与后端接口通信的自动化脚本插件，实现不同环境下可打包成不同配置的微信小程序源码。全程靠命令行自动发起请求、修改配置文件、自动编译，解放双手不是梦！......

作者:艺灵设计　-　来源:http://www.yilingsj.com　-　发布时间:2021-05-22　-　阅:1001　-　积分:0

uni-app跨端开发微信小程序之手把手带你写一个用程序自动打开微信开发者工具的小插件

摘要：本文通过获取微信开发者工具安装路径、调用shelljs执行vue-cli编译命令、fs和path组合来读取编译后的目录、动态修改AppId和title这四个方面入手，一步步带领看官制作一个自动打开微信开发者工具的小插件，完美解决日常多环境开发的硬性需......

作者:艺灵设计　-　来源:http://www.yilingsj.com　-　发布时间:2021-05-04　-　阅:1402　-　积分:0

uni-app跨端开发微信小程序之HBuilderX项目实现多环境开发

摘要：由于市场的需求不断变化，原有的开发环境和生产环境已经无法满足需求，多环境开发已经是越来越多的公司要面临的问题。本文先介绍如何将HBuilderX创建的uni-app项目转换成vue-cli项目，紧接着通过cross-env实现多环境的配置，最后通过配置文件......

作者:艺灵设计　-　来源:http://www.yilingsj.com　-　发布时间:2021-05-02　-　阅:2424　-　积分:0

uni-app跨端开发之记一次通过上传日志分析APP内嵌H5网页定位展示异常的原因

摘要：因业务需求，上次开发的H5生鲜代码需要内嵌到某APP中。在定位这个问题上，跟APP端达成共识。用户在进入APP内嵌的H5页面后，H5会通过调用bridge.callHandler('jsInNative')来获取APP经纬度数据，然后H5端调用高德的API进行逆地理编码并显示......

作者:艺灵设计　-　来源:http://www.yilingsj.com　-　发布时间:2020-10-24　-　阅:1211　-　积分:0

uni-app跨端开发微信小程序之打包成H5后加载缓慢、定位不准到底是怎么回事？

摘要：在微信小程序端，通过调用wx.chooseLocation这个API可以快速实现定位和搜索的功能。但到了微信公众号中，事情远比想像的要复杂的多。无论是腾讯地图还是高德地图还是百度地图，都存在定位不准的问题。除去各家自身的因素，定位不准最核心的原......

作者:艺灵设计　-　来源:http://www.yilingsj.com　-　发布时间:2020-10-05　-　阅:5601　-　积分:0

uni-app跨端开发微信小程序之wx.chooseLocation打开地图并实现定位功能

摘要：wx.chooseLocation API可以方便的唤醒地图并实现搜索、定位的功能。但使用前需要校验scope.userLocation权限，此时需要用到wx.getSetting来检测权限。当用户首次进来时直接拒绝了授权，则需要使用wx.openSetting引导用户授权，否则将无法使......

作者:艺灵设计　-　来源:http://www.yilingsj.com　-　发布时间:2020-10-04　-　阅:7091　-　积分:0

uni-app跨端开发微信小程序之页面栈超过10层时无法跳转的解决方案

摘要：正常情况下，一个微信小程序中的页面栈是不会超过10层的。如果在商品详情面添加相关商品，链接处理不当时就会出现页面栈超10层导致页面无法点击的情况。在上一篇提到的提前购流程中，由于链接太长，必然也会出现页面栈超10层的现象。但又考虑......

作者:艺灵设计　-　来源:http://www.yilingsj.com　-　发布时间:2020-10-02　-　阅:5521　-　积分:0

复盘自己在开发生鲜类小程序时犯下的几个错

摘要：万万没想到，为了开发一款生鲜类的小程序，我竟然用了两个半月的时间！现在再回顾这两个多月，我走了不少弯路也犯了不少错。由于一直没太多的时间，所以网站的周新也断了。趁国庆期间，今日来复盘一下此次开发中遇到的坑及一此问题......

作者:艺灵设计　-　来源:http://www.yilingsj.com　-　发布时间:2020-10-01　-　阅:316　-　积分:0

微信小程序从入坑到放弃三十三：当LocalHistory遇上微信小程序开发者工具，坑你我们是认真的！

Local History是Vscode编辑器中的一款插件，主要功能就是将修改过的文件自动备份到本地，当我们操作不当导致数据丢失时，可以从<code>.history</code>这个文件夹中恢复数据。插件是个好插件，就是跟微信小程序开发者工具配合使用时，小程序总是有点......

作者:艺灵设计　-　来源:http://www.yilingsj.com　-　发布时间:2020-06-25　-　阅:1115　-　积分:0

微信小程序从入坑到放弃三十二：兼容ios且自动增高的底部评论框

前面的文章已经多次提到底部评论框了，毕竟这个功能经常会在某些情况下被系统软键盘遮挡。艺灵也提供了相应的解决方案，但无奈客户的需求是多变的。之前的输入框都是固定了高度，今天来一篇自动增高的，毕竟这也是一个坑哦~......

作者:艺灵设计　-　来源:http://www.yilingsj.com　-　发布时间:2020-06-20　-　阅:739　-　积分:0

微信小程序从入坑到放弃三十：wx.pageScrollTo在评论功能中的应用

关于微信小程序中评论框的功能，其实是有很多坑和可以优化的地方的。今天要介绍的这个功能，在实现过程中，曾经我也踩过的坑。恰好昨天又有好友提及这个需求，索引再记录一篇。日后遇到此类问题，可快速爬坑。......

作者:艺灵设计　-　来源:http://www.yilingsj.com　-　发布时间:2020-06-09　-　阅:3059　-　积分:0

微信小程序从入坑到放弃二十九：一个小场景搞懂冒泡事件bindtap和catchtap的区别

在微信小程序中，bindtap事件会产生冒泡，若不加以拦截，会一直冒泡到顶端。在某些情况下，一次点击会触发若干点击事件。为了防止冒泡，使用catchtap即可解决问题。在有全屏半透明背景的弹出层效果中，可以使用catchtouchmove来阻止页面滚动发生穿透......

作者:艺灵设计　-　来源:http://www.yilingsj.com　-　发布时间:2020-06-05　-　阅:1194　-　积分:0

微信小程序从入坑到放弃二十四：长按图片保存到相册的3种方法

在微信小程序中，长按图片保存到相册的功能多用于分享海报。翻遍了微信小程序的官方文档，最终发现实现长按图片保存一共有3种方法............

作者:艺灵设计　-　来源:http://www.yilingsj.com　-　发布时间:2020-04-24　-　阅:5934　-　积分:0

微信小程序从入坑到放弃二十三：都0202年了，textarea在ios上的bug咋还未修复呢

2018年的时候，艺灵接单时搞过微信小程序。当时在写地址页时碰到了一个bug，主要是针对ios设备的。即：textarea有最小的padding且不可被设置。当时的解决方法是利用wx.getSystemInfo这个API获取设备信息，然后做进一步的兼容处理............

作者:艺灵设计　-　来源:http://www.yilingsj.com　-　发布时间:2020-04-13　-　阅:1122　-　积分:0

微信小程序从入坑到放弃二十二：完美兼容安卓和ios手机的底部评论框

不管是在普通的H5页面还是在微信小程序中，底部输入框一直是一大难题，因为键盘会在某些情况下遮挡信输入框一部分！值得庆幸的是：在微信小程序中，我们可以通过监听bindfocus来获取键盘的高度，动态算出输入框距离屏幕顶部的距离............

作者:艺灵设计　-　来源:http://www.yilingsj.com　-　发布时间:2020-04-10　-　阅:2800　-　积分:0

微信小程序入坑教程二十一：使用wx.saveImageToPhotosAlbum保存图片时通过检测scope.writePhotosAlbum权限来提醒用户是否需要授权

在昨天的文章中提到了用户授权一事，scope.writePhotosAlbum可以检测用户有没有开启保存图片到本地的权限。当项目中使用了wx.saveImageToPhotosAlbum这个API来保存生成的海报时，我们就需要通过scope.writePhotosAlbum判断用户有没有授权下载......

作者:艺灵设计　-　来源:http://www.yilingsj.com　-　发布时间:2020-04-06　-　阅:3334　-　积分:0