浏览器标签页聚焦和失焦事件-visibilitychange
2019年07月06日 12:41Web前端DOM、JavaScript
同学自己搞了个小博客系统,在浏览功能的时候,发现了好玩的东西: 当当前的菜单标签页(tab页)获取到焦点时,title显示正常的,当失焦时则显示等你回来哦。看到这个,顿时觉得有趣,于是便来琢磨一番。 首先,该事件是visibilitychange事件,他可以用来判断页面的可见性。也就是说,当标签也聚焦或失焦时,会触发该事件。
js实现网页摄像头截图功能
2019年07月05日 20:49Web前端WebRTC
WebRTC的出现赋予了js操作录音设备和摄像头的能力,假如我们使用网页监控,考虑到实时传递摄像头的数据量比较大的问题,我们可以采用定时抓取摄像头抓拍的照片的方式,那么如何使用js获取摄像头拍摄照片(截取图片)的功能呢?
关于package.json的scripts命令中使用单双引号的问题
2019年07月04日 22:44Web前端npm
为了给自己的react项目mock假数据,需要启动一个node服务器,为了方便,使用concurrently同时启动并监听前端server和mock server,但在启动的时候出现了问题。
关于we != we && we == we问题联想
2019年07月03日 21:51Web前端JavaScript
起因是这样的,在群里见到同学发了张图,如下: 于是便联想到了a==1&&a==2&&a==3这道题中的defineProperty方法,便来实现下(仅针对这道题目。。)。
webpack-dev-server开启https访问
2019年06月23日 22:48Web前端HTTPS、webpack
由于需要在手机端web调试几个仅在https下生效的接口,无法使用localhost或127.0.0.1访问(本地访问无需开启),故需要使用webpack-dev-server开启https。
h5原生拖拽不能触发drop事件问题
2019年06月14日 20:17Web前端HTML5
一直使用拖拽组件去实现web上的拖拽问题,没有机会接触原生的拖拽事件。趁着空余时间了解了原生拖拽,实践中发现了,拖拽中的drop一直无法触发的问题。
background-size为100%-100%时背景图填充不完整
2019年06月05日 21:10Web前端CSS、CSS3
老项目中使用了绝对定位的背景图,拼接显示一张大图,由于绝对定位时使用了百分比,在全屏显示时,两图之间出现了条空白的线。
typescript版node环境搭建
2019年05月19日 22:37Web前端、Web后端koa2、Node、TypeScript
尝试下在node端搭建typescript的环境,以koa2为demo尝试。