Day41

2022-04-28 00:32:10 作者：互联网

今日总结

溢出属性

# 文本内容超出标签的范围
overflow: hidden	隐藏文本内容
overflow: auto\scroll	提供滚动条查看

定位

1.静态定位		static
	标签默认都是静态定位即不能通过定位操作改变位置
2.相对定位		relative
	相对于标签原来的位置定位
3.绝对定位		absolute
	相对于定位过的父标签定位,如果没有父标签或者父标签没有定位 则以body为准
4.固定定位    fixed
	相对于浏览器窗口定位
    
# 定位
	position: left\right\top\bottom

z-index属性

# 前端界面其实是一个三维坐标系 z轴指向用户
<html>
<head>
<style type="text/css">
img
{
position:absolute;
left:0px;
top:0px;
z-index:-1;
}
</style>
</head>

<body>
<img src="/i/eg_smile.gif" />
<p>由于图像的 z-index 是 -1，因此它在文本的后面出现。</p>
</body>
</html>

JavaScript语言

# javascript简介
	javascript与java并没有关系，并且本身有很多不符合逻辑的地方，有ECMA5、ECMA6版本
    
# 变量与注释
	单行注释  # //xxx
    多行注释  # /*xxx*/

# 结束符号
	分号结束   console.log('hello world');

# 变量声明
	1.var
  	var name = 'jason'
	2.let
	let name = 'jason'
	# var只能声明全局变量 let可以声明局部变量
    
# 常量声明
	const pi = 3.14
    
# 数值类型(相当于python里面的整型int和浮点型float)
	Number
	NaN  # 属于数值类型 意思是'不是一个数字'(not a number)
	parseInt('a')  # 不报错返回NaN
	parseFloat('a')  # 不报错返回NaN
    
# 字符类型
	String
    	var name = 'jason'
        var name = "jason"
        
# 字符串的拼接
	在js中字符串拼接用'+'
    
# 统计长度
	js中使用length统计长度
    
# 移除字符串的空格(不能指定字符)
	trim()、trimLeft()、trimRight()
    
# 切片操作
  	js中使用substring(start,stop)、slice(start,stop)
    	#substring()不支持负数索引
  
# 大小写转换
	大写转小写:.toLowerCase()
    小写转大写:.toUpperCase()
        
# 切割字符串
	js中和python都是用split() 但是有点区别
      	['jason', 'jack', 'jim']
      	ss1.split(' ', 1)  # ['jason']
      	ss1.split(' ', 2)  # ['jason', 'jack']
        
# 字符串格式化
	js中使用小顿号格式化字符串(`)
  	var name = 'jason'
    var age = 18
    console.log(`
        my name is ${name} my age is ${age}
    `)
    #  my name is jason my age is 18
    
# 布尔类型  Boolean
	js中布尔值是全小写  # true false
    布尔值为false的 0 空字符串 null undefined NaN
    python中布尔值为False的 0 None 空字符串 空列表 空字典等
    
# 对象
	数组(相当于python中的列表)
  	Array
    	var l1 = [11, 22, 33]
  1.追加元素
  	js中使用push()  python中使用append()
  2.弹出元素
  	js和python都用的pop()
  3.头部插入元素
  	js中使用unshift()  python中使用insert()
  4.头部移除元素
  	js中使用shift()    python中可以使用pop(0) remove() 
  5.扩展列表
  	js中使用concat()   python中使用extend()
  6.forEach
	function(currentValue, index, arr)
    currentValue	必需，初始值, 或者计算结束后的返回值
    index	可选，当前元素的索引值
    arr		可选，当前元素所属的数组对象
  	var l1 = ['jason', 'tony', 'kevin', 'oscar', 'jerry']
    l1.forEach(function(arg1){console.log(arg1)})
    VM3143:1 jason
    VM3143:1 tony
    VM3143:1 kevin
    VM3143:1 oscar
    VM3143:1 jerry
      
    l1.forEach(function(arg1,arg2){console.log(arg1,arg2)})
    VM3539:1 jason 0
    VM3539:1 tony 1
    VM3539:1 kevin 2
    VM3539:1 oscar 3
    VM3539:1 jerry 4
     
    l1.forEach(function(arg1,arg2,arg3){console.log(arg1,arg2,arg3)})
    VM3663:1 jason 0 ['jason', 'tony', 'kevin', 'oscar', 'jerry']
    VM3663:1 tony 1  ['jason', 'tony', 'kevin', 'oscar', 'jerry']
    VM3663:1 kevin 2 ['jason', 'tony', 'kevin', 'oscar', 'jerry']
    VM3663:1 oscar 3 ['jason', 'tony', 'kevin', 'oscar', 'jerry']
    VM3663:1 jerry 4 ['jason', 'tony', 'kevin', 'oscar', 'jerry']
 	7.添加或删除数组中的元素，然后返回被删除的元素
  	splice(起始位置,删除个数,新增的值)

标签：jason,python,oscar,js,Day41,var,kevin
来源： https://www.cnblogs.com/ymxda9/p/16201250.html