随笔分类 - 微信小程序
抛砖引玉：纯前端代码让手机变为一把吉他
摘要：前言 前段时间一时兴起想学一下吉他，但是一门乐器要演奏成“能听”的程度也不是一天两天的事情，对我这种音乐基础为 0 的人来说学习周期太长了，不想耗费太多时间在学习乐器上面，于是想找个取巧的方法。 最终方案就是做了个简单粗陋的微信小程序 Demo 去弹奏吉他乐，勉强算是成功吧，可以很简单地弹奏出乐曲。
阅读全文
微信小程序中悬浮窗功能的实现（主要探讨和解决在原生组件上的拖动）
摘要：问题场景 所谓悬浮窗就是图中微信图标的按钮，采用fixed定位，可拖动和点击。 这算是一个比较常见的实现场景了。 为什么要用cover view做悬浮窗？原生组件出来背锅了~ 最初我做悬浮窗用的不是cover view，而是view。 这是简化的代码结构： index.wxml: 一大段test，占
阅读全文
ios下，微信小程序scrollview组件中的fixed元素抖得和帕金森病人一样
摘要：问题现象 这个问题是最近在优化小程序代码时发现的。 在ios环境下，微信小程序的scrollview组件包裹着一个position：fixed的view。 当在scrollview组件上滑动时，这个view会疯狂抖动。 直接上图吧： 下面是简化后的代码： 我是头部fixed元素 这里是一大段test
阅读全文
微信小程序在ios下Echarts图表不能滑动的解决方案
摘要：问题现象 这个问题的现象说起来很简单。 小程序页面中有一篇很长的文章，内部有一个Echarts图表，手指上下滑动观看内容。 但是手指滑动区域在Echarts图表上时，页面却不能滑动了。 如下图： 追踪问题原因 因为在小程序上渲染图表用到的是 "echarts for weixin" 这个组件,而这个
阅读全文
微信小程序入口场景的问题整理与相关解决方案
摘要：前言 最近一段时间都在做小程序。 虽然是第二次开发小程序，但是上次做小程序已经是一年前的事了，所以最终还是被坑得死去活来。 这次是从零开始开发一个小程序，其实除了一些莫名其妙的兼容性问题，大多数坑点都是在微信小程序的各个入口场景处。 所以这里整理一下微信小程序的各个入口场景，以及从这些入口场景进入小
阅读全文
