logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

react实现转盘抽奖功能

临近618,公司产品需要做促销活动,产品经理提出新需求,要做一个转盘抽奖的功能。接到这个需求时,我的内心其实是拒绝的,奈何,身不由己。做吧!!!UI效果图如下:接到这个任务时,原本是想找个现有的插件去实现,由于需要同时开发h5和微信小程序两个端,苦苦寻觅,终找不到合适的,罢了罢了,还是自己动手,丰衣足食吧!实现原理: 通过css3的 transition 和 transform 两个属性具体实现步

文章图片
#react.js#前端
基于 EasyPlayerPro.js 的 Vue 3 播放器组件,支持 HTTP-FLV、HLS、WebRTC 等多种流媒体协议。

Vue3EasyPlayerPro, // 组件类型(用于 ref 类型定义)EasyPlayerProProps, // 组件 Props 类型PlayerInstance, // 播放器实例类型VideoInfo, // 视频信息类型AudioInfo, // 音频信息类型WatermarkConfig, // 水印配置类型FullWatermarkConfig, // 全屏水印配置类型Ptz

#vue.js#javascript#http
vue3 + element-plus + hooks实现完整的带分页的表格组件

很早之前写了一篇《vue + element-ui二次封装Table组件,实现表格内容的完全自定义》的文章,这篇文章仅仅阐述了vue2基于element-ui如何实现一个通用化的表格,而没有写如何更优美的去获取表格数据以及分页。由于项目一直使用react,最近才有项目使用到vue3,那借着这个机会,给大家分享一下实现一个完整的带分页的表格的二次封装。

文章图片
#vue.js#javascript#前端
vue3实现父子组件的双向绑定

我们在做日常的业务需求时,必然会涉及到大量的父子组件之间的数据传递,这样就会涉及到使用v-model去往子组件里传数据,达到双向绑定的效果:以下是我整理了两种实现父子组件双向绑定的方法。

文章图片
#vue.js#javascript#前端
到底了