前端seajs模块化实践

前端模块化开发的价值
1、恼人的命名冲突
2、烦琐的文件依赖
使用 Sea.js 来解决
除了解决命名冲突和依赖管理,使用 Sea.js 进行模块化开发还可以带来很多好处:

模块的版本管理。通过别名等配置,配合构建工具,可以比较轻松地实现模块的版本管理。
提高可维护性。模块化可以让每个文件的职责单一,非常有利于代码的维护。Sea.js 还提供了 nocache、debug 等插件,拥有在线调试等功能,能比较明显地提升效率。
前端性能优化。Sea.js 通过异步加载模块,这对页面性能非常有益。Sea.js 还提供了 combo、flush 等插件,配合服务端,可以很好地对页面性能进行调优。
跨环境共享模块。CMD 模块定义规范与 Node.js 的模块规范非常相近。通过 Sea.js 的 Node.js 版本,可以很方便实现模块的跨服务器和浏览器共享。

不废话,直接上代码:

前端seajs模块化实践

在对应的html页面引入seajs文件以及配制文件basejs文件

basejs:

前端seajs模块化实践

在action.js中调用对应的对象方法

前端seajs模块化实践

在那页面行为控制的js文件中,类似indexControllerjs

前端seajs模块化实践

对于js文件模块一般方法
参考
https://github.com/seajs/seaj...

相关推荐