什么是面向对象思想:
我们要注重谁来干事,而不是怎么干事
颗粒封装、组合使用
可复用、可扩展
案例背景:
一个需要有多个页面的项目,这多个页面也对应着多个需要绘制的产品原型图。如果采用传统认知的面向过程的思维方式,那么每个页面的每一个细节都要亲力亲为,遇到相似的地方就Ctrl C+V,如何相似的地方是多个小控件的组合,还要每个都选中,麻烦的很,这是一个让人头疼的工作量
复用思想的实现:
比如下图这个样式,选中发现,它由背景框和五个图标这六个元素组成
那么在选中的状态下,右键>进行合并
合并成了一个大组件
下面选择把这个大组件保存为一个公共组件
如图
那么这样,在任何一个页面,只要需要就可以拖过去,一步操作即可。任何相似的在多个页面有涉及的元素,我们都可以封装成一个组件。和传统的方式相比,效率明显提高。
升华
当设计好了圆形的样式,那么下一步前端就需要把样式实现出来,那么开放过程中同样利用面向对象的思想。原型和前端页面想对应,原型中封装了什么组件,那么前端开发也封装什么组件。这样一来前期设计和开发的效率都提高了。