一:背景介绍
面向对象的思想仅仅可以用在后端写代码的过程中,也可以应用在前端进行原型设计上。我们在开发一个需求的时候会发现有很多的地方是类似的,比如说都需要弹框,都需要下拉列表。如果我们每个地方都写一遍下拉框的样式代码效率会很低。后期如果调整,调整的位置也很多,很有可能会有改不到的地方。这样我们的工作效率就会很低。
二:思路&方案
提高我们前端的工作效率:将类似的功能或者样式封装起来。用的时候直接引用就可以了,引用之后也可以根据业务场景进行调整。这样我们做了一个工作相当于做了以后每次都需要自己写下拉框或者其他组件的工作。
三:过程
下拉列表是我们在做前端设计的时候非常常用的一个组件,这时候我们就可以把下拉列表封装成一个组件,那个页面需要使用直接引用就可以了。组件的宽度高度引用之后都可以调整。以下是下拉列表的引用。
四:总结
面向对象的思想无处不在,不仅仅可以在后端代码中应用。在前端的的组件中也是可以应用的。第一次封装看似比较复杂,但是为后面代码或者组件复用的时候提高了工作效率。整体来说效率是提高的。