一直想找个可以简单写写文档，知识点内容的静态博客，对比gitbook和vuepressh后，觉得gitbook太偏向文档，vuepress的灵活性更大，所以选择了vuepress(还可以直接使用vue component)。 在使用较为强大的vue组件功能的时候，遇到了一些小坑。

在使用Media Recorder实现js调用摄像头录像功能后，需要测试下录像的文件是否能正常播放，遇到了chrome下video不能自动播放的问题。

通过js截取摄像头图片的功能已经实现了，那么如果我要实时获取录像流或者录像的功能呢？ 此篇是基于MediaRecorder API去获取录音数据的，紧接着js实现网页摄像头截图功能。

同学自己搞了个小博客系统，在浏览功能的时候，发现了好玩的东西： 当当前的菜单标签页(tab页)获取到焦点时，title显示正常的，当失焦时则显示等你回来哦。看到这个，顿时觉得有趣，于是便来琢磨一番。 首先，该事件是visibilitychange事件，他可以用来判断页面的可见性。也就是说，当标签也聚焦或失焦时，会触发该事件。

WebRTC的出现赋予了js操作录音设备和摄像头的能力，假如我们使用网页监控，考虑到实时传递摄像头的数据量比较大的问题，我们可以采用定时抓取摄像头抓拍的照片的方式，那么如何使用js获取摄像头拍摄照片（截取图片）的功能呢？

为了给自己的react项目mock假数据，需要启动一个node服务器，为了方便，使用concurrently同时启动并监听前端server和mock server，但在启动的时候出现了问题。

起因是这样的，在群里见到同学发了张图，如下： 于是便联想到了a==1&&a==2&&a==3这道题中的defineProperty方法，便来实现下（仅针对这道题目。。）。

由于需要在手机端web调试几个仅在https下生效的接口，无法使用localhost或127.0.0.1访问(本地访问无需开启)，故需要使用webpack-dev-server开启https。

一直使用拖拽组件去实现web上的拖拽问题，没有机会接触原生的拖拽事件。趁着空余时间了解了原生拖拽，实践中发现了，拖拽中的drop一直无法触发的问题。

老项目中使用了绝对定位的背景图，拼接显示一张大图，由于绝对定位时使用了百分比，在全屏显示时，两图之间出现了条空白的线。