总结

73 阅读3分钟

: CSS3 有哪些新属性

  • border-radius:圆角边框
  • box-shadow:盒子阴影
  • background-size:背景图片大小
  • transition:过渡
  • transform:转换(位移 旋转 缩放)
  • transformX transformY transformZ
  • animation:动画
  • linear-gradient:线性渐变
  • box-sizing:css3 盒子模型

:**git的核心概念有哪些

8665632f52522d5da2015332ca43ae8.jpg

git中与分支相关的操作

8da5f998152056fddc39071db574631.png

标准盒模型和IE怪异盒模型有什么区别

一、标准盒模型

标准盒模型又称W3C标准盒模型,其中标准盒模型的 width 等于 content 的宽度,标准盒模型的 height 等于 content 的高度。
标准盒大小计算公式:width(content) + padding + border + margin

image.png

二、怪异盒模型 怪异盒模型又称IE盒子模型,其中怪异盒子模型的 width 等于 content + padding + border 的宽度,怪异盒子模型的 height 等于 content + padding + border 的高度。 怪异盒大小的计算公式:width(content + padding + border) + margin

image.png

三、css样式

在 css3 中添加了对盒模型设置的属性 box-sizing,可以根据需要自由调整。浏览器支持:IE8+

float 常用属性值

329373add47a1bc6540cadd2dbfb22c.png

数组的方法

1. join (原数组不受影响)

​ 该方法可以将数组里的元素,通过指定的分隔符,以字符串的形式连接起来。 返回值:返回一个新的字符串

`
//将数组用 - 符号连接起来
let arr = [1,2,3,4,5];
let str = arr.join('-');
console.log(str)//str = 1-2-3-4-5;`

2. split (原数组不受影响)

​ 该方法是用过指定的分隔符,将字符串分割成数组。 返回值:返回一个新的数组

let str = wqz-ttj;
let arr = str.split('-');
console.log(arr);// arr=['wqz','ttj'];

数组的增删操作(直接改变原数组)

3. push

该方法可以在数组的最后面,添加一个或者多个元素 结构: arr.push(值) 返回值:返回的是添加元素后数组的长度.

4. pop

该方法可以在数组的最后面,删除一个元素 结构: arr.pop() 返回值:返回的是刚才删除的元素.

5. unshift

该方法可以在数组的最前面,添加一个或者几个元素 结构: arr.unshift(值) 返回值: 返回的是添加元素后数组的长度

6. shift

该方法可以在数组的最前面,删除一个元素 结构: arr.shift() 返回值: 返回的是刚才删除的元素.

数组的翻转和排序(改变数组)

7. reverse 翻转数组

结构:arr.reserse()

8. sort

该方法可以对数组进行排序.

let arr = [1,3,5,2,4,23,122,34];
//没有参数:时按照首字符的先后排序
arr.sort()//arr=[1,122,2,23,3,34,4,5];
//有参数
arr.sort(function(a,b){
	return a-b;//从小到大排序
	return b-a;//从大到小排序
})

数组的拼接与截取(原数组不受影响) 9. concat 该方法可以把两个数组里的元素拼接成一个新的数组

返回值: 返回拼接后的新数组

let arr1 = [1,2,3];
let arr2 = [4,5,6];
let arr = arr1.concat(arr2);//arr = [1,2,3,4,5,6];
arr1.push(arr2);//arr1 = [1,2,3,[4,5,6]];

该方法和push的区别: push是直接把后一个元素原封不动的添加到第一个数组的后面;

  1. slice 截取 出来 该方法可以从数组中截取指定的字段,返回出来 返回值:返回截取出来的字段,放到新的数组中,不改变原数组

结构1:arr.slice(start,end) ;从start下标开始截取,一直到end结束,不包括end

let arr = [0,1,2,3,4,5,6,7];
let newArr = arr.slice(0,3)//newArr = [0,1,2];

结构2:arr.slice(start) ;从start下标开始截取,一直到最后

let arr = [0,1,2,3,4,5,6,7];
let newArr = arr.slice(2)//newArr = [2,3,4,5,6,7];

结构3:arr.slice( ) ;全部截取

let arr = [0,1,2,3,4,5,6,7];
let newArr = arr.slice(2)//newArr = [0,1,2,3,4,5,6,7];

删除或增加元素(任意在任何位置,直接改变原数组,没有返回值)