vue

cordova与css结合实现在android上透明状态栏兼容齐刘海等异形屏

应该会有人觉得百度(google)有的东西为什么我会写出来?有我还写啥啊~手上有一个项目,是用cordova+vue的,这个不是重点,由于ios的app上架比较困难,所以优先上架android。因为习惯了在ios上透明状态栏的样式,在android上也想拥有。得赖于ios的css中safe-area-inset-*的属性,可以在cordova的ios端结合c …

lodash之throttle和debounce的理解

lodash是一个很不错但是很重的类库,它集合了很多实用但不常用的方法。这里主要介绍下我对throttle(节流)和debounce(防抖)的理解。项目底层主要是uni做的app,因为在安卓机或者低版本的ios手机上,用户点击某个按钮转入下个页面的时候,可能会有100~200的延迟。这就导致一些用户手抖的时候会多点一次。所以需要用到防抖-debounce;如 …

html2canvas与vue-qr的爱与恨

手上有个重构项目,原来的邀请二维码页面做的比较赶,现在重构以后,需要美化一下二维码的页面。当然除了美化二维码以外,还需要用户可以保存,所以这就不仅仅是生成二维码,而是整个二维码卡片。本来这部分是可以交给后端生存的,但是考虑到后端进行的美化未必方便,本质上写法与canvas一样,所以并没有交由后端处理。在思考了一个白天后,我觉得用常规的网页写法写出卡片样式,使 …

vue-cli与viewport-units-buggyfill的结合

因为最初的学习让我对vh和vw这类的单位产生依赖,所以在大部分项目的立项时,使用的是vh和vw的单位,本来用的挺好的。但是因为手上的这个项目是自有项目。为了更好的展示效果,开发到中期,用iphone做测试。也恰恰好因为懒,打开摄像头,扫描二维码,自动唤起safari。于是问题来了,因为我使用的是100%视窗高度,即100vh,居然出现了网页底部的导航被saf …

vue-cli3与鹅厂的badjs-report整合

经常会遇到有用户反应分享功能分享没得到返利,xxx登录失败,这种莫名其妙的错误。明明上线之前内部做了多种测试。这种软错误是最难修改的。所以就引入了鹅厂的badjs。具体服务端安装过程就不过多讨论了。根据文档,引入后初始化即可使用。因为badjs重写了window.onerror的方法。BJ_REPORT.init({id: 1})但是在vue-cl …

  • 1