学习笔记---CSS使用技巧
摘要:1、CSS重置 *{ box-sizing:border-box; margin:0; padding:0 } 2、继承盒模型 html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } 3、flex避
阅读全文
posted @
2020-07-31 17:30
iceBreak
阅读(183)
推荐(0)
学习笔记---for、forEach、for...in、for...of 循环
摘要:var fruits = ['apple', 'banana', 'orange', 'mango',] 1、for 循环 for (var i = 0; i < fruits.length; i++) { console.log(fruits[i]) } 2、forEach 循环 (无法终止循环)
阅读全文
posted @
2020-07-22 15:47
iceBreak
阅读(336)
推荐(0)
学习笔记---ES6:解构赋值
摘要:一、定义:从数组或对象中提取到不同的变量的js表达式 数组、对象、字符串、数值、布尔值、函数参数 1、数组的解构赋值 扩展运算符(合并数组): const arr1 = [1, 2, 3] const arr2 = ['a', 'b', 'c'] const arr3 = [arr1, arr2]
阅读全文
posted @
2020-07-22 15:22
iceBreak
阅读(214)
推荐(0)
npm切换私有源踩坑记录
摘要:背景: 切换私有源提示: npm ERR! code E401 npm ERR! Unable to authenticate, need: BASIC realm="Sonatype Nexus Repository Manager" 解决方法: 1、输入 npm config list 获取 n
阅读全文
posted @
2020-07-22 11:22
iceBreak
阅读(2017)
推荐(1)
学习笔记---display、grid属性
摘要:术语:Grid Grid 是二维网格系统。它可以用来构建复杂的布局以及较小的界面。 属性:grid-template-columns 定义列,按照你希望它们在网格中出现的顺序,把grid -template-columns 属性设置为列大小 .grid { display: grid; grid-t
阅读全文
posted @
2020-07-21 18:39
iceBreak
阅读(948)
推荐(0)
学习笔记---CSS伪选择器
摘要:1、::first-line // 首行文字 p::first-line { background: #f00; } // 首行背景色是红色 2、::first-letter // 选择首字母 span:first-letter { color: #f00; } // 首字母是红色 3、::sele
阅读全文
posted @
2020-07-13 15:14
iceBreak
阅读(161)
推荐(0)