面向对象

 面向过程：
   
     汇编语言接近机器语言

     把想做的事情，编写成代码，就交给计算器去执行，并实现其功能。
面向对象：

    （object  也可理解为物体）
     

   特征/属性

    年龄
    姓名
    性别     

  （名词）

   行为/方法

    能说话
    会哭
    会笑
        
   （动词）  

  对象就是一个物体（有特征、行为）


   类
  
    类是对象的抽象
    对象是类的实例

   
 js当中
  对象的实例---对象
  对象----类

  我要喝奶--就是类
  拿了一盒酸奶---就是对象


  
**原型**

 
 类---原型----对象

  每个对象都有原型。



对象的四大特征：    继承  多态



**对象的继承**

 实现代码的重用性和扩展性！

  
 父元素

    function  fun(){
      this.name="张三";
      this.age="20";
      this.sex="男"；

     }

子元素

    num.prototype=new fun();

      function  num(){
        console.log("姓名："+this.name);
     
     }



  display:table  //此元素会作为块级表格来显示（类似 <table>），表格前后带有换行符。


  display:table-cell //此元素会作为一个表格单元格显示

  定义过后，会以table来显示。

   在编写手机网页时，还可以使用REM

    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">

  并且添加JS：

<script type="text/javascript">
	(function(){
	function init(){
	var docWidth = document.documentElement.clientWidth;
	var html = document.querySelector('html');
	html.style.fontSize = (docWidth / 20) + "px";
	};
	init();
	window.addEventListener('resize',init);
	})();
	</script>

整体页面的大小是20rem，并在显示的时候不要出现横向滚动条。

这样就能实现网页的在手机上显示正常的大小，不会出现网页的显示不符合要求的现象。