码迷,mamicode.com
首页 > 其他好文 > 详细

面向对象

时间:2015-08-15 21:26:13      阅读:112      评论:0      收藏:0      [点我收藏+]

标签:

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

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

    (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,并在显示的时候不要出现横向滚动条。

 

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

   

 

面向对象

标签:

原文地址:http://www.cnblogs.com/liner730/p/4733070.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!