样式 播放器 音乐vue
vue项目：如何在编辑用户信息后，能够及时更新layout下的navar组件中的用户名，而不是手动刷新？
问题描述：layout下的navar组件中展示用户名，初始化时进入layout层会进入mouted中请求接口数据展示名称，但是在编辑弹框中编辑成功后，关闭弹框，此时不会走layout的mouted，因为layout组件的mouted已经加载过一次了，不手动刷新浏览器是不会走mouted生命周期的。那 ......
视频汇聚/音视频流媒体视频平台/视频监控EasyCVR分享页面无法播放，该如何解决？
国标GB28181安防视频监控/视频集中存储/云存储EasyCVR平台可拓展性强、视频能力灵活、部署轻快，可支持的主流标准协议有国标GB28181、RTSP/Onvif、RTMP等，以及支持厂家私有协议与SDK接入，包括海康Ehome、海大宇等设备的SDK等。平台既具备传统安防视频监控的能力，也具备 ......
RTSP流媒体视频平台LiteNVR播放HLS流，出现中断且无法自动恢复的原因排查
随着社会的日新月异，视频监控技术以其不可替代的重要性，逐渐在安防领域崭露头角。随着科技的不断进步，视频监控技术也将不断地升级和改进，为人们提供更加安全、可靠的生活环境。（litemedia/cn，成都来特科技，专注音视频算法平台和云平台） ......
vue的响应式原理：依赖追踪
在明白原理之前，我们有很多表面现象、使用场景需要记忆。明白了原理后，你会发现它们已经不需要记了，因为从原理出发，你自己都能把它们推导出来，一切是那么的自然而然。感觉就是：这还用记吗？很明显嘛！ 之前我对vue的响应式原理，只是一知半解，导致开发中经常会出现疑问，比如：为什么有的数据它不响应？模板中用 ......
vue3 demo
<script setup> import { computed, ref } from "vue"; // const blog = ref({ // title: "Vue3 基础教程", // content: "Vue3 在 Vue2 的基础上做了很多优化", // link: "https ......
[转]vue3+tsx开发语法详解
原文地址:vue3+tsx开发语法详解 - 知乎 很多组件库都使用了TSX的方式开发，主要因为其灵活性比较高，TSX和SFC开发的优缺点就不介绍了，这里主要说一下将SFC项目改造为TSX的过程。 安装JSX库 pnpm install @vitejs/plugin-vue-jsx -D 安装完之后在 ......
[转]在 vue3 中优雅的使用 jsx/tsx
原文地址:在 vue3 中优雅的使用 jsx/tsx - 掘金 前言 相信 react 的伙伴对于 jsx/tsx 都不陌生吧，现在在 vue3 中也可以使用 jsx/tsx 语法拉。 安装插件（@vitejs/plugin-vue-jsx） vite官方提供了官方的插件来支持在vue3中使用jsx ......
vue3 01项目的创建
npm init vue@latest 看需求选择 紧接着cd 到自己的项目文件下 npm i一下安装依赖 npm run dev 启动项目 ......
学习Vue3 第六章（认识Ref全家桶）
ref 接受一个内部值并返回一个响应式且可变的 ref 对象。ref 对象仅有一个 .value property，指向该内部值 <template> <div> <button @click="changeMsg">change</button> <div>{{ message }}</div> ......
vue 配合后端请求异步加载APP.vue
主要是想在加载路由什么的之前先请求一些配置参数，毕竟我的情况是首页要根据不同的配置显示不同的路由组件 一般加载App.vue是这么写的 import { createApp } from 'vue' import App from './App.vue' createApp(App).mount(' ......
JavaWeb - Day02 - JS、Vue
01. JS-介绍 什么是JavaScript? JavaScript（简称：JS） 是一门跨平台、面向对象的脚本语言。是用来控制网页行为的，它能使网页可交互。 JavaScript 和 Java 是完全不同的语言，不论是概念还是设计。但是基础语法类似。 JavaScript 在 1995 年由 B ......
CSS按钮样式之button标签与input type=button的区别
原文链接：1、https://www.cnblogs.com/weihanli/p/5162828.html 2、https://www.cnblogs.com/smile6542/p/11968175.html 如果想要在页面上表示一个显示文本的按钮推荐input[type=”button”]方式 ......
Vite4+Typescript+Vue3+Pinia 从零搭建(6) - 状态管理pina
项目代码同步至码云 weiz-vue3-template pina 是 vue3 官方推荐的状态管理库，由 Vue 核心团队维护，旨在替代 vuex。pina 的更多介绍，可从 pina官网 查看 特点 更简洁直接的 API，提供组合式风格的 API 支持模块热更新和服务端渲染 对TS支持更为友好 ......
CSS简介及常用样式
一、CSS简介 CSS：层叠样式表(英文全称：Cascading Style Sheets)：是一种用来表现HTML样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 二、CSS选择器 2.1基本选择器（三种） 1.标签选择器 <style> p { ......
uniapp+vue3 优惠券样式
效果如图： template部分： <view class="item"> <view class="box"> <view class="content"> <view class="head">优惠券</view> <view class="content-box1"> <view class= ......
领导分享的微信小程序音乐请你帮忙下载
早上领导分享了一个音乐给我，问我能不能下载，必须可以下载，安排： 步骤分享： 1.打开领导分享过来的音乐开始播放。 2.打开手机上的文件管理器，依次找到目录“我的手机/Android/data/com.tencent.mm/MicroMsg/”，保证列表按时间排序，然后在靠前的位置找一个名字很长的文 ......
[Vue] vue学习笔记 (7): vue内置指令和自定义指令
内置指令 v-bind 单向绑定解析表达式，简写为:xxx v-model 双向数据绑定 v-for 遍历数组/对象/字符串 v-on 绑定事件监听，简写为@xxx v-if 条件渲染，动态控制节点元素是否存在 v-else 条件渲染，动态控制节点元素是否存在，与v-if一起用 v-show 动态控 ......
关于vue如何在本地直接运行打包后的网页
使用npm run build可以对vue项目进行打包 生成文件夹dist，里面的html只能放在服务器查看效果，在本地打开会报错 这是因为vue-cli打包时，默认的publicPath路径是 '/' 只需要在vue.config.js文件中将publicPath路径改为 './' 或 '' 如果 ......
新建vue项目，并引入element ui和axios的步骤
一、新建vue项目 （1）win+R进入命令行 使用cmd （2）切换到需要创建vue项目的盘符下 直接D:就能切换到D盘 （3）使用vue ui指令 进入图形化创建vue项目的界面（注意在创建项目的时候，命令行不能关闭） 之后就在浏览器的界面中进行创建 点击下方的“在此创建新项目” （4）进入创建 ......
windows下nginx部署vue项目
下载windows最新版nginx https://nginx.org/en/download.html 修改nginx配置文件 location / { #root 对应的就是在服务器上前端资源的dist目录的全路径，即代表根路径 #root C:/nginx-1.25.3/html/dist; ......
js自动播放【轮播图】
demo <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Auto ......
vue路由局部刷新-局部页面刷新达到和F5刷新一样的注销
1.静态路由页面加上这一条 { path: "/redirect/:path(.*)", component: () => import("@/views/redirect/index.vue") }, 2.点击事件的vue方法里面用 router.replace({ path: "/redirec ......
vue3 setup 父组件向子组件传递参数、方法|子组件向父组件传递数据,函数
https://blog.csdn.net/qq_27517377/article/details/123163381 https://blog.csdn.net/qq_27517377/article/details/123166367 vue3 setup 父组件向子组件传递参数 <templa ......
H5流媒体播放器EasyPlayer播放H.265新增倍速播放功能，具体如何实现？
目前我们TSINGSEE青犀视频所有的视频监控平台，集成的都是EasyPlayer.js版播放器，它属于一款高效、精炼、稳定且免费的流媒体播放器，可支持多种流媒体协议播放，包括WebSocket-FLV、HTTP-FLV，HLS（m3u8）、WebRTC等，支持全平台、全终端播放，如Windows、 ......
手写类似于BetterScroll样式的左右联动菜单 uni-app+vue3+ts （使用了script setup语法糖）
注意：在模拟器用鼠标滚动是不会切换光标的，因为使用的是触摸滑动。【自定义类型贴在最后了】 script 部分如下： import { onMounted } from 'vue' import type { orderDetail } from '@/types/category' import t ......
vue3标准化开发
pnpm安装 一些优势：比同类工具快 2倍 左右、节省磁盘空间... https://www.pnpm.cn/ 安装方式：npm install -g pnpm 创建项目：pnpm create vue ESLint & prettier 配置代码风格 环境同步： 安装了插件 ESlint，开启保存 ......
第三方UI组件库的样式修改
一、场景： 一般来说，我们在使用第三方UI组件库（如：vant，element-plus等）时，UI组件库自带的样式不能满足用户的个性化需求时，就需要我们开发人员自己动手对组件库的局部样式进行修改。 二、修改UI组件库的顺序和方法 1、修改主题1、修改主题：每个ui组件库都有专门的修改主题的解释，如 ......
vue3使用::v-deep深度选择器不生效
会出现 ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.的报错 ：：v-depth用作组合子已被弃用。使用：dee ......
滚动条自定义样式
.ant-table-content { &::-webkit-scrollbar { height: 10px !important; } &::-webkit-scrollbar-thumb { border-radius: 0 !important; } &::-webkit-scrollba ......
[Vue]按页数和行数重新计算表格序号
转载自：https://blog.csdn.net/qq_48203828/article/details/123224024 1、 2、 <el-table-column label="序号" style="width: 120px; height: 50px" header-align="cen ......