用WordPress已有三年之多了，见识到了WP的功能强大和庞大生态，无数强大的插件让WP如虎添翼。不过，在使用的时候也看到了WP的短处。当然没有什么东西是没有缺点的，只是你在乎这些缺点不。

基于Gatsby的个人博客总算要完成基本功能了，想想就有点小激动，毕竟这是个人自己搭建的博客系统(虽然基本没后端啥事)。不过，剩下一个大问题就出现了。我每次写完md后，需要手动run build下，而且我是挂在自己的vps上的，可能需要重新打包上传，即使在服务器上build的话，我仍得建立次ssh连接。

起因是这样的，我需要循环n次，利用new Array配合forEach，结果发现一次循环都没触发。

我们都知道absolute的子元素是按照非static的父元素定位的，那具体的左上角的位置是从那边开始的呢？margin?border?padding?content? 让我们来看下吧。

只记得js函数节流可以使用setTimeout的方案，那么有没有其他的方案呢？

一直没发现setTimeout居然可以传三个以上的参数，原谅我菜了。。。特地上MDN看了下用法。

字体有成千上万中，但在一张网页中，我们往往只会取选择一种或几种字体。有时为了能够显示开发者想要的类似字体，常会用到字体族。

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

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

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