随着web技术的发展，特别是交互性越来越强网络应用，前端的脚本语言也逐渐的活跃起来。当使用JS编写应用时，特别是在一个系统中，如果不利用到现有的框架技术或者一些第三方的组件，我们在编写了若干个功能之后，发现越来越多的重复代码，有时候需求的一点改变都会导致很多处类似代码的变动，维护起来特别困难。所以这里有必要通过面向对象的方式，把通用的方法抽象起来管理，为了增加模块的复用，特别是针对于web这种对于页面效果很看重，但是又没有什么标准的情况，很有必要抽象出自己的组件，方便复用，或者编写出jQuery插件。
jQuery插件的编写（web组件）
关于jQuery插件的编写方法，之前总结了下：
jQuery插件实现的方法和原理简单说明 jQuery插件的编写相关技术 设计总结和最佳实践
代码的重构
如果希望自己的代码能够不断的累积而可维护，就需要不断的重构，在重构的过程中，JS为例，利用JS模拟的面向对象编程，对原有的代码进行封装和抽象，逐渐构建出可复用的代码，然后再通过灵活的方法进行架构，这里就涉及到设计模式了，关于JS的设计模式，《JavaScript设计模式》这本书介绍的挺不错的，之前的一点点笔记：
而关于面向对象的Javascript实践，《基于MVC的JavaScript Web富应用开发》，这本书也是不错的。
web组件编写需要注意的地方
关于临时变量。如果是在局部中才有使用的，可以用var声明，如果是在整个类中都会用到，最好用this形式声明，另外，访问该变量的方法，也需要使用this声明，以便在同一个作用域范围内访问到this声明的变量。
关于默认参数，可以使用类似jQuery中提供的$.extend() 方法继承。
this.config = {
data:[],
selectable:false,
el:[],
pageable:false,
selectRows:[],
};
this.config = $.extend({}, this.config, config);
可扩展性的UI组件
包括自适应大小，特别是针对于现在的响应式设计
在编写过程中考虑可能的情况和兼容性，尽量适应更多的场景，写的更通用一点。例如不要限制大小，让它自适应，尽量让参数可配置。
运行效率
最佳的效果都是希望能够最流畅的运行组件，所以，在编写玩之后需要做各种测试，包括增加数据量进行运行效率的测试。一般导致组件运行效率低下的可能原因是在循环中大量的操作了dom节点，造成了额外的时间开销。因此可以从这点上考虑进行优化。
