
前端组件与功能(开箱即用)

文章平均质量分 89
前端开发vue/小程序/uniapp/H5网站等,工作经验积累的常见功能源码、插件组件等,几乎是前端必遇到的问题,让你工作学习少走弯路。
优惠券已抵扣
余额抵扣
还需支付
¥9.90
¥99.00
购买须知?
本专栏为图文内容,最终完结不会低于15篇文章。
订阅专栏,享有专栏所有文章阅读权限。
本专栏为虚拟商品,基于网络商品和虚拟商品的性质和特征,专栏一经购买无正当理由不予退款,不支持升级,敬请谅解。
街尾杂货店&
前端攻城狮呀~
展开
-
uniapp(vue3) - 实现天气预报气象温度双折线图一周气温变化曲线图,uniApp使用秋云uCharts图表插件做天气预报折线图示例代码(全端兼容H5网页、小程序、安卓/苹果app、nvue)
uni-app,vue3,h5移动端网页,微信小程序,支付宝小程序,Android安卓,苹果ios,app,nvue,uniapp如何做天气预报折线图,天气预报折线图,uniapp温度曲线,UniApp小程序天气预报,uniapp app安卓苹果天气预报气象预测,uniapp移动端H5页面天气预报温度图,ucharts利用多X轴实现七天天气预报效果,秋云ucharts绘制温度曲线,多个x轴或y轴曲线图,实现七天天气预报,未来7天天气预报图,天气预报变化曲线图,使用uniapp绘制一个折线图(uCharts)原创 2025-01-08 17:51:26 · 4145 阅读 · 0 评论 -
uniapp - 实现精美全屏抽屉弹窗带动画过渡功能组件,从页面左侧或右侧弹出抽屉窗口带挤压侧滑动画效果,作为抽屉式侧滑菜单导航内容自定义滚动条(全端兼容H5网页、小程序、安卓/苹果app、nvue)
uni-app,h5移动端网页,微信小程序,支付宝小程序,Android安卓,苹果ios,app,nvue,uniapp组件-drawer抽屉,uniapp Drawer抽屉弹框,uniApp抽屉效果,Uniapp侧边抽屉,抽屉动画,抽屉弹出层,全屏抽屉,自定义抽屉插件,抽屉功能,手机端弹窗抽屉,uniapp h5移动端网页抽屉弹框,左侧抽屉,uniapp app端抽屉组件,uniapp小程序抽屉弹窗,uniapp中如何实现抽屉,uniapp左侧抽屉抽屉,uni-app侧滑菜单的实现,uni-app中nvu原创 2025-01-07 17:02:59 · 5638 阅读 · 0 评论 -
uniapp(vue3) -实现横向滚动选择日期组件,手势左右滑动选择日期,类似电影选票日期Tabs选项卡横向滚动一周日历周历,横向滑动日期选择器(全端兼容H5网页、小程序、安卓/苹果app、nvue
uni-app,h5移动端网页,微信小程序,支付宝小程序,Android安卓,苹果ios,app,nvue,uniapp横向滚动选择日期,横向滑动日期,uniapp横向滑动日期选择器(获取当前月前几个月的日期)uniApp横向时间选择器,单行横向滑动的日历控件,uniapp小程序横向滑动选择日期组件,uniapp类似tabs标签页选择日历,uniapp日期选择器uniapp实现横向滚动选择日期,日期侧滑滚动选择,日历横向滚动对其星期,uniapp如何实现横向滚动周历,横向滚动一周日历,横向滑动tab,横向滚原创 2025-01-06 17:39:10 · 6830 阅读 · 0 评论 -
uniapp - 详解使用高德地图在地图上实现绘制边界/点聚合/行政区域高亮等功能,Uniapp高德地图点聚合标记及绘制点线面示例代码(全端兼容H5网页、小程序、安卓app、苹果app、nvue)
uni-app,h5移动端网页,微信小程序,支付宝小程序,Android安卓,苹果ios,app,nvue,高德地图,uniAPP高德地图实现点聚合,地图区域描边、点标记、点信息详情弹窗,实现绘制边界区域,uniapp H5使用高德地图实现点聚合、行政区域高亮,实现高德地图的marker聚合功能,高德地图进行marker标点,点信息展示,点击标记点弹出对话框,点击聚合点后显示信息模态框,打标点,【Uniapp】高德地图的接入自定义标点与信息窗体使用,绘制行政区域边界,绘制多边形,电子围栏,高德行政区划边界,原创 2025-01-05 17:23:29 · 9573 阅读 · 0 评论 -
uniapp - 实现半圆环进度条可动态加减进度组件源码,半圆形温度控制调节可自定义颜色大小或数值等样式,uniApp半圆环型进度条插件(全端兼容H5网页、微信小程序、安卓app、苹果app、nvue
uni-app,h5移动端网页,微信小程序,支付宝小程序,Android安卓,苹果ios,app,nvue,uni-app 半圆进度条封装,在uniapp中实现半个圆形进度条,uniapp环形进度条,Uni-app微信小程序的圆环进度条,uniapp 半圆倒计时,uniapp 实现渐变圆弧进度条,并且根据实际数值,控制进度,环形进度条,只要一半进度条效果,实现半圆进度条图形,UNIAPP绘制半圆环虚线进度条,带动画特效,绘制半圆环虚线进度条,实现一半的圆形进度条并显示数字百分比效果示例,2d带动画的半圆形刻原创 2025-01-05 16:33:05 · 7742 阅读 · 0 评论 -
vue3 - 详细实现播放AMR格式音频并实现自定义播放器样式,支持amr音频文件在线地址URL播放、调用服务端API接口获取二进制文件流amr形式、用户本地上传amr文件并实现立即播放(详细代码)
vue3,amr,amr文件播放,播放amr音频文件以及在线url跨域问题解决,使用audio标签播放amr音频,amr跨域解决,amr网页解码播放,文件上传后怎么播放,vue3播放.amr语音文件,api接口形式调用获取的amr如何播放,vue3中如何使用audio元素播放AMR格式的文件,进度条,前端如何播放AMR格式的音频文件,vue3播放语音文件AMR格式,播放amr格式音频AMR录音机,h5原生audio播放amr格式的音频,VUE3使用benz-amr-recorder 实现解码、播放,audi原创 2024-12-29 23:59:20 · 8610 阅读 · 0 评论 -
微信小程序(vue3) - 详细实现图片压缩上传服务器示例代码,wx.chooseMedia手机拍照或相册选取后将图片进行压缩处理,手机摄像头拍照后图像太大需要先降低图像大小后再上传(不牺牲画质减小)
微信小程序,vue3,微信小程序图片压缩,如何实现图片的压缩,压缩到指定大小,降低图片大小但不影响画面,图片文件上传,超过多少M压缩上传,指定一个压缩大小范围,手机拍照或者本地图片太大上传之前先压缩,微信小程序上传图片并等比列压缩到指定大小,微信小程序实现本地图片压缩,小程序图片上传压缩,ts,v3语法,微信小程序开发图片压缩解决办法,微信小程序上传图片使用compressImage压缩,wx.chooseMedia,拍照上传图片太大如何压缩,用户从相册选中怎么先压缩,不损伤图片还能降低大小,微信小程序做图原创 2024-12-28 23:18:33 · 7336 阅读 · 0 评论 -
vue3 - 详细实现网页用鼠标进行涂鸦写字签名画板功能,在画布上实现绘制涂抹并且流畅书写,可调整画笔颜色/粗细大小/笔形状,某个div区域或页面全屏生效、键盘快捷键撤销/恢复等(示例源码,复制运行)
vue3,nuxt3,涂鸦画板,vue3+canvas实现手写签字画板,vue3移动端或web端手写签,电子画板涂鸦,Html5 canvas 简单画布画板涂鸦例子,vue3如何实现涂鸦功能,创建画布元素,详细代码,手机网页,pc端页面,前端canvas实现图片涂鸦,canvas实现画板功能,包括画笔颜色,粗细,圆滑曲线,橡皮擦,撤回上一步,清空画板,画笔颜色、粗细,记录撤回,vue3如何实现涂鸦功能,画板画布自由绘制,canvas简单的实现画笔功能,vue3用canvas实现画笔画笔颜色粗细,vue3使用原创 2024-12-27 15:32:40 · 6926 阅读 · 0 评论 -
vue3 - 实现WebRTC播放实时rtsp视频流+NVR录像机回放,web前端浏览器网页播放RTSP推流,支持海康威视大华等摄像头/监控设备对接(监控摄像头录像及回放,拿到rtsp视频流如何处理)
vue3,webrtc-streamer,rtsp视频流,监控画面,nvr录像机,回放功能,监控摄像头设备,vue3播放Rtsp推流示例代码,前端如何在vue3项目中播放rtsp视频流,VUE中播放RTSP实时推流播放解决方案,vue3 webrtc播放rtsp视频流,vue3实现rtsp视频流浏览器实时播放,海康摄像机、NVR、流媒体服务器、回放取流RTSP地址,vue3+vite+ts 使用webrtc-streamer播放海康rtsp监控视频,播放海康rtsp监控视频,海康摄像机/录像机预览+回放RT原创 2024-12-17 23:11:10 · 7572 阅读 · 2 评论 -
vue3 - elementPlus表格table树形结构复选框勾选父子联动示例,el-table树状表格tree复选框checkbox多选框全选/反选取消,children当子级全选中,父级自动勾选
vue3,Element Plus,el-table树状表格多选,表格树状结构多选,每一个row都可以选中并且联动全选按钮,table选父带子选子带父,树形数据与懒加载,Table表格树形结构多选框选中父级时会选中子级,表格checkbox复选框的全选反选,树形结构结合多选框使用,实现单选父子联动全选反选,勾选联动父级勾选,表格多选check父子联动,table表格children如何嵌入复选框,el-table使用多选框与树形数据写一个有半选全选功能的表格,el-table树形表格实现复选框多选效果,有分原创 2024-12-15 17:32:12 · 7344 阅读 · 0 评论 -
vue3 - 实现移动端H5网页调用手机相册选取图片或打开摄像头相机拍照上传,H5调用本地相册/相机上传图片详细教程,如何在h5网站浏览器中打开本机相册或相机选择相片(附图片压缩功能及上传服务器示例)
vue3手机H5网页,调起安卓苹果ios手机相册和相机,H5实现调用手机摄像头相册实现图片压缩预览删除,vue3项目调用摄像头和相册,H5调用手机摄像头,vue3 H5拍照上传,手机网站浏览器移动端调取相机或相册,实现拍照上传功能,解决苹果ios手机无法打开相册相机问题,无法唤起摄像头怎么办,调取本机系统的相册,vue3 h5网页调用相机拍照和相册,实现多张图片上传功能,实时拍照上传,VUE3如何唤起手机摄像头拍照上传,H5调起手机端的摄像头,html5调用手机摄像头,实现H5调起手机相机和相册,图片压缩,原创 2024-11-02 15:29:16 · 11426 阅读 · 1 评论 -
uniapp(全端兼容) - 详解前端阿里云OSS上传图片并添加水印功能,纯前端直传图片到阿里oss对象存储另外添加自定义水印,uniApp上传图像文件到OSS时给图片插入水印添加水印(无需后端服务)
uni-app,h5移动端网页,微信小程序,支付宝小程序,Android安卓,苹果ios,app,nvue,阿里云oss对象存储,前端直传无需后端接口服务器,上传图片到阿里云oss,给图片添加水印后再传到oss上,文字水印,图片水印,uni-app实现阿里OSS直传,uniapp阿里云oss图片直接上传(不需要后端做签名),uni-app上传图片到oss并在底部加入文字水印,uni-app上传图片并添加水印支持拍照单图片上传多图片上传并添加水印,uniapp选取相册中的照片并插入水印上传,各平台打开相机和相原创 2024-11-01 17:33:59 · 11287 阅读 · 0 评论 -
uniapp(全端兼容) - 详细实现腾讯地图根据当前位置获取周边示例,根据定位推荐附近的商场餐厅医院交通等百度地图POI类型分类,并在地图上悬浮周边推荐列表切换类型,获取附近地址名称及详细地址和距离
uni-app,h5移动端网页,微信小程序,支付宝小程序,Android安卓,苹果ios,app,nvue,腾讯地图,附近周边推荐,uniapp腾讯地图如何获取周边推荐,腾讯地图API获取当前位置对应的周边信息,uniApp微信小程序腾讯地图根据目前的定位推荐地址,腾讯地图api获取周边场所及交通信息,获取周边用什么方法,腾讯地图api搜索周围的教育医疗场所,根据经纬度获取周边建筑地标,定位检索附近周边街道,将推荐的地址悬浮在地图上显示,uniapp如何根据当前定位获取附近的商场医院,用腾讯地图获取当前点的原创 2024-10-21 17:10:45 · 11400 阅读 · 0 评论 -
vue2 - 详细实现视频/图片/图文“响应式瀑布流“列表布局示例代码,手机移动端H5或PC端电脑网页根据屏幕宽度自适应响应式瀑布流效果,支持数据列表动态懒加载,仿小红书图文视频div容器的瀑布流方案
vue2,nuxt2,瀑布流,响应式,图片瀑布流,视频瀑布流,图文瀑布流,手机移动端,H5瀑布流,电脑PC网站,手机电脑都能用的瀑布流布局,屏幕自适应,最好用的瀑布流组件插件,滚动分页加载瀑布流列表,瀑布流效果,自适应瀑布流布局详细教程,动态加载数据,懒加载,小红书,图文列表,视频列表,列表容器高度不一致怎么排列,整个屏幕全是宽高不固定的div容器列表怎么办,移动端和pc端双端实现瀑布流,vue实现图片瀑布流布局以及响应式,滚动条触底懒加载,组件插件,vue瀑布流 电脑手机都能用,解决卡顿不流畅,对不齐,报原创 2024-08-10 14:59:48 · 4047 阅读 · 0 评论 -
uniapp(全端兼容) - 实现地图位置标点或搜索位置名称“一键导航“功能,唤起手机导航App软件(高德地图、百度地图、腾讯地图)导航页面,如果用户手机没有安装地图app,则跳转到各家地图网页版导航
uni-app,导航,唤起第三方导航软件,安卓app,苹果app,微信小程序,移动端,H5网页,手机网站,微信小程序、支付宝小程序,手机app端,nvue,uniapp调起手机地图应用或跳转网页版实现地图导航功能,高德地图,百度地图,腾讯地图,展示标记点并实现一键导航,uniapp打开手机上的导航软件,uniApp如何打开手机自带的高德地图,如何打开唤起百度地图,调用百度地图导航功能,调起高德或百度地图手机应用,调起高德百度网页版实现导航功能,跳转系统已安装的地图app,跳转到高德网页版导航,web网页版,原创 2024-09-22 22:07:19 · 3971 阅读 · 0 评论 -
vue3 - 详细实现用户收货地址识别解析“姓名/手机号/省市区/街道/乡镇村庄“关键字,用户复制粘贴一段含有姓名电话/详细地址的文字文本信息,vue3自动识别拆分并填入到对应表单字段中,详细示例代码
vue3,nuxt3,快递地址读取,收货地址解析、快递地址解析、物流地址解析自动识别,收货地址解析,从发货地址中拆出姓名电话地址,根据粘贴的字符串提取姓名地址,vue3地址信息自动识别,ts,vue3智能识别地址,提取姓名电话地址信息,自动识别出省市区街道姓名手机号等,根据文本自动解析出收货信息,怎么识别文本中的手机号,粘贴板地址识别,地址智能识别,如何识别收货地址中的关键字,粘贴一段文字后,自动识别到姓名/手机号/收货地址,vue3仿淘宝地址智能识别解析实现,省市区街道智能解析,vue3收货地址,识别地址原创 2024-08-23 23:53:37 · 4607 阅读 · 0 评论 -
uniapp(全端兼容) - 详细实现电商收货地址识别解析“姓名/手机号/省市区/街道/乡镇村庄“关键字,用户复制粘贴一段含有姓名电话/详细地址的文字文本信息,自动识别拆分并填入到对应的表单字段中!
uni-app,安卓app,苹果app,微信小程序,移动端,H5网页,手机网站,微信小程序、支付宝小程序,手机app端,nvue,收货地址解析,从发货地址中拆出姓名电话地址,快递地址读取,收货地址解析、快递地址解析、物流地址解析自动识别,提取姓名电话地址信息,自动识别出省市区街道姓名手机号等,根据文本自动解析出收货信息,怎么识别文本中的手机号,粘贴板地址识别,地址智能识别,如何识别收货地址中的关键字,粘贴一段文字后,自动识别到姓名/手机号/收货地址,去除其中的特殊字符和前缀标识,根据粘贴的字符串提取姓名地址原创 2024-08-23 23:15:50 · 4768 阅读 · 0 评论 -
vue3 - 详细实现内网使用离线百度地图功能,在vue3中无需网络离线使用百度地图相关功能,百度地图如何离线加载详细教程(内网部署及使用),提供最新完整的瓦片资源下载及相关工具(完整流程及示例代码)
vue3,nuxt3,百度地图,离线使用百度地图,百度地图瓦片官方下载,内网使用百度地图离线无网络,断网情况下使用百度地图,vue离线百度地图教程,内网部署百度地图,无需联网离线使用,vue3+ts实现离线百度地图 内网离线百度地图,如何在百度地图Vue3项目中下载离线地图,地图加载不出来,不显示怎么办,内网使用离线百度地图加载失败问题,vue3实现离线地图+百度瓦片,vue3百度离线地图,如何使用离线百度地图和自定义地图样式,百度离线地图的下载,内网部署,一键把所有瓦片都下载下来,离线加载,怎么下载百度地原创 2024-08-18 17:00:46 · 4932 阅读 · 0 评论 -
vue3 - 详细实现内网使用离线高德地图功能,在vue3中无需网络离线使用高德地图相关功能,高德地图如何离线加载详细教程(内网部署及使用),提供最新完整的瓦片资源下载及相关工具(示例代码,一键复制)
vue3,高德地图,离线使用高德地图,高德地图瓦片官方下载,内网使用高德地图离线无网络,断网情况下使用高德地图,vue离线高德地图教程,内网部署高德地图,无需联网离线使用,vue3+ts实现离线高德地图 内网离线高德地图,如何在高德地图Vue3项目中下载离线地图,地图加载不出来,不显示怎么办,内网使用离线高德地图加载失败问题,vue3实现离线地图+高德瓦片,vue3高德离线地图,如何使用离线高德地图和自定义地图样式,高德离线地图的下载,怎么下载高德地图瓦片,一键把所有瓦片都下载下来,离线加载,内网部署,离线原创 2024-08-10 15:30:16 · 5735 阅读 · 2 评论 -
uniapp(全端兼容) - 详细实现省份/市区/县城区域/街道村庄同时四级联动picker选择器组件插件,附带四级联动数据结构及支持数据懒加载,只有选到时才动态加载,选择地址省市区级联滚动选择器示例
uni-app,城市位置地址选择,四级联动选择器,安卓app,苹果app,微信小程序,移动端,H5网页,手机网站,微信小程序、支付宝小程序,手机app端,nvue,级联选择器,4级同时联动,最多能选择到村庄,级联,无限,教程,实现选中省市区镇,地区四联动,实现省市区镇四级联动选择器(地址选择)省市区街道四级,弹出层,带json数据结构,懒加载,动态数据,接口加载下级数据,省份市区,区县,乡镇,街道村庄,4级联动Select列选择器,picker地址联动,uniApp实现省市区镇四级联动选项弹出层,弹框,先选原创 2024-08-09 22:44:49 · 4713 阅读 · 0 评论 -
vue2 - 实现移动端H5网页调用手机相册选取图片或打开摄像头相机拍照上传,如何在h5网站浏览器中打开本机相册或相机选择相片,H5调用本地相册/相机上传图片详细教程(附图片压缩功能及上传服务器示例)
vue2手机H5网页,调起安卓苹果ios手机相册和相机,H5实现调用手机摄像头相册实现图片压缩预览删除,vue项目调用摄像头和相册,H5调用手机摄像头,实时拍照上传,VUE2 H5页面如何唤起手机摄像头拍照上传,H5调起手机端的摄像头,html5调用手机摄像头,实现H5调起手机相机和相册,vue H5拍照上传,手机网站浏览器移动端调取相机或相册,实现拍照上传功能,解决苹果ios手机无法打开相册相机问题,无法唤起摄像头怎么办,调取本机系统的相册,vue h5网页调用相机拍照和相册,实现多张图片上传功能,图片压原创 2024-10-31 17:56:09 · 11593 阅读 · 0 评论 -
微信小程序 - 详细实现底部菜单tabbar显示消息数量或数值变化展示等场景,实时监听globalData全局变量,微信小程序监听App中的globalData全局数据监听,用作公共数据展示(详细代码
微信小程序,vue2,vue3,Tabbar,导航菜单,底部菜单,底部tabbar需要实时更新一个数值,角标,小程序如何监听globalData全局变量,小程序自定义底部菜单做消息通知实时监听变化,原生小程序跨页面动态改变状态,动态改变app.js全局定义的数据globalData,并实现实时监听的方法,组件,设置一个公共变量,用于整个应用的消息通知角标数字,watch监听,熄屏了也能监听到,app.js中定义watch函数,通知其它页面界面显示改变,需要在任何页面都显示,怎么一直都监测它的数值变化呢?小程原创 2024-08-08 23:29:13 · 4289 阅读 · 0 评论 -
微信小程序 - 详细实现悬浮可拖动且靠近屏幕边缘自动吸附悬挂图标组件,小程序可拖曳的悬浮球,支持手指按住拖拽到页面任意位置,当靠近屏幕边缘时会磁吸靠近,用于页面悬挂图片图像或按钮、图标在线客服、帮助等
微信小程序,悬浮球,可拖曳的悬浮图标,微信小程序实现全屏悬浮按钮可拖动,自动吸附边缘效果,插件组件,悬浮窗,可以拖动的悬浮按钮,如何实现靠近边缘自动吸住功能,小程序怎么做悬浮图标靠近左右两侧能吸附住,悬浮图标支持拖动,小程序屏幕悬浮按钮可拖动,悬浮菜单按钮,悬浮球可拖拽,全局悬浮球,全局悬浮框,图标,图片,图像,按钮,html元素,自定义插槽内容,不卡顿,不脱手,微信小程序 悬浮球 可拖动,movable-area,微信小程序之可拖动悬浮按钮的实现,微信小程序悬浮窗按钮,小程序中可拖动回弹浮窗,全屏悬浮能拖原创 2024-08-06 21:49:36 · 4280 阅读 · 0 评论 -
vue3 - 最新详细实现高德地图绘制动态热力图详细教程,在某区域或城市地图上做“热力图层“展示人流量、旅游人口密度、热量图、全国地区地理热力图,利用颜色的深浅表示密度或强度等场景(详细示例代码教程)
vue3,nuxt3,高德地图,热力图,绘制热力图层,人流量,vue3使用高德地图实现某个区域热力图,vue3高德地图api加载热力图及关闭,接收热力图数据并渲染热力图,关掉热力图,Vue使用高德API制作热力图,热力图加载不出来,电子围栏围住热力图,vue3中使用高德地图渲染热力图组件,高德地图使用热力图详细教程,报错,卡顿,出不来怎么办,无法关闭,怎么解决这个问题,出错,城市名称,城市某个街道,城区,省份,市区,县城,乡镇,村,各省份的热力图,交通流量,人口流量,密度,旅游出行,人口数量,颜色介绍,深浅原创 2024-08-04 23:02:36 · 3457 阅读 · 0 评论 -
vue3 - 最新详细实现 “拖曳式课程表“ 日历课程排班功能,用鼠标拖拽课程放到日历课表上自动吸附插件,可拖动科目摆放到周课程表上的可视化学生教师课程表,vue拖放排课表动态生成及轻松对接后端服务器
vue3,nuxt3,拖拽课程表,拖拉生成课程表,在线排课系统,教务系统拖曳课程表插件,组件,vue3如何实现拖动排列的课程表,Vue3卡片拖拽式课程表,用户通过拖拽课程卡片来安排不同的课程在时间表上的位置,拖拽课表,拖拽API实现课程表编辑,vue.draggable拖拽生成课程表,vue3实现托拉拽课表,实现拖拽到固定区域,类似课程表,课程表,本周课程安排,课表,学生课表日期,一周课程表,vue实现课程表,课程表排课系统,课表管理,课程,上课,学习,学校周课表,表格table课程表,vue3实现动态课程原创 2024-07-20 16:24:28 · 3209 阅读 · 0 评论 -
vue3 - 详细实现商品列表无限下拉滚动懒加载数据,PC网站商城电商项目列表内鼠标下滑无限下拉加载功能,仿淘宝京东商品展示下滑加载更多数据,支持嵌套在div容器里进行滚动懒加载(示例代码,直接复制用
vue3,nuxt3,商城系统,PC电脑端,网页,商城网站,商品列表,懒加载,无限滚动列表,淘宝京东商城,首页推荐列表,商品推荐无限列表,实现容器内无限下拉滚动懒加载数据,vue下拉滚动无限加载数据功能,支持移动端手滑、pc电脑端滚动条和鼠标拖动,数据列表在一个div元素内进行滚动懒加载,用户鼠标下滑时进行翻页,监听页面触底开启自动懒加载判断和请求合并数据,分页加载,无限下拉滚动加载,懒加载,vue数据懒加载,vue3实现无限滚动加载数据,vue实现下拉滚动无限加载数据,Vue实现列表虚拟滚动,实现无限滚动原创 2024-08-01 16:58:00 · 3695 阅读 · 0 评论 -
vue3 - 详细实现高德地图交通实时路况拥堵缓行通畅颜色块(红黄绿),如何在高德地图中展示某个区域路段的实时交通拥堵情况,交通路段是否通行顺畅,实时交通路况图,vue高德地图实时路况图层渲染显示教程
vue3,nuxt3,vue高德地图 实时路况,车流量,vue高德地图绘制某些路段的交通流量情况,vue中高德地图初始化及添加标准图层、实时路况图层,leaflet加载实时路况图层,导航时查看前方是否堵车,地图导航时监控正在行驶的路线拥堵情况,报错,不显示,开启实时路况教程,地图画多条拥堵线并且给多种颜色,实时路况图层,获取路线交通是否拥堵,用什么api,高德地图API,TileLayer.Traffic,如何得知某条路的汽车流量情况,vue如何在高德地图上标注地区全部路线的行驶是否拥堵情况,实时车流量监控原创 2024-08-01 15:51:28 · 3866 阅读 · 0 评论 -
uniapp(全端兼容) - 最新详细实现支付键盘功能组件,从底部弹出数字键盘输入支付密码进行付款交互效果,自定义支付密码键盘仿微信、支付宝支付键盘,1~9密码数字键盘,电商支付(详细示例代码复制运行
uniapp,微信小程序,自定义数字键盘,输入支付密码的键盘组件,uniapp小程序如何实现从底部弹出输入支付密码自定义键盘功能,uniapp小程序密码支付键盘组件插件,自定义数字键盘输入页面,怎么封装底部弹窗自定义数字键盘用于输入支付密码,uniapp小程序仿类似电商支付密码输入模态框,uniapp微信小程序平台实现自定义支付密码键盘,uniapp 密码支付,数字键盘,安全键盘,交易键盘,交易密码,交易密码输入框,uniapp自定义支付键盘: uniapp自定义支付键盘,uniapp小程序端实现键盘输入支原创 2024-07-11 11:05:34 · 2387 阅读 · 1 评论 -
vue3 - 详细实现“视频切片/分段加载“播放大视频,解决视频过大加载播放缓慢问题,vue处理超大视频进行切片请求加载、分段缓存方案,把视频分成很多小段逐步加载解决卡顿,类似影视网站大电影播放技术!
vue3,nuxt3,视频,video,分段加载,axios,切片,分片,视频太大,大视频,很长的视频播放太慢,电影网站,请求接口,后端,播放视频,太卡,不流畅,ts,电影网站视频播放如何做到的流畅,分段加载video,vue视频分片上传,Range,vue视频切片加载,缓存,分片存储,播放按需加载小片段,视频分段渐进式播放,服务器,一段一段的请求,分片加载视频,边播放边加载,把大视频拆成多个小视频,vue使用video视频标签加载视频很卡,如何能把视频在前端进行分批请求,不要一次性都请求过来,而是一部分一原创 2024-07-28 22:05:08 · 4917 阅读 · 1 评论 -
vue3 - 最新详细实现 “日历课程表“ 上课时间表功能组件,教务系统专用老师排课表插件功能,按时间范围筛选周一至周日的课表、支持快捷上一周和下一周切换查看排班表,vue课程表使用后端接口数据渲染!
vue3,nuxt3,课程表,本周课程安排,课表,学生课表日期,一周课程表,vue实现课程表,可切换周显示范围,课程表排课系统,课表管理,课程,上课,学习,移动端H5,手机,教师课程管理排班,插件,组件,最好用,后端服务器获取数据,数据,日程表,学生课表插件,日程表插件,学生,老师,教务系统,可切换每一周的课程表,日历课程表,Vue周日历展示大学课程,实现课表,不同课程颜色不同,vue课程表,nuxt课程表,学校周课表,表格table课程表,vue实现动态课程表,动态课程表、安排表,大学课程表,小学课程安排原创 2024-07-20 14:55:28 · 2686 阅读 · 1 评论 -
uniapp(全端兼容) - 最新详细实现全屏红包雨效果,整页掉落小红包类似下红包雨特效,uniAPP匀速下降红包雨掉落小游戏,在任意页面开始从天上掉落小红包用户可点击加分、点击消失等(详细示例代码)
uni-app,红包雨,安卓app,苹果app,微信小程序,移动端,H5网页,手机网站,微信小程序、支付宝小程序,手机app端,nvue,下红包雨,h5红包雨小游戏,小程序红包雨,红包雨活动,有没有红包雨的插件,组件,vue红包雨,前端,手机端,全屏都是小红包的特效,全屏从上往下落红包,覆盖在页面之上的红包雨功能,canvas,UniApp下红包雨详细示例代码demo,红包雨小游戏制作,活动页面,点击红包消失,满屏红包雨,整个屏幕都下红包雨,vue 类似于红包雨匀速下降,流畅,不卡顿,uniapp有各端都通原创 2024-07-09 22:34:08 · 2196 阅读 · 1 评论 -
uniapp(全端兼容)-最新详细实现接入腾讯云IM即时通讯教程,uniapp在安卓苹果app端/小程序/h5移动端等集成使用腾讯云im插件,提供消息列表与聊天对话示例,支持发图片/私聊/实时监听消息
uni-app,腾讯云IM,安卓app,苹果app,微信小程序,移动端,H5网页,手机网站,微信小程序、支付宝小程序,手机app端,nvue,im即时通讯,腾讯云IM详细教程,如何接入腾讯IM即时通讯,使用腾讯im有没有插件,怎么使用腾讯云IM插件,tim-wx-sdk,聊天sdk,即时通讯im uniapp私聊/群聊/聊天室,实现IM即时通讯仿微信聊天功能,对接腾讯云IM+音视频,调用腾讯即时通信IM的示例,卡顿很卡不流畅,音视频,全局监听,仿微信IM,uni-huanxin-im,sdk,实现多端实时通原创 2024-05-13 14:04:21 · 3945 阅读 · 1 评论 -
vue2 - 最新详细实现上传视频后智能截取多张封面图功能教程,视频上传截取多帧画面并生成jpg/png图片展示和供用户选取,vue如何截取获取视频画面任意一帧、第一帧、几帧(当做视频封面,详细代码
vue2,nuxt2,视频截取,封面截取,实现视频上传截取多帧画面,Vue实现在视频中截取某一帧_vue视频怎么截取部分画面,视频截图获取第一帧或者某一帧,视频根据时间轴截取,上传视频之后截取画面,捕获截图,截取第几帧做为视频封面,上传视频截取默认图片,截取video视频中的某一帧,上传视频到腾讯云存储并获取视频第一帧,vue截取视频的部分画面,截取视频帧,任意一帧,获取任意视频时长和视频任意时间动画帧,上传视频获取视频第一帧做为封面,vue上传视频并且截取视频图片,截取当前播放的任意一帧视频为图片,截取第原创 2024-07-19 14:52:16 · 2049 阅读 · 0 评论 -
uniapp [全端兼容] - 详细实现“省/市/区县/街道/村庄“四级联动选择器列表,弹出层A~Z索引式城市区域列表逐级选中及回退,省市区镇四级联动地址选择器组件插件,全屏弹窗索引列表选择当前位置!
uni-app,四级联动选择器,安卓app,苹果app,微信小程序,移动端,H5网页,手机网站,微信小程序、支付宝小程序,手机app端,nvue,城市选择,省份市区,区县,乡镇,街道村庄,A-Z索引列表排序的城市列表,4级联动Select 列选择器,picker地址联动,uniApp实现省市区镇四级联动选项弹出层,弹框,先选省份再选市区,最多能选择到村庄,级联,无限,教程,实现选中省市区镇,地区四联动,实现省市区镇四级联动选择器(地址选择)省市区街道四级,弹出层,带json数据结构,懒加载,动态数据,接口加原创 2024-08-09 15:19:32 · 4801 阅读 · 0 评论 -
vue3 - 最新详细实现上传视频后智能截取多张封面图功能教程,视频上传截取多帧画面并生成jpg/png图片展示和供用户选取,vue如何截取获取视频画面任意一帧、第一帧、几帧(当做视频封面,详细代码
vue3,nuxt3,视频截取,封面截取,实现视频上传截取多帧画面,vue3截取视频的部分画面,截取视频帧,任意一帧,获取任意视频时长和视频任意时间动画帧,上传视频获取视频第一帧做为封面,vue上传视频并且截取视频图片,截取当前播放的任意一帧视频为图片,截取第几帧做为视频封面,Vue3实现在视频中截取某一帧_vue视频怎么截取部分画面,视频截图获取第一帧或者某一帧,视频根据时间轴截取,上传视频之后截取画面,捕获截图,截取第几帧做为视频封面,上传视频截取默认图片,截取video视频中的某一帧,上传视频到腾讯云原创 2024-07-18 16:04:06 · 3763 阅读 · 1 评论 -
vue3 - 详解element-plus表格table组件,将表格每行 “相同元素合并“,例如表格列表如果遇到id一样或值一样就判断是一个数组把单元格合并掉,将连续相同内容的单元格合并行详细示例代码
vue3,element plus,vue.js,elementUI饿了么,表格,table,组件,el-table,表格合并,合并列,合并单元格,拆分,表格动态合并相同数据单元格,可指定列+自定义合并条件,怎么把表格相同的数据 合并为一行,表格合并头,多级表头,合并列,行根据某字段内容一致的进行合并,vue3中 elment-plus table合并上下两行相同数据单元格,使用el-table,将连续相同内容的单元格合并行,多级合并单元格方式,根据列内容相同的值自动合并单元格,自定义列的合并规则,合并id原创 2024-07-18 14:29:59 · 4141 阅读 · 0 评论 -
uniapp(全端兼容) - 最新详细实现 “卡片式堆叠“ 轮播图效果,堆叠在一起的轮播图片可左右滑动切换展示,类似卡牌堆在一起只有第一张图片显示全下面的就露一点边儿,堆叠轮播组件插件(详细示例代码)
uni-app,轮播图,安卓app,苹果app,微信小程序,移动端,H5网页,手机网站,微信小程序、支付宝小程序,手机app端,nvue,堆叠,层叠,swiper,仿照小米有品,堆叠轮播组件,堆叠轮播插件,组件,Uniapp堆叠卡片轮播图,堆叠到后面的图片有虚化效果,可以在堆叠图片上写文字或叠加图片等效果,可以手动滑动,也可以定时自动轮播,swiper堆叠图,3D层叠轮播图,微信小程序实现堆叠式轮播,卡片层叠滑动效果,叠层轮播图切换组件,详细教程,错开叠加,图片堆叠,左右按键切换,vue,swiper实现叠原创 2024-07-17 23:24:14 · 3000 阅读 · 0 评论 -
vue3 - 详细实现安装引入tinymce富文本编辑器教程,并且在编辑器里内置markdown编辑器,支持富文本转换为markdown语法并且解析显示,vue集成tinymce和markdown插件
vue3,nuxt3,tinymce,富文本编辑器,markdown,编辑器,vue3 引入tinymce详细教程,vue3引入markdown编辑器详细教程,如何让两个语法的编辑器同时存在,vue3集成Tinymce富文本和markdown编辑器,vue3 中使用 TinyMCE 富文本编辑器,互相切换,同时内置两种编辑器,转换,所见所得,vue3项目中使用markdown编辑器(v-md-editor),让用户自己选择用哪个编辑器,富文本内容可以转成markdown内容吗,vue3实现富文本转mark原创 2024-07-15 22:51:45 · 3293 阅读 · 1 评论 -
vue3 - 最新详细实现企业微信扫码登录功能,vue3网站网页接入集成企业微信扫码登陆及详细示例代码教程,vue3用户扫描企业微信二维码进行登录后获取用户信息数据,nuxt3调用企业微信的扫描登陆
vue3,nuxt3,企业微信,扫码登录,vue企业微信扫码登陆,vue3如何实现企业微信扫二维码登录,如何监听扫码状态,pc网页端,获取用户手机号昵称,vue3企业微信的扫码登录怎么实现,详细示例代码demo,教程,插件,vue3项目登录接入企业微信,如何新开一页全屏显示登录二维码,pc电脑端企业微信扫码登录详细教程,vue3项目中怎么做企业微信扫码注册登录,内嵌在div容器里/跳页显示登录二维码,报错,redirect_uri参数错误,不部署服务器怎么在本地测试,扫码后没反应,出错,完整流程及代码,授权原创 2024-07-11 14:36:56 · 2862 阅读 · 0 评论 -
uniapp(全端兼容) - 最新详细实现车牌号扫描识别功能,本地上传或手机拍照上车图片并识别车牌号及颜色等信息,uniapp接入百度OCR识别功能,利用ocr识别车牌号码(详细示例代码,一键复制即用
uni-app,车牌号识别,百度OCR识别,安卓app,苹果app,微信小程序,移动端,H5网页,手机网站,微信小程序、支付宝小程序,手机app端,nvue,ocr识别车牌,uniApp百度ocr识别车牌号,uniapp识别汽车车牌号,如何识别汽车车牌号码,怎么实现拍照后识别车辆号牌,小程序端ocr识别汽车车牌,UniAPP离线车牌实时扫描识别,uni-app 微信小程序 身份证 车牌号 拍照识别OCR插件的使用和配置,百度车牌识别调用,车牌扫描_扫描识别车牌号码_实现扫描识别车牌号码,扫车牌号识别功能,详原创 2024-06-01 13:10:01 · 4034 阅读 · 1 评论