本文已参与「新人创作礼」活动，一起开启掘金创作之路。

每日测验(day54)

"""
今日日考
1.
	二进制转换成十进制：v = “0b1111011”
	十进制转换成二进制：v = 18
	八进制转换成十进制：v = “011”
	十进制转换成八进制：v = 30
	十六进制转换成十进制：v = “0x12”
	十进制转换成十六进制：v = 87
2.简述可迭代对象，迭代器对象，生成器对象及应用场景
3.什么是元类?元类的应用场景有哪些，能具体说说吗？
4.你用的MySQL是哪个引擎，各个引擎之间有什么区别
5.你所知道的定位有哪些，每个定位各有什么特点，列举哪些是不脱离文档流的哪些是脱离文档流的
"""

昨日内容回顾

Ps:浏览器默认优先展示文本内容

• 清除浮动带来的影响

  """
  浮动的元素会造成父标签的塌陷
  
  解决塌陷推导步骤
  	1.自己写一个标签强行撑起一个高度
  	2.clear属性
  			clear:left\right\both
  	3.统一解决方式	提前定义好后续直接使用
    	.clearfix:after {
    		content:'';
    		display:block;
    		clear:both;
   	 }
   	 谁塌陷了就给谁加上clearfix类属性
  """
  

• 溢出属性

  """标签内部的内容超出了标签自身的范围会造成内容的溢出"""
  overflow:hidden/scroll/auto/visible
    
  # 圆形头像制作
  overflow:hidden
    
  img {
      max-width:100%;
    }
  

• 定位

  """
  静态 static
  	默认所有的标签都是静态的 无法改变位置	
  
  相对定位 relative
  	相对于标签自身原来的位置
  	(如果你讲标签的position由static变成relative，那么标签就会由没有定位过的标签变成已经定位过的标签 性质就改变了)
  
  绝对定位 absolute
  	eg:小米购物车
  	相对于已经定位过的父标签(如果没有则以body作为参照)
  
  固定定位  fixed
  	eg:回到顶部、右侧小广告...
  	相对于浏览器窗口定位
  
  left
  top
  right
  bottom
  """
  
  # 脱离文档流
  	1.浮动
    2.绝对定位
    3.固定定位
  # 不脱离文档流
  	1.相对定位
  

• z-index

  # 其实是用来调节指向我们人的z轴的距离   模态框
  """
  eg:百度登陆页面 三层结构
  	1.底部正常文本内容
  	2.黑色的布
  	3.白色的登陆页面
  """
  z-index:999
  

• 透明度

  opacity  # 颜色和字体均可改变
  

• 简易版本的博客园首页

  """
  先用div划定区域
  再用HTML先占位
  最后调节样式
  	1.在给标签起id或者class属性的时候 也应该做到见名知意
  
  css单独开设文件书写
  	1.上来先用注释表明用途 以及作用区域
  		/*这是一个博客园首页的样式文件*/
  		
  		/*通用样式*/
      body {
      	margin:0;
      }
      a {
      	text-decoration:none
      }
      ul {
      	list-style-type:none
      	padding-left:0
      }
  		
  		/*左侧样式*/
  		
  		/*右侧样式*/
  """
  

• js简介

  """
  js也是一门编程语言(但是它内部的逻辑有很多bug，不是很严谨)
  js的发展史 javascript ecmascript
  主要版本
  	5.1
  	6
  
  js是很容易学习的
  	当你有了一门编程语言的基础之后 再去学其他编程语言真的没有那么难
  
  js的注释
  	//单行注释
  	/**/  多行注释
  
  js的引入方式
  	两种
  		script内部书写
  		script src属性引入外部js文件
  
  js是用分号作为语句的结束 但是你不写基本也没问题
  
  """
  
  

• js变量

  """
  在js中首次声明变量需要使用关键字
  	var
  		声明的都是全局
  	let
  		可以区分全局和局部
  	for循环案例
  	不用关键字其实也不报错(js非常的不严谨,不容易报错)
  """
  

• js常量

  """
  在js中是有真正意义上的常量的 
  	const pi = 3.14
  	pi = 3.44  # 报错
  """
  

今日内容概要

• 数值类型

• 字符类型

• 布尔值

• null与undefined

• 对象

  数组

  自定义对象

• 流程控制

• 函数

• 内置对象

  时间对象

  正则对象

  JSON对象

• BOM操作(js操作浏览器 显示动态效果等...)