项目前台开发感言之开发思想(2)

导读：

1、 项目前台开发感言之开发流程(1)

2、 经典编程引言

3、 如果从优秀程序员成为伟大的程序员

     还是接着上次我给大家分享的开发感言吧，今天提早完成了相应的工作。就上来论坛给大家说说自己的一些经验吧！
     今天主要跟大家分享的是开发的思想！为什么说是开发思想呢。其实对于前台开发者而言，尤其既懂后台又懂前台的程序员来说，这个事不难的，但是对于不懂后台的前台开发者而言，是个很好的类比思想启发！
      我们都知道不管JAVA还是.NET等的程序中，都会有面向对象的思想，继承、多态、封装是面向对象的三个典型特征。这里我就从前台开发的角度来给大家形象下这些抽象的思想吧！
     现在要开始啦！得把眼睛睁大哦！
     我们就拿书写CSS代码来举例来说吧！ JavaScript这些想必也不用我说了！对于基本了解CSS规则的广大朋友们，看着别人在那里写后台自己也想去写写，省的后台程序员老说自己不会前台，出了兼容性的问题就吼着你过来整，有时候还不小心把你的class或者ID给删除了。搞得前台布局者们甚是郁闷。。。。。
      开始正文了。。。 CSS中有像这样的代码：

 

1. #a,#b,#c,.a,.b {width:60%;}

这个写法和定义我就不说了！但是我从继承的角度来给大家说说吧！首先我们这样写的目的就是把一些共同的属性都是用这样的方式
写在一起。比如#a,#b,#c,.a,.b这些都继承了width:100%;这个属性，这个就很像我们写程序的时候为了让代码尽量的减少耦合就把一些共同的代码封装到一个方法中或者类中(公共类)或者工厂(有那么一点像 )
     而当我们写下面这些代码的时候：

 

1. #a,#b,#c,.a,.b {width:60%;}
2. #a{height:100px;}
3. #b{height:150px; float:left;clear:both;}
4. #c{height:130px;}
5. .a{height:500px;}
6. .b{height:300px;}
7. .c{height:450px;}

像上面的这些代码，如果懂程序的哥们已经知道了是什么了吧。    。当然就是多态啦！上面的 #a,#b,#c,.a,.b {width:60%;}代码中三个ID和三个class都集成了width:60%;的属性，但是在

 

1. #a{height:100px;}
2. #b{height:150px; float:left;clear:both;}
3. #c{height:130px;}
4. .a{height:500px;}
5. .b{height:300px;}
6. .c{height:450px;}

这些代码中他们又有自己的一些样式！这样得到的结果就是我既有了width:60%的属性和height的属性。。这样的结果就和我们面向对象中的继承和多态的关系哦。。。。
大家估计也发现了，我刚刚写的这些看上去是不是看着很舒服呀？！！这些代码显得很标准，也很简洁，更显得规范！
    所以说对于做前台开发的人员来说这些对于你学习JAVA和.NET以及C++等等编程语言是很有帮助的！尤其是很多刚开始接触面向对象的广大朋友们来说找个形象的比喻或者例子是再适合不过了！
好了，就写到这里了……
下次再给大家分享我的开发感言吧……

文章来自： http://vku88.5d6d.com/thread-894-1-1.html