随着Ajax, RIA这两年迅速发展, Javascript应用逐渐被提到正轨. 我之前也不是专门做Javascript的, 但是, 现在的工作是以Javascript为主, 附带PHP开发..
开发背景: 网页游戏.
Javascript插件: jQuery, jQueryUI
因为是网页游戏, 所以涉及到了大量的前台操作.....
目前, 游戏中大量的使用了拖放, Tabs两种效果, 都是用jQueryUI的插件完成的.
现在, Javascript代码已经很庞大了, 总体表现出来的缺点是:
1. js文件数量庞大: 我把每个子页(tabs对应的加载片段)又分为两个文件, 一个用来绑定事件, 预处理等, 另一个文件用来定义函数...除此之外, 一个整体的页面往往会有一个全局的函数定义文件...所以现在的js文件数量很大..
2. js函数可复用性低: 这是最关键的一个, 复用性太差了...带来复用性差的主要原因是由于各页面处理的业务对后台而言, 或许是同样的业务逻辑, 但是, 到了前台, 由于html制作上的偏差, 导致不能重用.....
1. js文件数量庞大的问题, 目前没有较好的方案解决, 请有经验的前辈指条明路(由于复用性差, 所以名字匮乏, 全部放入一个文件一方面怕加载效率, 更重要的是怕名字重复).
2. 函数复用性低的问题, 我现在是通过把要操作的区域的大致结构用样式(专门用于js控制的样式)来定义, 然后, 通过这些控制样式去绑定事件....这样做的确对复用性有所帮助, 但整体效果还是不行....还有一个方面是由于控制样式不能完全独立为与显示无关, 因为诸如hover, selected等特性与业务有交集.....
期盼有这方面经验的前辈指条明路, 让俺们项目的js能活起来....
这里先谢谢各位了...
刚统计了一下目前的js代码情况:
文件数量: 113
代码行数: 40457
周一了, 顶下...
{{
产品的配置页面共用一个用JavaScript的dTree实现的树形结构，显示的时候，树形结构靠在页面的最左边，跟我的配置页面中间隔了一大块，现在想把树形目录居中，紧靠在配置内容旁边，如何控制树形目录的位置，以及可不� ......
