自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(24)
  • 收藏
  • 关注

原创 vue+elementui最简单的面包屑写法

最简单,最完整的面包屑写法

2022-10-19 10:22:41 682

原创 VUE+Element-ui 后台管理平台给角色分配权限详解

element-ui类后台管理系统之给角色分配权限

2022-09-28 14:55:55 1198

原创 【VUE搭建项目碰到的问题】

vue创建项目报错:command failed: npm install --loglevel error

2022-08-26 10:00:44 223

原创 深拷贝与浅拷贝

深拷贝与浅拷贝什么是浅拷贝?我的理解就是:浅拷贝一般应用于基本数据类型,变量名与变量值都存储于栈内存中,所以每次的拷贝都是拷贝存储于栈内存中的值。什么是深拷贝?而引用数据类型,变量名存储于栈内存中,值存储于堆内存中,每次拷贝的时候,拷贝的值都是栈内存指向堆内存的引用地址,即拷贝之后,两个变量指向的内存空间是同一个,这就是深拷贝。...

2022-03-22 10:16:20 95

原创 jdk的下载与安装&&eclipse的下载与安装

一、jdk的下载与安装1. 下载地址:https://www.oracle.com/java/technologies/downloads/     这里包含了Linux,macOS,windows,一定要按照自己的系统下载,否则容易出现问题(我这里下载了Windows,因为我的是Windows系统)2. 安装在这里插入图片描述在更改处选择你想要安装jdk的位置,一直点击下一步安装即可【注】:一定要记住安装jdk的目录,为后续配置环境变量提供

2021-10-29 09:49:21 175

原创 小程序之父子组件传值详解

小程序之父子组件传值详解父传子:1.在pages的同级新建components文件夹,并在components文件夹下新建自定义组件名2.在父组件的"组件名.json"中引入子组件组件(图如下){ "usingComponents": { "tabs":"../../components/tabs/tabs" }}其中"tabs":"…/…/components/tabs/tabs"为已经自定义好的组件名和组件路径3.在子组件的"组件名.json"中添加如下代码,确定子组件

2021-09-09 11:34:30 2181 2

原创 vue项目中引入的Echarts图表如何实现窗口自适应

vue项目中引入的Echarts图表如何实现窗口自适应如果是单个图,直接使用window.onresize = myChart.resize,就是把window的onresize事件赋值给myChart。如果是多个图,由于窗口可能会刷新很多次,所以这里需要添加一个计时器来监听窗口的变化,代码如下:【注】: vue 项目中的自适应事件是放在mounted里的...

2021-07-29 13:15:20 285

原创 vue项目中添加Echarts有时会报错There is a chart instance already initialized on the dom

vue项目中添加Echarts有时会报错There is a chart instance already initialized on the dom有时候,我们在vue项目中引入Echarts会报以下状态:一般情况下,这个报错并不会影响到Echarts图标的生成,主要是因为已经存在Dom,解决办法就是删除DOM。方法如下:...

2021-07-28 17:15:23 1277

原创 Vue项目中添加Echarts图(包括接口数据)详解

Vue项目中添加Echarts图(包括接口数据)详解关于在Vue项目中添加Echarts,经过反复推敲,数据终于出来了,以下是我的详细步骤:1. 创建一个div,行内样式定义其宽高2.引入Echarts我这里使用了let (项目需求),也可以使用import,大家根据自己的需求导入即可3.静态数据引入静态数据大家可以前往Echarts官网,选择自己需要的echarts图。官网地址:https://echarts.apache.org/examples/zh/index.html#chart-

2021-07-20 11:31:57 2551

原创 去除Element-ui中table的所有下划线

去除Element-ui中table的所有下划线这些比较烦人的表格线如何去掉?在table外层包围一个div,并且自定义class类名1.去掉table里的表格线2.去掉下边框线3.去除上边框线【注】:在去除边框线的时候,很多人会使用deep,如下图所示但是有的时候,使用deep并不能生效,这个时候就要使用上述本方法...

2021-07-12 14:34:05 3834 2

原创 Div中内容未超出但是出现滚动条如何解决

Div中内容为超出但是出现滚动条如何解决一般情况下显示滚动条直接使用overflow:auto,在内容溢出之后,自动显示滚动条。但个别情况下,会在内容没有溢出的时候也显示滚动条。原因是因为你自己的div中的内容设置了高度,去掉这个高度就好了直接去掉高度就可以了...

2021-07-08 10:17:33 5175

原创 Element-ui设置自定义的行高

Element-ui设置自定义的行高直接上代码:最重要的就是这两句

2021-07-07 10:02:37 224

原创 如何强制卸载老版本Vue-cli

vue-cli老版本卸载不了问题最近在学习vue相关的知识,然后发现了vue脚手架的这个问题,在此记录下我遇到的情况:在命令行里运行:npm uninstall -g vue-cli然后给我显示这个:显示up to date in 3s然后我运行:vue --version 后发现脚手架还在,发现卸载不了,然后开始网上各种查,查了好多博客,终于发现了一个靠谱的解决方案第一步运行:npm config ls -l这个命令可以查看文件位置会刷出很多信息,在这些信息里要找到“userconfig”

2021-06-25 15:23:10 2503 2

