
VUE
Smaksze
集中起来的意志可以击穿顽石
展开
-
vue实时监控视频播放的进度,并在播放80%位置触发相应操作
canplay触发的方法:bind(this)用于当前监听的函数里面获取当前vue的this对象,不使用bind则this为当前的video对象。video标签:播放时触发canplay事件。原创 2024-02-21 17:43:40 · 1321 阅读 · 0 评论 -
vue前端处理下载流的几种方式
1、使用blob类型。原创 2022-11-04 15:16:21 · 1540 阅读 · 1 评论 -
vue项目引入阿里云图标的4种方式
阿里巴巴iconfont官网地址Iconfont挑选图标登陆后通过点击图标购物车按钮,将需要的图标加至购物车点击购物车按钮,添加至项目。如图添加了对应的icon图标到项目中。将图标素材下载至本地。将图标引入vue项目方法1:Font class的方式1、将下载后的图标文件引入到vue项目中。2、全局引入项目下面生成的 fontclass 代码://iconfontimport '@/assets/fonts/iconfont.css'3、挑选相应图标并获取类名,应用原创 2022-05-06 11:18:12 · 6017 阅读 · 1 评论 -
vue文件目录解析
原创 2022-01-27 10:42:18 · 309 阅读 · 0 评论 -
漫谈promise使用场景
深入理解promise对于现在的前端同学来说你不同promise你都不好意思出门了。对于前端同学来说promise已经成为了我们的必备技能。那么,下面我们就来说一说promise是什么,它能帮助我们解决什么问题,我们应该如何使用它?这是我个人对promise的理解。欢迎吐槽 :)Promise是什么promise的意思是承诺,有的人翻译为许愿,但它们代表的都是未实现的东西,等待我们接下来去实现。Promise最早出现在commnjs,随后形成了Promise/A规范。在Promise这个技术中它转载 2021-11-19 15:19:35 · 4493 阅读 · 0 评论 -
v-model详细使用
1、v-model结合radio<label for="male"> //value的值通过v-model和sex绑定到了一起 <input type="radio" id="male" value="男" v-model="sex">男</label><label for="female"> <input type="radio" id="female "value="女" v-model="sex">女</label>原创 2021-04-15 15:59:32 · 678 阅读 · 0 评论 -
vue数组操作
数组的响应式方法:push():从数组最后面添加元素unshift():从数组最前面添加元素pop():从数组最后一个元素开始删除shift():从数组第一个元素开始删除splice(start,deleteCount):从start开始删除deleteCount个元素splice(start,deleteCount,…value):从start开始替换deleteCount个元素,后面跟上要替换的元素。splice(start,0,…value):从start开始插入value,后面跟上要添原创 2021-04-15 12:57:02 · 6118 阅读 · 0 评论 -
Vue学习01-v-on事件修饰符
事件修饰符:.stop:阻止标签的向外冒泡行为.prevent :阻止标签的默认行为,如阻止a标签向href跳转.self : 只触发标签自身的事件,如div只触发自己的点击事件,不管内部别人的点击事件.once:让指定的标签事件只触发一次按键修饰符:与键盘的按键事件绑定在一起@keyup.enter:@keyup.tab:该标签获得tab建的时候被触发,而不是自身按tab键触发...原创 2020-08-13 09:28:57 · 211 阅读 · 0 评论 -
vue引入组件时‘@/xxxx’的意思
例如:import Menu from ‘@/components/menu’;这是webpack的路径别名resolve: {// 自动补全的扩展名extensions: [’.js’, ‘.vue’, ‘.json’],// 默认路径代理// 例如 import Vue from ‘vue’,会自动到 'vue/dist/vue.common.js’中寻找alias: {‘@’: resolve(‘src’),‘@config’: resolve(‘config’),‘vue$’原创 2020-12-04 14:56:21 · 1225 阅读 · 0 评论