自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 什么是属性选择器?

属性选择器往往是我们所忽略的一个选择器。但它其实很强大,下面我们来认识一下 <form> <input type="text"> <div> <input type="password"> ...

2020-02-04 16:31:04

阅读数 15

评论数 0

原创 什么是多类选择器?

作为高级选择器,多类选择器在开发中其实并不太常见,但它还是值得我们来学习一下的,下面我们来认识一下。 写法 .a.b { color: #000; } 注意:类名 .a 和 类名 .b 紧挨着; 用法 <div class="a b"></d...

2020-02-04 16:00:50

阅读数 9

评论数 0

原创 为什么大多数编程语言中,数组要从0开始编号,而不是从1开始呢?

从数组存储的内存模型上来看,“下标”最确切的定义应该是“偏移(offset)”。 如果用 a 来表示数组的首地址,a[0]就是偏移为 0 的位置,也就是首地址,a[k] 就表示偏移 k 个 type_size 的位置,所以计算 a[k] 的内存地址只需要用这个公式: a[k]_address...

2020-02-03 21:34:28

阅读数 113

评论数 0

原创 Vue eventBus 踩坑记录

需求是这样的:当我点击 test 页面中的跳转按钮要跳转到 home 页面的时候,我希望 test 页面中的某些数据会传递到 home 页面; 但是 eventBus 有一些问题: 问题 1:第一次点击跳转的时候,home 页面接收不到数据; 问题 2:第二次点击跳转的时候,home 页...

2019-11-26 20:27:39

阅读数 11

评论数 0

原创 Vue事件总线 eventBus

如果项目不够大,没有引入 Vuex 的情况下,组件还不是父子组件的关系,也不适合使用 params、query 等路由传参方式进行传参的话,那组件之间应该如何通信呢? 公共事件总线 eventBus 的实质就是创建一个 vue 实例,通过一个空的 vue 实例作为桥梁实现 vue 组件间的通信。...

2019-11-25 21:31:06

阅读数 18

评论数 0

原创 Vue 父子组件互相通信

为了保证单项数据流,在 Vue 中,父子组件的关系可以总结为props向下传递,事件向上传递。 即父组件通过props给子组件下发数据,子组件通过事件的方式给父组件发送信息。 一,父传子 1,父组件传值给子组件 在父组件中,用 v-bind 动态绑定一个自定义属性,用于给子组件传递数据...

2019-11-25 18:40:36

阅读数 15

评论数 0

原创 Vue路由传参 query 和 params 方式详解

query方式: 直白的来说 query 相当于 get 请求,页面跳转的时候,可以在地址栏看到请求参数; 使用方式:使用 path 来匹配路由,然后 通过 query 来传递参数;(也可以用 name 匹配路由) 父组件: this.$router.push({ ...

2019-11-25 16:51:39

阅读数 35

评论数 0

原创 JavaScript 中 Object.getOwnPropertyNames() 与 Object.keys() 的区别?

大部分情况下,Object.getOwnPropertyNames() 和Object.keys() 的功能是一样的,我们一般用他们来获取对象中所有的属性,或者是获取对象中属性的个数: const obj = { aa: 1, bb: 2, }; console.log(Ob...

2019-11-11 16:27:22

阅读数 20

评论数 0

原创 JS 中,onclick 和 addEventListener 的区别?

onclick: 优点 简单; 处理事件的 this 关键字指向当前元素; 缺点 只能使用冒泡事件; 同一个事件,一次只能对一个元素设置一个,多了后者会覆盖前者; let cxk = document.getElementById('cxk') cxk.onclick...

2019-11-10 16:50:47

阅读数 92

评论数 0

原创 Vue,watch、computed 和 methods 的区别

在 Vue 里,computed 和 methods 很像。 methods 主要是用来写函数的,多次调用多次执行。 而 computed 主要是用来计算属性的,带有缓存功能,只有在第一次调用时执行,之后的调用会直接取第一次执行结果的缓存值,除非属性值发生变化。 同时适用 methods...

2019-11-10 16:36:59

阅读数 21

评论数 0

原创 JS 继承

JS 没有类的概念,那 JS 中的继承是怎么实现的呢? 其实在 JS 中,继承全靠原型链。 如果大家对原型链不是很了解,可以看下我之前写的一篇文章。 一,原型链继承 function Person() { this.name = 'person' this.c...

2019-11-09 23:51:40

阅读数 8

评论数 0

原创 JS 原型链

我们每学习一个概念,不仅要知道它是什么,还要知道它是用来解决什么问题的。 先说总结: JavaScript 没有类,继承全靠原型链。(即__proto__和 prototype 之间的关系) 所以原型链是用来解决 JS 中的继承问题的。(指 ES6 之前,ES6以后有了 class 和 ex...

2019-11-08 15:46:31

阅读数 13

评论数 0

原创 JS 构造函数

1,什么是构造函数? 在 JavaScript 中,用 new 关键字调用的函数,被称为构造函数。 2,构造函数有什么特征? 首字母大写(非强制,业界规范); 构造函数里的方法和属性由 this 来定义; 3,为什么要使用构造函数? 我们每学习一个新概念,不仅要知道它是什么,还要知道它解决...

2019-11-08 14:25:29

阅读数 10

评论数 0

原创 JS 日期格式变成时间戳

方法一: 一元运算符 + 的另一个常见用途是将日期(Date)对象强制类型转换为数字,返回结果为unix时间戳,以毫秒为单位; let a = +new Date() 方法二: let a = new Date().getTime() 方法三: 最好还是用ES5中新加入的静态方法 ...

2019-10-16 18:52:17

阅读数 14

评论数 0

原创 !DOCTYPE html 的作用是什么?

关于加不加 <!DOCTYPE html>,我总结了下: a)加了表明这是 html5,要按照 w3c 的规范解析文档(css) b)不加的话,浏览器会按照自己的解析方式去解析文档(这样就有可能造成不同浏览器显示效果不同) 1,新一点的浏览器即使不写<!DO...

2019-10-08 10:33:06

阅读数 32

评论数 0

原创 a 标签的 href 属性

<a href =" "></a> <a href ="#"></a> 不知道大家在学习 html 的时候有没有注意过以上两种写法他们之间的区别呢? 上面两种写法的“效果”是一样的,看起来都是“哗”的一下...

2019-10-08 10:18:52

阅读数 24

评论数 0

原创 将多行文本最后一行的超出部分变成省略号

aaa, 很早以前学 css 的时候只会把单行超出部分变成省略号,当时也没多想, 最近遇到了一个问题需要将多行文本最后一行的超出部分变成省略号,比如这样: 然后在网上查了相关资料最后找到了解决问题的方法, 我就直接贴代码了: overflow: hidden; //超出隐藏 ...

2019-10-07 21:14:58

阅读数 18

评论数 0

原创 element导航与router-link之间的高亮失效问题,以及如何刷新保持高亮

百思不得其解,后来抽空好好想了想 先贴一张高亮失效的代码 然后这样写根本没有效果 去控制台看发现原来是 color 设置失效了 但是怎么弄都无法让它正常高亮,aaaa为啥??? 原因应该是这样的,如果有大佬看见了觉得是我想错了,欢迎评论指出: router-link 默认渲...

2019-08-16 10:02:17

阅读数 385

评论数 1

原创 浏览器的回流和重绘

重绘: 比如background-color、font-size等,这些属性的该百年不会影响页面的结构布局,只会影响内容的变化,即这些属性的改变将会引起浏览器的重绘 回流: 比如padding、margin、height等,改变这些属性会影响页面的结构布局,即改变这些属性会引起浏览器的...

2019-07-17 18:02:20

阅读数 30

评论数 0

原创 渲染树(render树)是什么?

大家都知道DOM节点, 其实DOM节点可以分为 可视化节点 和 非可视化节点, 像 div、p 等这种结构性的标签节点可被称为可视化节点, 而 script、meta 等这种在页面上显示不出来的节点则被称为非可视化节点; 那渲染树(render树)是什么呢? render 树就是根据...

2019-07-17 17:48:15

阅读数 263

评论数 0

原创 在 Vue 中为什么非要用 requier 的方法才能引入图片?

因为webpack会将图片当做模块来引用,所以在js中需要使用require将图片引用进来,而不是直接以字符串的形式。 node编程中最重要的思想就是模块化,import和require都是被模块化所使用。 遵循规范 require是 AMD 规范引入方式 import是 ES6 的一个新...

2019-02-22 16:00:24

阅读数 330

评论数 0

原创 vue-cli2 中 assets 和 static 文件夹的区别

相信有很多小伙伴在刚开始学习 vue 的时候都傻傻分不清楚,assets 和 static 文件夹的区别。下面我就来简单说一下它们之间的不同之处。 assets目录中的文件会被webpack处理解析为模块依赖 然后,它只支持相对路径的形式。 static/ 目录中的文件不会被Webpack处...

2019-02-22 15:30:47

阅读数 387

评论数 0

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