Angbike个人博客 - 归档前端及生活的个人博客网站

实现思路：使用滚动视图scroll-view及滑块视图swiper实现页面两列纵向布局，通过滚动视图点击改变当前滑块视图的索引值current来实现一级菜单点击切换对应二级菜单目录。
效果截图：
微信小程序简单实现两级左右菜单联动.gif

微信小程序button点击多选/单选简单实现：wxss定义小程序按钮点击选中与未选中状态下的样式，多个button按钮使用wx:for展示，通过点击改变原数据下自定义的选择字段true/false来实现选中状态。
效果截图
微信小程序button点击多选/单选简单实现.gif

项目开发过程中，需要用户将自己的二维码推广图片保存到手机相册，第一时间考虑使用canvas画布来生成相关海报图片，用小程序api保存到相册，因保存的图片上面带有个人相关动态参数信息，为减少前端加载时间，后改变为后端生成图片，前端调用接口方式保存。

1、微信小程序获取地理位置授权，首先需要在app.json中添加配置：

"permission": {
    "scope.userLocation": {
      "desc": "你的位置信息将用于小程序定位，以便更好体验功能"
    }
}

微信小程序开发过程中，我们在版本更新迭代后，微信小程序客户端并不能触发自动更新，需要用户手动清理小程序后重新搜索进入后才能获取到最新的小程序版本，但是这个是用户所不能感知到的操作，也很麻烦，故需要提醒用户如何去获取到最新的版本，我们只需要在微信小程序app.js文件中编写以下代码即可；

使用微信小程序API(wx.chooseImage)实现页面选择图片和拍照，选择后页面显示预览图，再通过小程序API(wx.uploadFile)实现图片上传，其中包括uploadOneByOne递归方式上传多张图片。

效果截图：
微信小程序选择图片及批量上传简单实现.gif

微信小程序简单实现第二天开始一周日期，显示为周几及当天号数，点击星期可切换日期，下方显示当前选择日期，以便其他函数调用；

效果截图：
微信小程序获取从明天开始一周日期.gif

效果截图：
JS获取当前一周日期(包含周几及几号).png

实现页面瀑布流思路：使用CSS3属性column-count: number|auto;将容器元素分为两列，使用column-gap: length|normal;设置列之间的间隔，使用break-inside: avoid使元素避免出现中断点。

效果截图：
微信小程序两列瀑布流布局.jpg