- 博客(15)
- 收藏
- 关注
RSS订阅原创 echarts 相邻柱状图中间不要有空隙
官网是下图这样说的：但是经过测试，在 series 某一个bar下面加这个： barGap: ‘0%’，都会生效series:[{ name: '决策后-资金流动', type: 'bar', barGap: '0%', data: [],}]效果如图：
2021-08-27 14:51:45
2311
原创 如何生成ssh
当你拿到一个全新的电脑，需要安装环境，第一步：安装node第二步：安装git工具准备好了，这个时候要去远程仓库拉代码了第三步：生成属于你自己的SSH在桌面上右击，打开git bash,在里面输入以下命令：ssh-keygen -t rsa -C "1610490093@qq.com"当然，换成你自己的邮箱然后一系列回车，你的SSH就生成了，再右击git GUI然后复制里面的ssh就可以，去远程仓库里面的设置里面增加一个ssh即可完成以上步骤后就可以在远程仓库拉取代码了，哈哈哈，but~
2021-07-25 14:43:50
8211
原创 nextTick的原理和用途
前言：我们都知道，vue是一个异步渲染，也就是说，data改变之后，DOM不会立刻渲染原理：异步渲染，$nextTick 待 DOM 渲染完再回调（nextTick函数将回调延迟到下次 DOM 更新循环之后执行）而且页面渲染时会将data的修改做整合，多次data修改只会渲染一次用途：需要在视图更新之后，基于新的视图进行操作。更多常见vue面试题可戳此处...
2021-02-22 11:51:00
302
原创 实现自定义v-model
在单个组件中：<input type="text" :value="age" @input="age=$event.target.value">以上代码分两个步骤：将输入框的值绑定到age变量上，这个是单向绑定，意味着改变age变量的值可以改变input的value，但是改变value不能改变age监听input事件（input输入框都有该事件，当输入内容时自动触发该事件），当输入框输入内容就单向改变price的值,这样就实现了双向绑定。在组件上使用v-model:新建一个组件
2021-02-22 11:44:24
318
原创 created和mounted有什么区别？
created:页面还没有开始渲染，但是vue实例已经初始化完了mounted:页面已经渲染完了，可以获取到DOM更多常见vue面试题可戳此处
2021-02-22 11:09:57
213
原创 vue中组件之间的通讯方法
1、父传子父组件给子组件传值，利用属性的形式传值给子组件，子组件用props来接收父组件：<List :todoList="todoList"></List>子组件：props:{ todoList:{ type:Array, default:[] }},2、子传父子组件通过$emit给父组件触发一个事件，父组件接收这个事件来绑定相应的事件，在该事件中操作子组件：<ul> <li v-for="
2021-02-22 10:38:21
195
原创 vue事件绑定函数加括号和不加括号的区别
当不加括号的时候，event可以直接拿到，当需要传参的时候，要想用event参数，必须手动添加$event才可以使用<div> <p>event-demo</p> <p>{{num}}</p> <button @click="add1">+1</button> <button @click="add2(3,$event)">+2</button></div&g
2021-02-04 11:41:32
295
原创 vue常见面试题
1、v-if 与 v-show的区别：两者都是条件渲染，但是v-if是真正意义上的，当v-if为false时，DOM元素都没有创建，但是v-show创建了，只是display的值为none；所以很明显，二者的使用场景也是有区别的：v-if适合不频繁的切换场景，v-show则适合频繁切换的场景...
2021-02-04 10:33:22
206
原创 computed与watch的区别：
首先，computed和watch都是观察页面的数据变化的。计算属性computed：是有缓存的，只有所依赖的数据发生变化才会重新计算，否则会取缓存中的数据；不支持异步，在里面操作异步无效监控的自定义变量不可以与data里面的重名，否则会失效有get和set方法侦听属性watch：监听引用类型拿不到oldVal，值类型可以监听data里面的数据需要深度监听的时候，要使用handler + deep:true;不支持缓存支持异步监听的时候拿到两个值（newVal,oldVal）
2021-02-04 10:31:44
239
原创 v-if 与 v-show的区别：
两者都是条件渲染，但是v-if是真正意义上的，当v-if为false时，DOM元素都没有创建，但是v-show创建了，只是display的值为none；所以很明显，二者的使用场景也是有区别的：v-if适合不频繁的切换场景，v-show则适合频繁切换的场景...
2021-02-03 17:56:43
131
原创 水平居中的7个方法
若是行内元素, 给其父元素设置 text-align:center,即可实现行内元素水平居中.若是块级元素, 该元素设置 margin:0 auto即可.但是该元素一定要有宽度！若子元素包含 float:left 属性, 为了让子元素水平居中, 则可让父元素宽度设置为fit-content,并且配合margin, 作如下设置:fit-content是CSS3中给width属性新加的一个属性值,它配合margin可以轻松实现水平居中, 目前只支持Chrome 和 Firefox浏览器.4) 使用.
2021-01-29 17:29:27
3068
原创 深拷贝和浅拷贝的区别（必须掌握）
前言：在面试中，你必须要知道的一个知识点，那就是浅拷贝和深拷贝，那么就必须知道基本数据类型和引用类型，其实深拷贝和浅拷贝的主要区别就是其在内存中的存储类型不同。网片来自网络（侵删）重点：你需要记住一句话：值类型传递的是值，引用类型传递的是地址基本数据类型这里就不做过多介绍了，基本数据类型值放在栈区，可直接访问与修改，且相互之间不会影响引用类型引用类型地址放在栈区，值放在堆区，所以当你进行赋值操作，其实赋值的是地址，所以二者之间是有关系的：var obj1={ name:'meng
2021-01-29 15:42:00
13139
4
原创 javaScript你必须要跨过去的三座大山（上）(this、闭包、原型和原型链)
前言：想要学好前端，基本功必须得要扎实，原型和原型链、闭包、this,那这三座大山就一定要跨过去，今天先说this,话不多说，go~this：在开发时，我们要搞清楚this的指向，是至关重要的~为了能够一眼看出this指向的是什么，我们需要确定它的绑定规则是哪个？this有四种绑定规则：默认绑定隐式绑定显示绑定new绑定默认绑定无法应用其他规则时就应用默认绑定，经常是独立函数调用function foo(){ console.log(this.a);}var a = 3;f
2021-01-22 16:11:35
200
原创 你不知道的vue+vue-awesome-swiper的坑~
前言：这两天在写vue的一个练习，其中一个模块写了轮播图，说到轮播图，肯定很多人会想到用swiper插件，不错，vue中就有一个插件，叫vue-awesome-swiper，这个插件呢，我对他也不算陌生了，在这之前，我也用过两次了，所以这次用的时候我也就信心满满，可是结果简直让我心痛~bug不断，都让我怀疑人生了，解决bug之后我就在想，之前可能是运气好吧，也就没有踩坑。现在我就将我自己踩的...
2019-07-04 15:23:01
1982
原创 Git的基本使用方法及命令
1、要想使用git,首先要先去git的官网下载安装git(前提是已经安装过node了)安装好了之后可以在命令行中输入 git --version,然后回车，看看是否会出来版本号，出来的话证明安装成功。2、初识git3、安装好了之后就可以在命令行中使用git的基本命令了touch index.html 在某个文件夹中创建这个index.html的文件git in...
2018-12-06 20:24:49
184
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人