直接来一张图,阐述实现的思路
请看图,模块化的实现我进行了分层和逻辑抽离。垂直方向由五大块内容构成:
1. 最下面是底层的类库或基础的依赖,比如jquery、zepto、prototype等
2. 依赖于类库而封装的插件类或其他工具层的代码,这一块的内容与业务无关,放之他处也可用
3. 然后往上,是基于插件或工具代码而封装的与业务相关的代码,或是项目内各个页面会有公用的业务部分得抽离,比如弹窗、日历控件、字符串解析
4. 这一块的内容,是项目内某一个页面单独的逻辑,其他页面部分不会涉及到
5. 这是入口文件,main.js,html的代码指向这个入口文件,在这里配好requirejs的路径,并指明逻辑执行的指向。
具体实现代码和文件架构,后续贴上,未完待更。