在微信小程序的业务中会有一些需要展示二维码的场景，本文将介绍利用小程序的canvas能力动态绘制二维码。

做小程序有一段时间了，总结一下项目中遇到的问题及解决办法吧。 项目中有个多 tab 嵌套的需求，进入程序主界面下面有两个 tab，进入A模块后，A模块最底下又有多个tab，每个tab上又嵌了2-4个不等的tab。。。 这种变态需求只能自定义tab了。 其实如果项目不是很复杂，没…

开发过小程序的童鞋肯定都会遇到这样的问题，当我们在小程序中使用iconfont官方推荐的方法插入字体时，我们总会得到一个打印机（滑稽）。那么如何在小程序中正确的使用iconfont呢? 1. 使用GitHub或其他账号登录iconfont，将我们需要的字体添加购物车，然后再添加…

我们要研究的第一个设计基础是空间留白，也被称为负空间。顾名思义，它是页面上元素之间的空间。 被压缩在没有留白的页面上的元素不仅看起来没有吸引力，而且难以浏览和阅读。 可以通过多种方式调整留白，包括填充、边距和行高。通过查看下图了解有效留白带来的不同。 接下来是对齐。这是确保每个…

你该知道的字体 font-family。 该篇文章基本没有太多移动端的字体选择及分析。并且过了这么久，如今的 Web 字体又有了一些新的东西，遂有此文。 正文从这里开始。 作为前端的一个习惯，浏览各个网站的时候总是喜欢打开开发者工具时不时审查元素一下。看了一下一些比较出名的网站…

  wx.loadFontFace({family:'PingFang',source:'url("http://developer.mozilla.org/@api/deki/files/2934/

到这里主要的功能点就已经实现了，当然还有很多细节，如果想了解，可以到github 上查阅相关代码。 如果您觉得还不错，还请点个star，您的支持是我最大的动力。

。 。 。 。 。 。 在尝试了wx.createAnimation()中的translateX/left+原生的css3的transition之后，我拿起了镜子，摸了摸被自己打肿的脸，心里满是委屈：这特喵的效果怎么都不按照预想的来啊！是我的写法不对还是因为mpvue各种坑使？…

突发奇想，给滚动的banner，每一个图片的顶部都加上一个和当前banner图片搭配的具有背景色的色条，这样做可以在不改变图片规格的情况下在移动端做到沉浸式。 大致思路是使用canvas在背后依次加载每一张图片，然后获取每一张图片左上角的第一个像素值，以此作为色条的背景色。 下…