一个基于 Vue、Datav、Echart 框架的 " 数据大屏项目 "，通过 Vue 组件实现数据动态刷新渲染，内部图表可实现自由替换。部分图表使用 DataV 自带组件，可进行更改，详情请点击下方 DataV 文档。 项目需要全屏展示（按 F11）。 项目部分区域使用了全局…

现在已经更新了github地址和效果gif，可在文章最后查看。如果我的代码对你有用，请帮我随手star一下。 最近在项目中需要加一个功能，在小程序中将已有的短视频功能，按照抖音的方式来浏览，整屏，可上下滑动切换视频，并添加上滑下滑的动画。 1.在video标签上添加时间监听。 …

微信中打开H5页面，滑动页面，滑动到指定位置区间，播放对应的音频，上下滑动页面，可快速切到对应的音频，然后播放。 首先计算出设计图的总高度，然后标注设计图上的音频切换点，算出切点所在的高度在整个设计图高度中所占的比例，最后根据比例算出实际页面中切点的高度。

随着公司知识付费业务的发展，产品发现横屏展示内容的效果和体验都要比竖屏要来的好。我也感觉确实是这样的～。刚接到这个需求的时候，稍微想了一下，横屏这还不简单直接把整个页面旋转90度，不就完事了？结果真正开发的过程中发现并没有这么简单。比如屏幕横过来手势滑动的方向没有变过来等等！于…

思路页面中创建两个video标签在组件加载时同时加载两个视频资源(autoplay)，暂时不播放的视频在canplay事件中调用暂停方法，使之实现预加载使用绝对定位将预加载的视频移出可视窗口第一个视频

不少朋友对短视频，上下滑动播放视频效果比较比较感兴趣，今天看看这个案例。 RecyclerView在24.2.0版本中新增了SnapHelper这个辅助类，用于辅助RecyclerView在滚动结束时将Item对齐到某个位置。特别是列表横向滑动时，很多时候不会让列表滑到任意位置…

最近开发了一个短视频项目，网上主要有两种实现方式，一种是ViewPager，另一种是RecyclerView。当时毫不犹豫就选择了RecyclerView，做的过程中发现网上的Demo坑还是挺多的，不过最终还是消灭问题顺利上线了。 给有需求的各位封装一个依赖库，希望大家少走弯路…

前段时间写了一个移动端的自适应滑动Vue导航栏组件，觉得有一定实用性，大家可能会用得到（当然有些大佬自己写得更好的话就没必要啦），于是前两天整理了一下，目前已经发布到npm和GitHub上了，点我到npm，点我到GitHub项目，有需要的同学可以在项目中npm install …

随着移动技术的快速迭代，数据流量费用的快速下降，视频、直播正成为全民的媒体盛宴，我司必然也不会缺席此次盛宴，这里讲述的是通过h5实现仿抖音视频全屏播放&滑动切换的效果,供我司直播鉴定回放视频使用。 此属性用于定义视频是否预加载。属性有三个可选择的值：none、meta…