摘要: 第一种 纵向条纹 可以通过background的liner-gradient实现 参数的形式就是颜色和占比,最后一个的占比可以设置为0,因为浏览器会自动用最后一个的值补全 再用 background-size调整大小,实现条纹,应为浏览器自动平铺背景 第二种 垂直条纹 实现原理就是用liner-gr 阅读全文
posted @ 2019-11-04 15:11 qgr678 阅读(797) 评论(0) 推荐(0) 编辑
摘要: 需要用到的知识就是box-shadow , 和 outline 实现多重边框 实现这样的效果 阅读全文
posted @ 2019-11-03 11:10 qgr678 阅读(786) 评论(0) 推荐(0) 编辑
摘要: calc() 此CSS函数让你在声明CSS属性值时执行一些计算。它可以用在如下场合:<length>、<frequency>, <angle>、<time>、<number>、或<integer> 表达式中的操作数可以使用任意<length> 值。如果你愿意,你可以在一个表达式中混用这类值的不同单位 阅读全文
posted @ 2019-11-03 10:15 qgr678 阅读(195) 评论(0) 推荐(0) 编辑
摘要: 这两个属性都可以实现多列布局,但是column-width 是响应式的,它可以在小屏幕上自动显示为单列布局 所以指定column-width 比column-count好 阅读全文
posted @ 2019-11-03 10:13 qgr678 阅读(412) 评论(0) 推荐(0) 编辑
摘要: 尽管绝大多数人都知道inherit这个关键字,但是很容易遗忘,inherit可以用在任何css属性中,而且它总是绑定到父元素的计算值 举例来说,要把表单元素中的字体设置为与页面的其他部分相同,你并不需要重复指定字体属性,只需要利用inherit的特性即可 input , button { font: 阅读全文
posted @ 2019-11-03 10:08 qgr678 阅读(112) 评论(0) 推荐(0) 编辑
摘要: 在说vue的响应式之前,我们应该先来说说proxy proxy 在MDN上的解释是这样的:Proxy 对象用于定义基本操作的自定义行为(如属性查找,赋值,枚举,函数调用等)。 参数有两个 target用Proxy包装的目标对象(可以是任何类型的对象,包括原生数组,函数,甚至另一个代理)。 handl 阅读全文
posted @ 2019-10-24 15:54 qgr678 阅读(299) 评论(0) 推荐(0) 编辑
摘要: 封装一个函数,可以传入三个参数 第一个参数和第二个参数代表 n m 之间的随机数 ,第三个参数代表返回几个随机数 阅读全文
posted @ 2019-10-08 19:46 qgr678 阅读(1018) 评论(0) 推荐(0) 编辑
摘要: es6的set方法 原生JS的方法 循环数组,判断新数组里是否有arr[i] ,如果没有,就添加进新数组 阅读全文
posted @ 2019-10-08 19:29 qgr678 阅读(111) 评论(0) 推荐(0) 编辑
摘要: 数组扁平化就是把这样的数组 [ 1,3,4,[ 4,5,[ 6,7 ] ] ] 变成 [ 1,2,3,4,5,6,7 ]这样 阅读全文
posted @ 2019-10-08 17:01 qgr678 阅读(93) 评论(0) 推荐(0) 编辑
摘要: 浅克隆 浅克隆就相当于只是改变了一下指向地址 深度克隆 深度克隆就是如果不如数组中的 item 是一个数组, 那么就没法改变地址,地址还是原来的,所以需要深度克隆 阅读全文
posted @ 2019-10-08 16:45 qgr678 阅读(167) 评论(0) 推荐(0) 编辑