- 博客(16)
- 收藏
- 关注
RSS订阅原创 sourceTree 报错 remote: HTTP Basic: Access denied
sourceTree 报错remote: HTTP Basic: Access denied，意思大概就是拒绝访问，没有权限
2023-06-21 00:31:57
2337
原创 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
3276
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
2975
原创 样式中的深度选择器
在 Vue 的开发中，我们经常会用到外部组件库，例如 element，而在VUE页面开发中，我们常常会使用 scoped 来防止样式影响全局，但是当我们需要对组件进行样式调整时，会发现我们直接修改是修改不了的，这个时候我们便可以使用深度选择器（样式穿透）来进行修改。深度选择器有三种：1、使用 css 原生样式 ，我们可以使用 >>> 深度选择器来修改组件的样式；<style lang="css" scoped> .el-button >>>
2022-05-23 21:31:53
2159
原创 树形结构数据的转化
假如我们拿到的数据格式是这样的：当我们使用element组件库的Tree组件时,我们需要一个树形数据才能进行渲染，但是我们从后端拿到的数据可能不是我们需要的数据格式，此时，我们就需要对拿到的数据进行格式转化。假如我们拿到的数据格式是这样的：//数据格式const arr = [ { id: '01', name: '张大大', pid: '00', job: '项目经理' }, { id: '02', name: '小亮', pid: '01', job: '产品leader' },
2022-05-17 14:57:49
891
原创 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
19723
原创 哦，是 WebSocket
HTTP HTTP是客户端和服务器之间进行请求与响应所用的协议，在这种模式中，浏览器向服务器发送HTTP请求，服务器收到请求并响应给浏览器请求的资源。但是我们也要知道，HTTP是半双工通信，也就是（特点）：同一时刻数据是单向流动的，客户端向服务端请求数据是单向，服务端向客户端响应返回数据也是单向； 服务器不能主动的响应数据给客户端。HTTP的三次握手与四次挥手随便说一下HTTP的三次握手与四次挥手，都是自己总结的。三次握手：第一次：客户端—>发送SYN数据包（在吗？）—&..
2022-04-26 16:56:25
385
原创 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
331
原创 [].shift.call( arguments ) 和 [].slice.call( arguments )
今天学习的时候遇到了[ ].shift.call(arguments)，当时不是很理解这句话的意思，于是就查了资料，所以在这里记录一下： 关于这个的解释，在网上可以看到很多，大部分解释就是说，因为arguments不是数组对象，它是一个类数组对象，所以不能调用数组的方法，所以我们就需要把“把类数组对象转为数组对象”。但是这样写确实能实现我们想要的功能，但是我们并没有理解它的内在原理！！!var key = [].slice.call( arguments )// 也就...
2022-04-08 19:32:34
556
原创 JS中对象用点(.)和方括号([])的区别
在JS中，我们取对象的属性值一般都是用点（.）表示，如Person.name，Person.age，但是有时候也会遇到Person[name]这种，那么他们具体有什么区别呢？用例子展示：1、中括号语法可以用变量作为属性名或者访问，而点语法不可以; // 例1 var obj = {}; obj.name = '小王'; var MyName = 'name'; console.log(obj.name); //小王 console.l...
2022-04-08 12:43:11
4795
原创 WEB前端常用的设计模式总结
【工厂模式】：工厂模式是用来创建对象的常见设计模式，在不暴露创建对象的具体逻辑，而是将逻辑进行封装，那么它就可以被称为工厂。工厂模式又叫做静态工厂模式，由一个工厂对象决定创建某一个类的实例。调用者创建对象时只要知道其名称即可 扩展性高，如果要新增一个产品，直接扩展一个工厂类即可。 隐藏产品的具体实现，只关心产品的接口。<script> // 定义一个Person类 function Person(name){ this.name = name }
2022-03-22 18:17:10
2392
1
原创 vue3中Echarts异步数据的加载与动态更新
我们使用echarts图表的时候，数据是在初始化后直接在setOption中配置的，但是很多时候我们需要的数据可能是需要发请求异步获取到数据后再去渲染图表数据，也就是数据的动态更新问题。 写配置项的时候会有多种方法，因为当请求拿到数据之后我还要再次渲染数据，更新配置项，所以这里可以把配置项单独封装为一个函数，使用的时候再去调用。//先声明一个myChartlet myChart;//配置项函数const chartOption = (data) => myC...
2022-03-17 16:00:43
13283
原创 VUE3中echarts图表的响应式布局
单个图表 //获取dom节点var myChart = echarts.init(document.getElementById('main'));//渲染dommyChart.setOption({...}) // 响应式window.onresize = function() { myChart.resize();} 注意：这种方法只能对一个图表有用，如果一个页面当中同时存在多个图表的话，只会对最后一个图表生效。而我们在vue中使用的时候往往会有多个图表，虽然我们把不同的图表分为多
2022-03-12 17:26:11
2331
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人