背景： 应微信官方通知（https://developers.weixin.qq.com/community/develop/doc/00022c683e8a80b29bed2142b56c01?blockType=1），即将收回getUserProfile，并且官方推荐通过使用button的开放能力chooseAvatar来获取头像（https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/userProfile.html），最近项目也在做相应的调整。 问题描述： 由于原有项目中，由于原先获取的微信头像都为正方形，且项目中显示头像的地方都为圆形，如下图1所示。现替换button的开放能力chooseAvata后，如下图2所示，选择”从相册选择“或者”拍照“时，得到的图片为长方形，这样获取到的图片，在项目中对应的头像显示或宽高比失调、或图片显示效果差（即设置image组建mode属性保持宽高比不变时，自动截取的部分图片不是用户想要的那个部分）。 图1：[图片] 图：2 [图片] 需求分析： 基于以上的场景，查阅了图片相关的api，找到了wx.editImage，效果如下图1所示；倘若wx.editImage支持自定义裁剪比例就好了，遗憾的是wx.editImage的入参只有：src，success，fail，complete这四个，如下图2所示；GG，黔驴技穷了，总不能跟产品经理说，微信小程序相关api不支持，不予处理。一个好的api工程师是需要严格要求自己的。 图1：[图片] 图2：[图片] 小结： 作为一个严谨的程序员，希望官方大大能拉我一把，快帮帮孩子吧（wx.editImage，能不能加一些配置项啥的），也欢迎大家一起帮忙分析下，有没有啥其他的解决方案，欢迎留言哦~

背景：在维护一个历史项目时，发现登录页面，在输入手机号，点击input框，发现无法立刻获取焦点，通过查找代码，发现项目中引入了fastclick。 问题描述：FastClick，这个库解决了什么问题？ click 300ms延迟：浏览器click会比touch延迟300ms触发 click穿透现象：当两个div同处一个position，上层div绑定touch，下层div绑定click,当上层div触发touch消失后，可能会触发下层div的click事件 既然Fastclick是为了解决这两类问题，其实现原理如下图所示： [图片] 解决方案：[图片]

通知： 今天刷官方的更新公告，对的，没错，小程序获取用户头像和昵称的接口又双叒叕调整了！！！具体详细请参见https://developers.weixin.qq.com/community/develop/doc/00022c683e8a80b29bed2142b56c01?blockType=1 [图片]

需求背景： 产品经理希望能做到如下图所示效果（上面直接显示pdf内容，底部显示按钮）： [图片] 需求分析： 小程序可以下载文件都本地，再预览pdf文件，但是其效果和图片预览的效果一致，皆为全屏显示，如下图所示；这块经过调研，并和产品battle后，最终制定方案为使用web-view的方式来实现这种效果 [图片] 实现思路： 在第一次查阅https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html文档后发现wx.miniProgram.postMessage是个好东西，想当然的以为在h5中，点击下方按钮时可以调用postMessage向小程序传参了，然后事实并非如此，再次查阅文档发现如下图所示；原来只要再这几个特定的场景时才会触发，我勒个去！！！没办法将所有业务都放在小程序中来写，这个h5只是单纯的接收一下pdf的网络地址并预览，其次再点击立即签约时，通过wx.miniProgram.navigateTo来跳转到下个页面 [图片] 小结： 看了下社区，这个问题几年前也就有了，虽然条条大路通罗马，还希望官方大大也能关注下这个问题，对咱开发者更有好一些，😁