js 组件的开发步骤

明确要开发的组件是框架级组件还是独立组件。框架级组件是指在已存在的js框架基础上进行开发的组件，如依赖的框架可能是 jQuery ，angular 等。独立组件是指不依赖任何的三方框架，使用原生的 jsAPI 进行开发的组件，但可以引用一些工具库，如 underscore，momentjs 等。组件的引用方式，组件一般由 css + js 构成，所以要考虑在加载组件的时候对其他的组件会不会产生影响，也就是需要为组件指定相关的命名空间，css可以通过 class 类名前缀的方式进行区别，js 可以通过匿名函数的方式，不过可以考虑使用 requirejs 库，不仅可以解决其命名冲突的问题，还可以很好的解决构建组件时，js 模块之间的拆分，依赖等问题。组件的调用方式，这部分主要是调用参数的设计。如组件的样式(主题风格)，动画，文字，事件回调等。组件的抽象，这部分是考虑能否将组件更近一步的抽象，抽象成一个 widget类，然后抽象相关的组件生命周期方法，或者公共属性等，为以后扩展其他的组件提供同一的接口。