学习Vue3
原创 2022-12-21 11:32:12
73阅读
vue中记录上浏览位置的方法场景描述: 在当前页面浏览时,点击进入其他页面,再返回时希望滚动到浏览时的位置解决方案:利用本地存储(或者cookie)使用Storage(本地存储), 在进入其他页面之前记录当前的滚动位置// some click event let scrollTop = targetDom.scrollTop sessionStorage.setItem('scrollTop',
因为公司事做语音翻译的,在官网上有个试用的功能,需要在网页上录音,并传到后台进行翻译并进行语音合成。业务需求就是在网页上使用录音功能,每100ms 通信一次,将数据传输到后端进行一套链路处理,原来的业务逻辑是使用http 进行通信,每1s 通信一次,但是想优化下准备使用websocket 通信,降低翻译延迟,将延时降低为100ms,所以进行优化。1、项目问题项目使用的前端框架是Vue,但是因为我是
小白心路历程篇,如有错误欢迎指出,感谢各位大佬本篇包括以下内容:①采用nginx搭建流媒体服务器,利用ffmpeg工具实现推流和转码工作。②使用vue+原生hls.js来实现无flash播放m3u8直播流预备知识:linux(操作系统基本命令)nginx(配置参数,基础语法)docker(利用docker搭建基于rtmp模块的nginx容器)ffmpeg(一款功能强大的视频处理工具,可以推流,转码
Vue路由监听实现同页面动态加载的示例场景分析在系统中一个模块有三个子模块. 业务数据中可以直接根据类型去区分这个三个子模块的归属. 通常情况下.我们是写在同一个模块中然后去选择业务类型. 但是业主要求,将这个拆分成三个菜单.用户根据自己的需求去选择需要使用的模块.这个三个菜单使用的是同一张数据表. 所以我们肯定只写一个 list,add,edit页面的. 然后根据进入页面的路由来判断属于哪一个分
前言文件上传是一个老生常谈的话题了,在文件相对比较小的情况下,可以直接把文件转化为字节流上传到服务器,但在文件比较大的情况下,用普通的方式进行上传,这可不是一个好的办法,毕竟很少有人会忍受,当文件上传到一半中断后,继续上传却只能重头开始上传,这种让人不爽的体验。那有没有比较好的上传体验呢,答案有的,就是下边要介绍的几种上传方式详细教程秒传1、什么是秒传 通俗的说,你把要上传的东西上传,服务器会先做
摘要:无线通信产业已经发展了四代,目前正处于5G产业化前夕,是当下到一个最热的话题,5G如何发展,前景如何,是各个方面包括学术界、产业界、投资界以及政府都非常关心的。另外,中国已经启动6G研究的消息也见诸报端,未来无线通信产业如何发展,是不是会继续有6、7、8、9G,也引起了大家的关切。为了回答这些问题,我们首先简单地回顾一下无线通信产业发展的历史。无线通信产业是由需求和技术两个轮子驱动前进的。早
7 Vue3 7.1 了解Vue3 vue3官网地址 https://cn.vuejs.org/ vue3发布时间 2020年9月18日。 翻译: 今天,我们很自豪地宣布Vue.js 3.0“海贼王”正式发布。这个新的主要版本的框架提供了改进的性能、更小的捆绑包大小、更好的TypeScript集成、用于处理大规模用例的新API,以及为框架未来的长期迭代奠定了坚实的基础。 3.0版
原创 2023-04-23 10:03:19
61阅读
1.v-for: <ul> <li v-for="book in books"> <h3>{{ book.title }} - {{ book.author }} - {{ book.age }}</h3> </li> </ul> javascript: data() { return { book ...
转载 2021-09-11 22:45:00
651阅读
2评论
挂载#app <div id="app"></div> <script src="../js/vue.js"></script> <script> Vue.createApp({ template: `<h2>你好啊, 李银河</h2>` }).mount("#app"); </script> 问题 ...
转载 2021-07-17 15:38:00
665阅读
2评论
原创 2023-07-27 21:47:21
10000+阅读
本文主要介绍了vue-router相关基础知识及单页面应用的工作原理,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下。如有不足之处,欢迎批评指正。 单页面工作原理是通过浏览器URL的#后面的hash变化就会引起页面变化的特性来把页面分成不同的小模块,然后通过修改hash来让页面展示我们想让看到的内容。 那么为什么hash的不同,为什么会影响页面的展示呢?浏览器在这
依赖安装npm install three如果有用 typeScript 安装npm install @types/three开始 建一个.vue文件 准备一个空的模板我们需要给生成的canvas准备一个容器<template> <div id="three"></div> </template>引入Threejs依赖<script l
视频插件vue-video-player的使用及注意事项官方文档 video.js:https://docs.videojs.com/docs/api/player.html vue-video-player:https://github.com/surmon-china/vue-video-player 1、包的安装 npm install vue-video-player --save 2
Vue3
原创 3月前
48阅读
关于如何在移动端 iOS 中使用 Vue3 实现视频预览的技术细节,下面是一个详细的复盘记录,内容涵盖环境准备、分步指南、配置详解、验证测试、优化技巧以及排错指南等部分。 ### 环境准备 在开始之前,我们需要准备好相关的开发环境和前置依赖。确保你已经安装 Node.js 和 Vue CLI。可以通过以下命令安装: ```bash npm install -g @vue/cli ``` #
原创 5月前
78阅读
需求视频相关项目,有时候需要对视频进行截图的,图片一般加上水印。这里展示下普通视频播放和直播视频播放的加水印方式。资源测试需要的视频资源用的 阿里视频中心video播放视频一些非直播、不复杂的视频播放需求,直接用这个就好了,特别是一些演示用的项目。目前,<video> 元素支持三种视频格式:MP4、WebM、Ogg。MP4:MPEG 4文件使用 H264 视频编解码器和AAC音频编解码
前言 ... 目标 1 vue3的优势有哪些 2 如何创建vue3工程 graph LR A[初始vue3] --> B[vue3带来了什么] A --> C[如何创建vue3工程] 一 vue3带来了什么 从vue2到vue3一个大版本的升级,必然会有一些性能上的优化 性能提升和源码升级 性能提升 源码升级 打包大小减少 使用Proxy代替defineProper
原创 2024-07-21 09:24:38
146阅读
前言 ... 目标 1 vue3的优势有哪些 2 如何创建vue3工程 graph LR A[初始vue3] --> B[vue3带来了什么] A --> C[如何创建vue3工程] A --> D[如何引入vue3] 一 vue3带来了什么 从vue2到vue3一个大版本的升级,必然会有一些性能上的优化 性能提升和源码升级 性能提升 源码升级 打包大小减少
原创 精选 2024-08-05 15:03:53
230阅读
v-for中的key是什么作用?在使用v-for进行列表渲染时,我们通常会给元素或者组件绑定一个key属性。 官方中对key的作用解释:key属性主要用在Vue的虚拟DOM算法,在新旧nodes对比时辨识VNodes;如果不使用key,Vue会使用一种最大限度减少动态元素并且尽可能的尝试就地修改/复用相同类型元素的算法;而使用key时,它会基于key的变化重新排列元素顺序,并且会移除/销
转载 2024-02-02 11:41:40
91阅读
  • 1
  • 2
  • 3
  • 4
  • 5