uniapp中使用videojs构建H5直播播放器 这两天在开发H5直播带货功能模块,使用原生的video播放器播放不了m3u8的流地址,于是找了videojs,参考了网上的一些资料研究了一下,感觉还不错,videojs播放m3u8流地址还挺稳定的,下面就简单记录一下uniapp里面使用方式。 效果 一、使用npm安装videojs npm i video.js --save npm i videojs-flash --save 前端 2025年07月03日 120 点赞 0 评论 5853 浏览
后端代码不用写了?前端操作数据库?一文精通Supabase,实战教程+本地部署 视频版:#xff0c;在强大的PostgreSQL数据库的基础上,封装了用户认证、文件存储、可视化的运维面板等功能,为开发者提供了一整套开箱即用的后端基础设施。Supabas 前端 2026年01月10日 83 点赞 0 评论 5895 浏览
CSS3渐变 阴影 遮罩 1. CSS3渐变 渐变: 有规律的渐渐变化,在前端中通常指颜色的变化的实现方式. 通常使用在所有接受图像的属性上.(替代图片),意义是创建一张图片 gradient可以应用在所有接受图像的属性上 1.1 分类: 线性渐变(linear-gradient)变化的方向是一条直线 径向渐变(radial-gradient)变化的方向是从圆心向四周运动运动 1.2. 线性渐变 (linear-gr 前端 2025年04月25日 159 点赞 0 评论 5917 浏览
vite + vue3 多页面实战优化续集:eslint+lint-staged+husky+stylelint 目的:项目投入使用发现很多使用起来不舒服的地方,进行优化 注意!!!:最新的一次创建项目运行时候以及配置eslint部分出现了许多问题,可以结合最新的一篇vite+vue+ssg做官网 再记录一下项目创建结合起来查看是否有你遇到的问题 前提:在上一篇vite + vue3多页面配置记录references,loadEnv等中我详细记录了通过各种配置了解多页面项目。 结果:最终代码放到gitee这里 前端 2025年06月27日 41 点赞 0 评论 5963 浏览
React动画 1. React过渡动画 在React中我们可以通过原生的CSS来实现过渡动画, 但是React社区为我们提供了react-transition-group帮助我们快速过渡动画 2. 动画组件: Transition 该组件是一个和平台无关的组件(不一定要结合CSS); 在前端开发中,我们一般是结合CSS来完成样式,所以比较常用的是CSSTransition; CSSTransit 前端 2025年05月13日 41 点赞 0 评论 6010 浏览
【大模型理论篇】MCP协议中sse、stdio、streamable_http含义 1. 背景在 MCP(Model Context Protocol)中,stdio、SSE、Streamable HTTP 是三种不同的 传输(transport)机制,用于在客户端(agent)与 MCP 服务器之间传递 JSON-RPC 消息、通知、响应等。不过,在最新 前端 2025年10月11日 156 点赞 0 评论 6043 浏览
Jeptpack Compose 官网教程学习笔记(三)状态 状态 在Jetpack Compose中状态可以是随时间变化的任何值,可以是从数据库中的值到类的变量 Android 应用中的一些状态示例: 根据网络情况显示的信息提示控件 文章和相关评论 点击按钮时播放的涟漪动画 倒计时显示控件 主要学习内容 什么是单向数据流 如何看待界面中的状态和事件 如何在 Compose 中使用架构组件的 ViewModel 和 LiveData 管理状态 Co 前端 2025年09月21日 64 点赞 0 评论 6090 浏览
Vue3核心源码解析 (五) : 内置组件<keep-alive> <keep-alive>是Vue.js的一个内置组件,可以使被包含的组件保留状态或避免重新渲染。下面来分析源码runtime-core/src/components/KeepAlive.ts的实现原理。 在setup方法中会创建一个缓存容器和缓存的key列表,其代码如下: setup(props: KeepAliveProps, { slots }: SetupContex 前端 2025年04月27日 115 点赞 0 评论 6101 浏览
浅谈WebGL WebGL(Web Graphics Library )是一种 3D 绘图标准,这种绘图技术标准 允许把 JavaScript 和 OpenGL ES 2.0 结合在一起,通过增加 OpenGL ES 2.0 的 一个 JavaScript 绑定,WebGL 可以为 HTML5 Canvas 提供硬件 3D 加速渲染,这 样 Web 开发人员就可以借助系统显卡来在浏览器里更流畅地展示 3D 场景和 前端 2025年07月19日 100 点赞 0 评论 6110 浏览
小程序日常小记 1.wx常用的跳转方法 wx常用的跳转方法 2. bindtap与catchtap的区别 bindtap与catchtap的区别 3.小程序分包的问题 ⚠️ 分包之后文件会自动创建 { "pages":[ "pages/index", "pages/logs" ], "subpackages": [ { "root": "pa 前端 2025年05月26日 181 点赞 0 评论 6135 浏览