Javascript插件类库组织与管理

发布时间：2018-08-20 14:16:07 所属栏目：模式来源：站长网

导读：烈火网(LieHuo.Net)教程在开发一个较大规模的网站，js插件类库应用的是相当多。那么自然在一个页面里就存在不少script和script相关的link标记，这样js组织与管理自然成了一大问题。先举个例子，比如jquery插件中的calendar在一个页面中就得有如下代码看

　　烈火网(LieHuo.Net)教程在开发一个较大规模的网站，js插件类库应用的是相当多。那么自然在一个页面里就存在不少script和script相关的link标记，这样js组织与管理自然成了一大问题。

　　先举个例子，比如jquery插件中的calendar在一个页面中就得有如下代码

　　看上面代码,calendar代码得运用四个相关的文件。其中jquery1.3.2.js是必须的，jquery.datepick-zh-CN.js依赖于jquery.datepick.js（日历插件）,而jquery.datepick.css是插件的样式。

　　运用以上代码得很小心的对待插件的依赖关系,主次关系不能换，移动文件路径还得改动文件src路径，以上script中下载js文件都是单线程下载，理想的是进行多线程下载（firebug看得出来）,再者就是插件的缓存问题（插件更新了，客户端可能还保存着原来的文件）。

　　看过不少网上关于这方面的解决方案，博客园中有SmartScript和javaeye中有JSI,它们貌似都存在一个boot.js文件。而我的解决方案就只需要一个script后面跟插件参数即可。

　　以下是我对上述问题的一个解决方案：

　　在一个页面中只需要js应用的插件只需要script.do后跟参数后插件名参数即可，其它的工作就是在整体写一个插件资源配置文件（写插件配置的人得弄清楚js相关资源，这个只需要配置一次），至于其它什么也不需要弄。

　　插件资源配置文件

　　html示例代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head id="Head1" runat="server"> <title>Javascript插件类库组织与管理 - </title> <%-- --%> </head> <body> <input type="text" id="suggest1" style="border:1px solid #ccc"/> <a href="#" _fcksavedurl="#" title="Basic Tool Tip" class="bslink">Tip1</a> </body> </html>
提示：可修改后代码再运行!

　　相关代码下载

（编辑：武汉站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!