xdmJS库的开发始末

在国美网上商城工作期间,习惯于把网站所有应用到的JS函数方法写到一个JS自定义对象中(详细见:http://js.gome.com.cn/js/gome/index/gome-base-v3.js,此代码中的base对象和xdm对象既是 在 国美网上商城工作期间写的JS代码),然后在不同的页面对象只该页面应用到的方法,如base.fun(options)调用,所以闲暇时间,我把一些常 用的方法整合了一下(包括返回顶部,选项卡,input水印,超过截取字符,判断浏览器,模拟下拉框,循环轮播图,POP弹出层,瀑布流布局效果等),方 便以后直接调用,如本博客页后面的调用(已经把代码合并压缩了,具体见blog 末端JS的应用,这段JS见http://www.css119.com/wp-includes/js/xdm.js):

//this page's js
	jquery

(function(){
		//backToTop
		xdmJS.backTop("#backTop",300);
	})

具体代码详细见:http://www.css119.com/wp-includes/js/xdmJS.js ,代码中有详细的注释,感兴趣的同学可以看看,有什么更好的优化意见,可以留言给我,我继续改进。- -!
库的具体应用示例会在本blog 后面的几篇文章介绍,请关注!

 

PS :基于此种方法编写的JS过于庞大,后期维护部太容易,多人合作期间易冲突,故我现在更倾向于把JS模块化出来,实现模块化开发 ,一个JS功能函数一个模块,利用seaJS 和OYE-AMD等进行更好的代码模块化开发 。- -!

转载请注明: 转载自WEB前端开发-关注常见的前端开发问题、最新的前端开发技术和最好的前端开发工具

本文链接地址: WEB前端开发之xdmJS库的开发始末

你可能感兴趣的:(xdmJS库的开发始末)