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

前端实现 经过在各种网站上流浪几个小时后，确定使用iframe与xlsx的方案来分别预览pdf与表格 下面是代码及介绍 首先使用了一个弹框进行预览，v-if切换pdf和excel，接下来就是预览部分j

最近遇到了文件预览的需求，但一搜索发现，这还不是一个简单的功能。于是又去查询了很多资料，调研了一些方案，也踩了好多坑。最后总结方案如下 希望如果有其他人也遇到了同样的问题，能更方便的解决～

前言 掘友们好！最近笔者在网上刷到一个3D效果的轮播图，觉得挺有意思，今天跟大家分享一下实现的过程，毕竟轮播图这个玩意在很多场景都会用到，虽然每个组件库都有对应的实现，但是咱作为一名前端也不能只会用，

vue有许多开源组件提供使用，其中awesome-swiper组件就可以非常方便的创建各式各样的轮播图，下面来看看如何使用这个组件。

PK创意闹新春，我正在参加「春节创意投稿大赛」，详情请看：春节创意投稿大赛 介绍一下swiper6+中的异型轮播图

在实现轮播图的过程踩了一些坑，并且由于 Vue2 和 Vue3 版本的差异，试了几种不同的写法，最终终于实现，轮播图的基础效果如下

前言 平时上网我经常能在app或者网页上看到很多比较酷的动画效果，这些效果还是比较吸引人的。那么我们自己在写项目时，也都希望能在页面做出一些很酷的动画效果，页面看起来也会更具特色。

起因 小杨最近在为我们前端开发组开发一款 web3 实用方法展示页面 既然是展示页面，小杨理所当然的需要在页面中展示源码，于是小杨想到了 Element-plus 的展示形式，类似这种： 上方展示方法