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