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

本文主要介绍了纯前端（浏览器端）方案，如何通过 `video` 和 `canvas` 截取视频的首帧，并将其绘制为图片，供我们实际业务使用。

如何使用 `Vue` 实现移动端扫一扫功能，并为其添加个性化的样式。还可根据环境明暗进行是否打开手电筒的设置。

vw 和 rem 是两个神奇的 CSS 长度单位，认识它们之前，我一度认为招聘广告上的“像素级还原”是一种超能力，我想具备这种能力的人，一定专业过硬、有一双高分辨率。

本文记录了我在滴滴从事H5开发工作，到目前为止的这一年里，我所遇到的一些比较经典的问题，主要是样式上的，希望能帮助到大家！

前言 事情的起因是这样的，由于 小 A 需要负责开发一个 H5 移动端的项目，需要分别在 微信环境 和 企微环境 中去使用，于是 小 A 使用 Vite + Vue3 来进行开发，然后测试提出如下问题

uniapp 多端项目三个月开发维护的经验，遇到并解决了什么困难，收获了什么。回首看，青州已过万重山。

你知道奇怪的移动视口错误（也称为100vh bug）吗？或者如何以正确的方式创建全屏块？ 一、100vh bug 什么是移动视口错误？ 你是否曾经在网页上创建过全屏元素？只需添加一行 CSS 并不难：

众所周知，前端H5中浏览器打开相机打开的是原生相机，无法在相机的界面上覆盖自定义的元素，可以使MediaDevices.getUserMedia媒体流来实现该功能。