简述WEB项目前端脚本的一次重构历程,labJs,requireJs实践[转载]

2020-12-13 05:36

阅读:940

重构中的事情:
    1、首先,整个项目的页脚页头都有用到一些js和js库,这些具有共性的js先抽离到一个独立的head.js与foot.js中,放到include文件夹下。

    2、对于公用的js库,如jquery,blockUI,jquery-template,日历控件等,先通过

    3、对于强交互的页面,将其js文件放在include平级的目录下,以该项目名命名, 如app。

    4、第一步的脚本分离工作就完成了,但这只是万里长征的第一步,接下来就需要管理好这些依赖和合理组织其中的代码结构了。

    5、对于js库的管理,可以用lab.js或require.js,在本次重构中,两者都使用了。由于从jsp重分离出来的js代码没有良好的组织,其对第三方库的依赖也很难一时理清。
        再者,重构之事,有时间上的要求,只要分阶段走了。先保证js分离后能够不影响项目正常运行,然后再一步步合理优化代码。

    6、于是使用了lab.js,理由是可以按原页面要求的加载顺序来加载第三方js库,这样可以确保抽离出来的js能在lab.js加载相关库后,正确的运行。
        foot.jsp中定义了全局变量


评论


亲,登录后才可以留言!