Labeex-CSDN博客

原创前端面试题总结（HTML篇和CSS篇）

BFC是一个独立渲染区域，它丝毫不会影响到外部元素BFC特性BFC内部元素是垂直排列的同一个BFC下margin会重叠计算BFC高度时会算上浮动元素BFC不会影响到外部元素BFC区域不会与float元素重叠如何创建BFCposition设为absolute或fixedfloat不为noneoverflow设置为hidden、autodisplay设置为inline-block或者inline-table或flexBFC的作用：解决margin的重叠问题。

2024-08-31 15:09:14 2649

原创尚硅谷react脚手架配置代理总结

在package.json中追加如下配置。

2024-07-29 20:25:35 332

原创尚硅谷vue全家桶（vue2+vue3）笔记

对要显示的数据进行特定格式化后再显示（适用于一些简单逻辑的处理）。何时会被调用？指令与元素成功绑定时（一开始）指令所在的模板被重新解析时（注意不是依赖数据改变时，区分与computed）【钩子函数参数】el：指令所绑定的元素，可以用来直接操作 DOM。binding：一个对象，包含以下 property：name：指令名，不包括v-前缀。value中，绑定值为2。oldValue：指令绑定的前一个值，仅在update和钩子中可用。无论值是否改变都可用。expression。

2024-07-26 22:15:48 624

原创 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 1644 1

原创 vue3组件通信方式

子 => 父。注意区分好：原生事件、自定义事件。原生事件：事件名是特定的（clickmosueenter等等）事件对象$event: 是包含事件相关信息的对象（pageXpageYtargetkeyCode自定义事件：事件名是任意名称事件对象$event: 是调用emit时所提供的数据，可以是任意类型！！！--在父组件中，给子组件绑定自定义事件：--> < Child @send-toy = " toy = $event " />

2024-07-18 20:22:11 894

原创 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 661

原创 No known conditions for “./lib/locale/lang/zh-cn“ entry in “element-plus“ package的解决方案

element-plus 配置中文的写法不对。element-plus 版本不同，写法也有所不同。这样即可解决问题，也可以将element-plus的版本降低。之前的版本：2.2.29。现在的版本：2.3.8。

2024-06-17 13:14:24 830 1

原创多个视频，只能同时播放一个

【代码】多个视频，只能同时播放一个。

2024-04-30 21:27:34 273

原创【ES6】Promise与async/await的关系

就是说你只要声明了这个函数是async，那么内部不管你怎么处理，它的返回肯定是个Promise。await的本质是可以提供等同于”同步效果“的等待异步返回能力的语法糖。只要await声明的函数还没有返回结果，那么下面的代码是不会执行的！Promise有三种状态：异步操作未完成、异步操作成功和异步操作失败，异步操作结果只有两种从进行中到失败和从进行中到成功；await返回的是Promise的resolve的传参;结论：只要你用await声明的异步返回，必须“等待”到有返回值的时候，代码才继续执行下去！

2024-04-27 23:58:45 270

原创 js中数组的遍历的几种方法

使用比较广泛，但其性能还不如 forEach。六、reduce 高阶函数（迭代（累加器））三、forEach 遍历。二、for of 方法。五、filter 过滤。一、for 循环遍历。四、map() 映射。

2024-04-27 23:56:25 275

原创 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 1255

原创 vue3循环设置ref并获取的解决方案

我们在平时做业务的时候,父子组件通信会经常用到ref,这篇文章主要给大家介绍了关于vue3循环设置ref并获取的解决方案,文中通过代码介绍的非常详细,需要的朋友可以参考下。倘若有许多个ref，一个个去定义未免过于繁琐，还有就是若是dom是使用v-for循环出来的，那么ref也就不确定了，无法提前定义。vue可通过ref来获取当前dom，但是vue3有个问题，就是必须定义ref的变量名，才能使用。可以操作上面定义的变量或方法。这是使用v-for循环出来的dom，ref通过index下标来命名。

2024-04-27 13:29:17 765

原创 vue中video标签，仅允许一个播放，其余暂停播放；vue获取不到video.length

methods 函数。

2024-04-11 10:54:38 303

原创鸿蒙系统--预览刷新报错：Preview failed.Unable to start the previewer. Open PreviewerLog to check for details.

不推荐使用@Entry 装饰器导出struct，这可能会导致组件预览模式下的ACE Engine 错误，删除export。新建一个Page文件，都会在resources目录下的json中新建一个引用，而删除ets文件是删除文件，引用不会删除。预览功能页有缓存，entry下的.preview文件就是项目预览页面的缓存。删除main_pages.json文件中的不需要@Entry的组件。直接删除entry下的.preview文件，重新预览就可以了。前一秒还好好的，还能正常预览，下一秒就这样了。

2024-03-22 15:45:09 1691

原创 Ohpm 安装失败解决办法

二、点击Set it up now后，选了了空文件进行安装，但是提示ohpm.zip组件安装失败。验证npm缓存是否已清理Windows指令:npm cache verify。Mac指令： sudo npm cache clean --force。Windows指令： npm cache clean --force。3. 再次点击Set it up now后，提示成功。一、创建项目时，提示ohpm没有设置。2. 解决办法:清除npm緩存。

2024-03-22 15:34:56 1319 4

原创硅谷甄选vue3+ts项目笔记（内含各种项目配置、vue3组件通信方式）

在vue框架中事件分为两种:一种是原生的DOM事件，另外一种自定义事件。原生DOM事件可以让用户与网页进行交互，比如click、dbclick、change、mouseenter、mouseleave…自定义事件可以实现子组件给父组件传递数据自定义事件可以实现子组件给父组件传递数据.在项目中是比较常用的。比如在父组件内部给子组件(Event2)绑定一个自定义事件在Event2子组件内部触发这个自定义事件我是子组件2

2024-01-12 20:00:40 1558 1

原创尚硅谷Vue3入门到实战，最新版vue3+TypeScript前端开发教程笔记

修改名字

2023-12-25 17:28:18 3716 1

原创 vue3生成二维码qrcode

库，并根据您的实际需求进行调整。希望这可以帮助到您。如果您有任何其他问题，请随时提问。注意，在实际使用时，您可以将要生成二维码的文本替换为您需要的内容。在Vue 3中生成二维码可以使用第三方库，比如。方法生成二维码的数据URL，并将其赋值给。在上述代码中，我们首先导入。属性，以显示生成的二维码。然后，在Vue组件中使用。钩子函数中，我们使用。

2023-12-17 14:01:01 919

原创前端面试题（手写代码篇）（更新中）

reduce：让数组中的前项和后项做某种计算，并累计得到最终值。map：让数组通过某种计算产生一个新的数组。foreach：让数组中的每一项做一件事。foreach 遍历数组中每一项。reduce 适合做累计运算。map 会返回新的数组。

2023-12-04 11:52:26 493

原创 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 1041