前端
记录前端笔记
想花
有趣有想法,然后通过代码、硬件实现
展开
-
长时长视频java存储及vue播放解决方法
例如时长1小时的一个文件,使用此工具按照每5秒分割一个一个的小视频,生成的每个小视频后缀都是。标签指定播放地址为m3u8那个文件就可以了,有专门的视频播放js类库,会自己解析。格式的文件,这个文件就是上图这些小视频的"索引"了,记录着每一帧在哪个。这样就可以一小个视频来进行存储了。本人使用vue3框架播放视频。处理,使用的工具软件。原创 2023-01-18 09:06:27 · 1616 阅读 · 0 评论 -
vue3集成elementUI
1. 安装依赖cnpm i element-ui -S#vue3上使用elementui需要安装element-pluscnpm install element-plus --save2. 导入依赖重写main.js文件内容import { createApp } from "vue";import App from "./App.vue";import router from "./router/index";import ElementUI from 'element-plus'i原创 2022-04-14 17:13:44 · 1768 阅读 · 0 评论 -
vue3嵌套路由
本人vue不熟练,最初我也不知道嵌套路由是干嘛用的,直到后来有个需求是在两个VUE组件中都设置<router-view />,然后两个组件需要挂载的元素不一样。本人的项目结构:然后App.vue里面写死了直接挂载Index.vue,然后Index.vue有两个按钮可以挂载A.vue和B.vue。然后A.vue可以挂载C.vue相当于Index.vue组件可以挂载A.vue,A.vue可以挂载C.vue,这就是嵌套。实现关键1. 配置路由文件src目录下新建router/route原创 2022-04-14 16:08:39 · 1486 阅读 · 0 评论 -
部署vue3开发环境
1. 安装nodeJS去官网下载安装,建议安装最新版2. 安装配置npm其实安装完成nodeJS之后,会自动给你安装好npm,因为npm下载资源包是外网,我们使用cnpm淘宝网sudo npm install -g cnpm --registry=https://registry.npm.taobao.orgnpm config set registry https://registry.npm.taobao.orgsudo npm install -g npm3. 安装vue-cli脚手架原创 2022-04-14 15:43:09 · 946 阅读 · 0 评论