用户在发帖等场景中上传视频，需要提取视频帧作为封面来暗示视频上传成功；本文采用HTML video + canvas的方法提取视频帧第0秒作为封面。

新年来临之前，业务需求要求整一个烟花特效，对canvas研究不多，翻遍GitHub，找到了一个合眼缘的烟花效果，拿到源码了咱们来根据需求进行特制改造。 此库的效果展示，甚合我心，在情人节前夕，分享给各

【硬核基础】系列的几篇文章，感兴趣的朋友可以了解一下： 硬核基础二进制篇（二）位运算 硬核基础二进制篇（一）0.1 + 0.2 != 0.3 和 IEEE-754 标准 硬核基础编码篇（一）烫烫烫烫烫

修改input placeholder样式、多行文本溢出、修改光标颜色、水平垂直居中...多么熟悉的功能呀！前端童鞋几乎每天都会和他们打交道，一起来总结我们的css幸福小片段吧！

不是标题党，这是一位leader在一次代码评审会对小组成员发出的“怒吼”，原因是在代码评审中发现很多地方还是采用ES5的写法，也不是说用ES5写法不行，会有BUG，只是造成代码量增多，可读性变差而已。

众所周知，audio在ios上不能自动播放是一个普遍性问题，当我们想实现自动播放时，直接调用oncanplay是没有效果的（PC端和Android设备会正常播放），在此给出以下解决方法： 通过手动的形

使用 canvas 实现截图功能的难点有三：1. 计算截取区域；2 截图动画效果（未被选取部分置灰，截取部分添加边框等）；3. 生成&获得截取区域图片。

“这是我参与8月更文挑战的第31天，活动详情查看：8月更文挑战” 视频是什么 视频，其实就是一系列连续播放的图片，如果1s钟播放24张图片，那么人眼看到的就不再是一张张独立的图片，而是动起来的画面。其

随着web应用复杂度的增加，组件化，工程化，自动化成了前端发展的趋势。每个前端团队都在打造自己的前端开发体系，这通常是一个东拼西凑，逐渐磨合的过程，那究竟一套完整的前端工程化方案是怎样实现，笔者