- 博客(17)
- 收藏
- 关注
原创 element上传时判断视频\音频时长
1、在拿到file文件时,new一个Audio,然后监听canplay(浏览器可以开始播放该音视频)事件,事件触发时,通过audioElement.duration获取总时长。before-upload上传文件之前的钩子,参数为上传的文件,若返回 false 或者返回 Promise 且被 reject,则停止上传。2、为什么要用到Promise,因为监听canplay事件属于异步,如果不用,会导致文件上传后才提示。
2024-08-23 19:32:10 212
原创 axios基本运用
1、axios用来请求后端接口,常用get post all 三种方法。2、引入:import axios from "axios";3步骤(1引入、2请求拦截-设置请求头、3响应拦截)2步骤(1、引入axios.js文件、封装函数)1、下载:npm i axios --save。1、工具层(utils/axios.js)2、传参分为body传参和query传参。2步骤(引用api.js文件,调用方法)2、接口函数层 (api.js)写法1:(data是请求参数)写法1:(data是请求参数)
2024-08-22 18:25:07 202
原创 nvm的安装及配置
5、在系统变量中新建变量 NODE_PATH,值为D:\soft\nvm\node_global\node_modules。或者 NVM的安装目录下找到或者新建nodejs再建两个文件夹node_global和node_cache。4、在环境变量path添加新路径 D:\nvm\nodejs\node_global。首先在NVM的安装目录新建两个文件夹node_global和node_cache。2、配置node_global和node_cache。2、安装(安装路径尽量简单)1、 卸载掉node。
2024-08-15 19:13:10 331
原创 dom滚动时判断内部盒子与顶部的距离
3、设置位置标杆并给ref,当父盒子滚动的时,判断标杆离窗口顶部的距离。2、在mounted时通过refs找到该dom并添加滚动监听。methods(滚动时判断标杆距与顶部的距离并做其他操作)4、判断如果距离小于15,就把需要浮动的盒子浮动。其中throttle方法,为lodash节流。1、给外层dom添加超出滑动样式并给ref。需要引入(也可不要throttle直接用)mounted(开启监听盒子滚动)
2024-07-25 18:48:28 179
原创 通过文字长度判断是否显示提示
调接口拿到数据后,用ref获取大盒子的宽,然后找到里面第一个小盒子的宽,就是备注的宽了。需求:鼠标移入时,如果文字超出,一行溢出隐藏并显示提示,如果不超出则不显示。最后,添加鼠标移入事件,通过盒子的宽与文字的宽判断是否显示隐藏提示。获取文字外面的盒子宽。
2024-07-16 13:33:36 171
原创 父子组件通讯
1、子页面(this.$emit 传递)1、父组件 /useer【id,id】2、子页面(props 接收)2、父页面(@aa方法接收)
2024-05-11 16:47:33 189 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人