学习总结
文章平均质量分 60
奇奇怪怪.*
这个作者很懒,什么都没留下…
展开
-
JavaScript 中线程、事件循环、消息队列、宏任务、微任务
JavaScript 中线程、事件循环、消息队列、宏任务、微任务原创 2022-06-21 11:23:13 · 918 阅读 · 1 评论 -
实现响应式布局的几种方案
响应式布局原创 2022-06-20 13:54:40 · 861 阅读 · 0 评论 -
vue3 的组件通信
1、propsprops主要用于父组件向子组件通信。在父组件中通过用 :msg="msg" 绑定需要传给子组件的属性值,然后再在子组件中用 props 接收该属性值。方法一:// 父组件 传值<child :msg1="msg1" :msg2="msg2"></child><script>import child from "./child.vue";import { ref, reactive } from "vue";export defaul原创 2022-05-28 16:39:43 · 3275 阅读 · 3 评论 -
element 中树形控件滚动条问题
在使用element ui中树形控件时,当页面缩小的时,树形控件没有竖向滚动条,而且横向滚动条相比来说样式会有点难看,需要调整一下。<div class="scrollClass"> <el-scrollbar style="height:100%"> <el-tree ref="treeRef" node-key="id" class="video-tree" :data="data"原创 2022-05-23 22:16:09 · 2973 阅读 · 0 评论 -
样式中的深度选择器
在 Vue 的开发中,我们经常会用到外部组件库,例如 element,而在VUE页面开发中,我们常常会使用 scoped 来防止样式影响全局,但是当我们需要对组件进行样式调整时,会发现我们直接修改是修改不了的,这个时候我们便可以使用深度选择器(样式穿透)来进行修改。深度选择器有三种:1、使用 css 原生样式 ,我们可以使用 >>> 深度选择器来修改组件的样式;<style lang="css" scoped> .el-button >>>原创 2022-05-23 21:31:53 · 2155 阅读 · 0 评论 -
树形结构数据的转化
假如我们拿到的数据格式是这样的:当我们使用element组件库的Tree组件时,我们需要一个树形数据才能进行渲染,但是我们从后端拿到的数据可能不是我们需要的数据格式,此时,我们就需要对拿到的数据进行格式转化。假如我们拿到的数据格式是这样的://数据格式const arr = [ { id: '01', name: '张大大', pid: '00', job: '项目经理' }, { id: '02', name: '小亮', pid: '01', job: '产品leader' },原创 2022-05-17 14:57:49 · 889 阅读 · 0 评论 -
vue中$refs的三种用法
我们都知道,在vue2中获取DOM元素,可以直接在元素上绑定ref属性,然后获取到DOM元素的属性值,这种方法在vue3 中仍然可以使用,但也会有一些问题。下面就介绍$refs的三种用法:1、vue2中在vue2中,我们可以直接使用ref获取元素,也就是直接在元素上绑定ref属性,在直接使用this.$refs[‘自定义属性名’] 就能直接获取。但是这样也是有一定风险的。因为ref绑定的在元素上,所以当元素没有进行渲染时,是不能通过ref获取到元素的。<template> &l原创 2022-05-17 10:32:56 · 19719 阅读 · 0 评论 -
vue2、vue3的数据响应式原理及总结
vue2和vue3的数据响应式原创 2022-04-25 19:29:22 · 794 阅读 · 0 评论 -
ECMAScript 对象操作的14中方法
在JS 操作对象中,我们使用的大部分都是关键字指令,但是ECMAScript委员会给出了14种底层操作的方法(直接操作对象),这种底层方法都是函数式的,不但容易读懂,也更容易维护。1、获取原型 [ [ GetPropetyOf] ]用法:Object.getPrototypeOf(_obj),这种用法直接操作对象,与使用关键字指令__proto__,prototype得到的结果是一样的。var _obj = { a: 1, b: 2}var obj = Objec...原创 2022-04-25 17:37:06 · 330 阅读 · 0 评论