u012439689的博客

红包一次性下落动效，css3实现

charles抓包问题排查及解决，证书过期

移动端Swiper，实现两边部分内容，中间完整内容，循环swiper不更新不循环修正

【排查过程】其他机型正常，然后此处内容展示使用了vue中的v-html承载富文本内容，查看标签发现，不展示的项目中都是在富文本中使用span标签包裹的文字内容。所以怀疑是span标签在ios 12中存在某种兼容性问题吧，众所周知，span标签是行内元素，考虑调整样式满足兼容。【解决办法】给承载富文本标签的容器添加class类名，然后对类名下的span标签单独设置样式，具体样式代码如下，再次测试，问题解决，特此记录。

搜索input实现，搜索框ios xr下页面跳转后query丢失解决

前端移动端抓包总结（whistle+安卓12）

【背景】小程序需求中涉及了一个actionsheet半屏菜单，和一个滚动时候需要隐藏一半的icon，所以要求添加从底部滑出，从右侧滑出的动画效果。需要从底部滑出的半屏菜单是带黑色遮罩的模态弹窗页面，需要从右侧滑出的是悬浮的icon，我们使用了uniapp的框架，所以模板部分写法和vue类似【关键字】css的animation，我是文档的搬运工CSS animation 属性【底部滑出】模板部分——一般的模态窗会直接设置显示隐藏，但是需要底部滑出的动画效果，内容区域不能直接通过控制dom显示隐藏来

【背景】测试反馈问题，某h5列表页IOS9中列表不显示，其他机型和环境正常【问题排查】抓包发现请求没有发出，检查代码发现请求列表之前调用了某个接口使用了promise的finally的语法，处理了请求后统一操作，怀疑是低版本浏览器不兼容此语法，去掉finally之后列表请求可以发出【问题解决】考虑系统中很多页面都使用了finally的语法处理，选择全局进行兼容，参考文章浏览器不支持promise的finally - 迷离不迷离 - 博客园引入promise.prototype.finally，

Cyberplayer全屏问题

如题，ios多机型，h5的页面制作的一个展示列表，外部采用fixed布局固定显示了表头筛选项的一些东西，然后中间是内容可滚动区，如下图，然后ios的机型会出现的问题就是，滚动到顶部或者底部再用力划一下的话（等到内部滚动区域滚动条消失），滚动就会被卡住，滚不动了...

如题，记录一次问题解决，困扰我两天之久，最后终于解决背景：一个加载信息的长列表，就普通长列表，没有用fixed，absolute之类的布局，筛选自定义了ActionSheet半屏菜单，半屏菜单fixed设置了遮罩，然后内容部分高一层级的内容fixed底部，设置了定高，有title区和底部确认btn区，中间内容滚动可见，提测后，iphone11机型ios13版本下，底层列表数据很少时（这个是后来试了很多次必现的条件才发现的）半屏菜单右侧出现白色竖条，底部也有白色遮挡，如下图，正常的应该半屏菜单显示筛选项内

s最近接到了来自产品的一个需求，将我们的erp的移动端中的审批部分的上传附件进行优化，可以在移动端直接预览上传的文件（一般为发票和凭据图片文档等），所以需要由前端直接对文件进行预览（之前的方式是后端返回网络链接，下载下来之后在本地自行进行文件预览）最后商榷的是最大类型的预览文件（支持pdf，各类图片，word和excel文件）一开始考虑成型的线上文件预览服务如xdoc，但是考虑到纯线上服务我们设计报销审批的敏感文件信息，自己部署服务需要付费啊哈哈（你们懂得），所以另辟蹊径，单独对各个文件类型...

最近做了一个需求，一个推广活动，在小程序中生成推广海报并且支持保存在手机相册，UI稿中呈现的是一个非全屏的固定宽高的海报图片，在保存的时候遇到了如下问题并一一解决【问题1】开发者工具中可以正常绘制海报，真机上却不行【解决】因为绘制的海报中包含banner和太阳码图片，需要使用内置方法.getImageInfo()获取解析一下图片信息，才能绘制在画布当中【问题2】真机中偶现canvas画布中文字绘制不全【解决】context.draw()这个行为是异步的，我们使用uni.canvasToTem

最近开发了一个类似文章列表的页面，左边是图，右边是文字，配置在公众号中进行使用，测试通过以后线上运行发现个别项的图片在chrome和安卓手机下可以正常显示，在ios系统的sarafi下显示一个白方块中间一个蓝色的问号,如下图排查的过程当然是先各种搜搜搜了，然后网上反馈的信息多种多样1、查log，console下有如下信息，但是10张图10个提示都有，只有一张没显示，这不科学，我这只是w...

在php的laravel框架中引入了vux移动端框架，首先进行的基本的loader配置，可以参考这篇文章https://learnku.com/articles/3922/use-vux-2-in-the-correct-position-in-laravel-mix，引用一些常规组件并没有出现问题，但是在引入Calender组件时出现了报错，报错没有留截图，大致是【...props未识...

新换了业务线，有移动端和web端的开发内容，移动端使用的是vux移动端组件，在使用Popup-picker时遇到了一些问题，特此记录1、设置联级选择官网demo链接https://doc.vux.li/zh-CN/components/popup-picker.html官网的联级选择是地区，完整的都有三级数据，我的数据比较特殊，第一级都有，第二级只有一个选项有，第三级也只有一个选项有...