web

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;如 …

ES6 常用汇总(一)

一、let 和 const1、let 可以声明变量let name = '张三';console.log(name);张三2、ES6 新增块级作用域  注:在 ES6 之前作用域分为:全局作用域、函数作用域{var name1 = '张三';let name …

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 …

Handsontable如何获取合并的单元格数据

因为自己挖了一个坑,所以需要使用到Handsontable插件,目前的需求是需要合并单元格,所以必须保留合并的信息。想过使用hook来保存或者删去合并数据,但是会出现很多难以判断的合并情况百度了下,前3页几乎是一模一样的内容,都是不能使用的,大家你抄我我抄你也不验证一下比如 这个var $container = $(& …

走出electron的大坑【调用主线程的方法】

这里先介绍一个关于electron的前提,也是走出这个坑的基础知识。electron的思想:用于启动程序的main.js 为主线程,而其他js(无论是html外联的js,还是内联使用<script><script>包含的js代码)都为子线程。于是这个问题就简化为子线程如何调用主线程或者主线程调用子线程。在查看文档以后发现主线 …

微信内使用video播放视频如何小窗播放

腾讯对微信尤其是安卓版本的内置浏览器内核做了一点点小处理,在X5内核下,播放会强制全屏,如果需要进行边视频边互动下则无法实现。老夫无论使用百度或者是科学上网google都没有解决办法,就连腾讯开发者论坛内相关帖子也都做了删除处理。后面发现,如果要实现小窗播放,只需要把video转化为html5模式,转化方法如下。<video style=&q …

如何监听css并同步生成sprite图(二阶)

sprite图    CSSSprites在国内很多人叫css精灵,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言,不高于200KB的单张图片的所需载入时间基本是差不多的,所 …