原创 Vue安装镜像报错

Vue安装镜像报错 request to https://registry.npm.taobao.org/cnpm failed, reason: connect ETIMEDOUT安装淘宝镜像报错 request to https://registry.npm.taobao.org/cnpm failed, reason: connect ETIMEDOUT除了淘宝镜像,类似于webpack等都没办法安装,对于这种骚操作,是因为所使用的电脑的浏览器使用了代理,你的公司使用了代理网络。那如何解决呢?

2021-06-25 14:33:20 1151

原创 父子组件传值

父子组件传值-父传子关于父子组件传值中的父传子,做出如下简单代码进行介绍: <!-- 父组件挖坑显示,但是值必须将子组件和父组件绑定,否则不能显示 --> <cpn :cinfo="info"></cpn></div><!-- 组件语法糖,调用子组件定义的值 --><template id="tem"> <div> {{cinfo}} </div>&lt

2021-06-16 11:02:19 425

原创 javaScript高阶函数的使用

javaScript高阶函数的使用我们一般使用的JavaScript的高阶函数有filter、map、reduce,详解如下例:代码如下:</div><script> //对nums进行筛选小于80的数字,将剩下的每个数字乘以二,再求和 const nums = [12, 56, 87, 45, 9, 23, 656, 90, 676, 45, 89] //1.传统方法 let newNums = []; for (let n of n

2021-06-11 15:14:11 125 1

原创 数组中哪些数组方法具备响应式

数组中哪些数组方法具备响应式关于数组的方法的响应式,代码如下:<!-- 数组中哪些方法在vue中是响应式的push()pop()shift()unshift()splice()sort()reverse() --><div id="app"> <ul> <li v-for="item in name">{{item}}</li> </ul> <button @clic

2021-06-10 14:50:15 154

原创 v-on传递参数的问题

v-on传递参数的问题关于v-on的参数,详解如下:代码如下: <button v-on:click="aaa()">+</button> <button v-on:click="bbb()">-</button> <button @click="ccc(222)">~</button> <button @click="fff(event)">#</button> &l

2021-06-08 10:08:10 387

原创 computed和methods的区别

computed和methods的区别:关于computed和methods,代码如下: <h1>{{getmessage}}</h1> <h2>{{getmessage}}</h2> <h3>{{getmessage}}</h3> <h4>{{getmessage}}</h4> <!-- <h1>{{getMessage()}}</h1>

2021-06-03 10:03:47 190

原创 vue的生命周期钩子函数

vue生命周期钩子函数详解关于生命周期的钩子函数,做出了如下介绍:这是生命周期的八个钩子函数附代码如下(js部分):var app = new Vue({el: ‘#app’,data: {message: “hahahahhahahahah”},beforeCreate: function () {console.group(‘beforeCreate 创建前状态===============》’);console.log("%c%s", “color:red”, “el

2021-05-31 13:42:30 108

原创 ES5新增的数组方法

ES5新增的数组方法关于ES5新增的数组方法,有如下几种:1. indexOf(包含)语法:indexOf(“元素”,[下标])var arr = [6, 8, 34, 78, 0, 6, 3, 7];console.log(arr.indexOf(4))【注】:检测arr数组中是否出现5这个数字,如果存在,就返回这个数字第一次出现的位置下标,如果不存在,则返回-1。但是与instaceOf不同的是,后者是用来判断某一变量是否是某对象的实例,返回布尔值。lastIndexOf与indexOf正

2021-05-25 14:05:55 378

原创 $(document).ready和window.onload的区别

**$(document).ready和window.onload的区别window.onload即为所有的都加载完毕,即除了DOM树之外,还包括所有的文章,图片,数据等所有元素都加载完毕之后才运行,而**$(document).ready**仅仅是在DOM树生成和加载完毕之后就开始运行。不同点:1.window.onload不能同时编写几个,如果同时包含几个,则只能运行一个,而另外一个可以同时编写多个,而且都可以执行。2.运行时间不同,window.onload只有在所有的元素全部加载完成之后才运

2020-12-09 13:28:48 1976

原创 call、bind、apply的区别

call、bind、apply的共同点:都可以改变this指向不同点:bind(对象,参数1,参数2,参数3…,参数n),对于bind来说,bind方法返回一个函数,未经调用就不执行,只有在添加括号,bind()()时才调用apply(对象,数组或者arguments),返回一个对象,并且在函数执行的时候,当时就会执行call(对象,参数1,参数2,参数3…,参数n)),返回一个对象,并且在函数执行的时候,当时就会执行【注】:call(null,this) apply(null,this) 也

2020-10-30 08:44:07 94

原创 2020-10-26 关于webpack,你将会知道

1.webpack是用来干嘛的?解析:Webpack 的核心概念是一个 模块打包工具 ,它的主要目标是将js文件打包在一起,打包后的文件用于在浏览器中使用,但它也能胜任 转换(transform) 、打包(bundle) 或 包裹(package) 任何其他资源。2.搭建react开发环境的三种模式(1)使用CDN的方式(2)使用React脚手架工具(推荐)安装脚手架​ npm install -g create-react-app创建项目​ create-react-app my

2020-10-26 21:04:20 185

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除