插件,在多人项目开发的过程中,是个很好的工具。它能够将复用的部分,封装成一个公共的接口,只需要写一遍,就可以在多人项目中,按照一定规则进行使用。
开发一个插件需要完成以下几步:
- 定义在闭包中,并以一个立即执行函数进行开放。
- 将对象注册在window中,以开发接口供外界使用。
- 设置必要性的配置参数,以便根据配置参数的不同,执行不同的操作。
- 将公用方法,抽离出来,放在prototype原型链上。
现在,按照上述罗列的四个步骤,一起探讨下,如何封装一个日期选择器插件吧。
需求背景:根据不同配置参数,需要动态可配的输入时间控件,再点击不同时间链接之后,返回一个时间值。时间值作为下次访问条件查询语句的参数。
技术难点:该需求,如果只封装成一个日期控件,方法较为简单,然后根据封装的控件,捕获点击事件,根据点击事件的值,进行相应操作。但,目前该插件封装出来,是给后台人员使用的,考虑到后端人员对前端的认识较为薄弱,因此想把点击后获取到的对一个标签值,当做一个string字符串,传递出来,以便后端人员进行下一步操作。该字符串的获取,需要有一个前提,即对日期控件进行点击,才读取值。因此该方法的难点就在于,如何将点击之后返回的值,直接return出来,并开接口传递到外界使用。
梳理步骤&#