![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端学习
文章平均质量分 84
前端学习
Labeex
这个作者很懒,什么都没留下…
展开
-
尚硅谷vue全家桶(vue2+vue3)笔记
对要显示的数据进行特定格式化后再显示(适用于一些简单逻辑的处理)。何时会被调用?指令与元素成功绑定时(一开始)指令所在的模板被重新解析时(注意不是依赖数据改变时,区分与computed)【钩子函数参数】el:指令所绑定的元素,可以用来直接操作 DOM。binding:一个对象,包含以下 property:name:指令名,不包括v-前缀。value中,绑定值为2。oldValue:指令绑定的前一个值,仅在update和钩子中可用。无论值是否改变都可用。expression。原创 2024-07-26 22:15:48 · 475 阅读 · 0 评论 -
uniapp+vue3实现音乐播放器,包含上一首、下一首、暂停、播放、下载音频、下载视频、进度条拖拽、歌词等
uni-app中实现音乐播放器1、主要利用的是uni-app中提供的uni.createInnerAudioContext()来进行实现;2、代码示例(1)主页面代码展示<template> <view class="songDetailContainer"> <view class="bg" :style="{ backgroundImage: `url(${song.imageUrl})` }"></view>原创 2024-07-20 16:58:03 · 1151 阅读 · 1 评论 -
vue3组件通信方式
子 => 父。注意区分好:原生事件、自定义事件。原生事件:事件名是特定的(clickmosueenter等等)事件对象$event: 是包含事件相关信息的对象(pageXpageYtargetkeyCode自定义事件:事件名是任意名称事件对象$event: 是调用emit时所提供的数据,可以是任意类型!!!--在父组件中,给子组件绑定自定义事件:--> < Child @send-toy = " toy = $event " />原创 2024-07-18 20:22:11 · 873 阅读 · 0 评论 -
uniapp video视频铺满容器,不显示控件
object-fit:当视频大小与 video 容器大小不一致时,视频的表现形式。contain:包含,fill:填充,cover:覆盖。enable-progress-gesture:是否开启控制进度的手势,bool值。show-center-play-btn:是否显示视频中间的播放按钮,bool值。show-center-play-btn:是否显示视频中间的播放按钮,bool值。2、其他地方用代码控制视频播放暂停。1、video标签的属性。原创 2024-07-06 20:36:19 · 396 阅读 · 0 评论 -
【ES6】Promise与async/await的关系
就是说你只要声明了这个函数是async,那么内部不管你怎么处理,它的返回肯定是个Promise。await的本质是可以提供等同于”同步效果“的等待异步返回能力的语法糖。只要await声明的函数还没有返回结果,那么下面的代码是不会执行的!Promise有三种状态:异步操作未完成、异步操作成功和异步操作失败, 异步操作结果只有两种从进行中到失败和从进行中到成功;await返回的是Promise的resolve的传参;结论:只要你用await声明的异步返回,必须“等待”到有返回值的时候,代码才继续执行下去!原创 2024-04-27 23:58:45 · 244 阅读 · 0 评论 -
js中数组的遍历的几种方法
使用比较广泛,但其性能还不如 forEach。六、reduce 高阶函数(迭代(累加器))三、forEach 遍历。二、for of 方法。五、filter 过滤。一、for 循环遍历。四、map() 映射。原创 2024-04-27 23:56:25 · 247 阅读 · 0 评论 -
vue3使用 VueUse useVModel
2、使用v-model:flag进行双向绑定,v-model的默认写法是(v-model:modelValue),其中modelValue是传递到子组件的props值。4、当执行changeflag函数时,检测到flag被修改,会默认执行回调函数update:flag,不会在代码中体现。3、@update:flag是子组件中的flag发生改变,执行的回调函数。1、父组件有flag属性,使得flag和子组件uniInput双向绑定。3、flag属性在子组件发生变化,父组件的flag属性一起改变。原创 2024-04-27 15:46:01 · 936 阅读 · 0 评论 -
硅谷甄选vue3+ts项目笔记(内含各种项目配置、vue3组件通信方式)
在vue框架中事件分为两种:一种是原生的DOM事件,另外一种自定义事件。原生DOM事件可以让用户与网页进行交互,比如click、dbclick、change、mouseenter、mouseleave…自定义事件可以实现子组件给父组件传递数据自定义事件可以实现子组件给父组件传递数据.在项目中是比较常用的。比如在父组件内部给子组件(Event2)绑定一个自定义事件在Event2子组件内部触发这个自定义事件我是子组件2原创 2024-01-12 20:00:40 · 1397 阅读 · 1 评论 -
尚硅谷Vue3入门到实战,最新版vue3+TypeScript前端开发教程笔记
修改名字原创 2023-12-25 17:28:18 · 3458 阅读 · 1 评论 -
到底什么是JS原型
话说在前头,去网上查询很多关于JS原型的解释的文章,其中有80%看了都会不知所云,大多数关于JS原型的解释的文章或者视频,都忽略了很多读者对一些专业名词、概念是不掌握的,或许你说的一句话,就可以绕晕读者,导致大家走了很多很多弯路。在这里先分享我查到的一篇关于JS原型的解释,是最通俗易懂的,。原创 2023-04-05 22:40:15 · 90 阅读 · 0 评论 -
TS 快速上手 (尚硅谷)
TS快速入门原创 2022-07-13 23:33:13 · 10813 阅读 · 1 评论 -
尚品汇项目学习笔记(待更新...)
vue原创 2022-07-17 00:44:32 · 446 阅读 · 1 评论 -
Vue 技术栈(全家桶)-尚硅谷前端研究院
2) Vue.prototype.$bus = new Vue(), 所有的组件对象都能看到$bus 这个属性。2. this.$router.replace(path): 用新路由替换当前路由(不可以返回到当前路由界面)(3) PubSub.publish(‘msgName’, data): 发布消息, 触发订阅的回调函数调用。1. this.$router.push(path): 相当于点击路由链接(可以返回到当前路由界面)原创 2023-12-04 11:20:22 · 1011 阅读 · 0 评论