yilingsj的博客

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

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

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

摘要：上周六下午16点左右，公司研发群中扔来一张bug截图。当天21点，群里又扔来bug截图，研发团队二话不说开始查找bug如何复现。22点20分左右，我终于复现了bug。随后就是看源码、搜索、跳坑、爬坑，周日同其他研发小伙伴一样，又是奉献了一天，那个表单规则功能也被搁置。现在，我该写一篇笔记，记录一下那两天发生的狗血过程了…

摘要：在昨天的文章《微信小程序入坑教程二十：生成海报前使用wx.downloadFile或wx.getImageInfo时潜在的坑》中提到了用户授权一事，scope.writePhotosAlbum可以检测用户有没有开启保存图片到本地的权

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

摘要：2018年的时候，艺灵接单时搞过微信小程序。当时在写地址页时碰到了一个bug，主要是针对ios设备的。即：textarea有最小的padding且不可被设置。当时的解决方法是利用wx.getSystemInfo这个API获取设备信息，然后做进一步的兼容处理…大纲一、光阴似箭，日月如梭二、复现bug2.1、发现不同2.2、精准误差2.3、常规的解决方案三、不服？代码测到你服为止！3.1、padding大法3.2、text-indent大法四、解决方案4.1、统一padding4.2、line-h.

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

WXS（WeiXin Script）是小程序的一套脚本语言，结合 WXML，可以构建出页面的结构。在此次开发中，由于接口返回数据不统一，所以要对某些字段进行过滤。但直接使用replace时竟然报错了，原来在WXS中要生成regexp对象需要使用getRegExp函数......

在这次微信小程序开发中，有一个关于价格的样式调整。小数点前的数值比小数点后面的的，主要是突出一下。由于接口返回的只有一个字段，所以前端要利用split对相关参数的值进行分割，再配合wxss样式实现最终效果......

摘要：微信小程序官方文档中的audio音频播放器可控制播放可暂停，但无法实现通过拖拽时间轴达到跳帧的功能。因此，为了尽可能还原UI原型，只好造轮子了。最终使用movable-area + wx.createInnerAudioContext（音频API）完成了需求。此版为初级版，性能欠佳，下篇续写优化版......

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