发表于: 2017-06-24 21:35:56

0 846


今天完成的事情:

     继续研究了webpack,短时间将这个东西应用在复盘中可能会踩很多坑,因为时间的原因,决定放弃在复盘中使用webpack了,然后决定在前台中使用懒加载,所以今天又学习了一波懒加载的东西,懒加载的资料百度出来的都比较差,还是翻墙出去看官方文档比较好。现在架子基本已经搭好,如果我的队友身体健康的话,估计很快就能完成任务了。0.0

  

明天计划的事情

   继续复盘任务

    继续学习点webpack的东西


 

    

遇到的问题:

    记录oclazyload的一些东西吧,下面是我复盘中的懒加载,首先依赖注入ocLazyLoad是必须的,然后是ocLazyLoad和ui-router的搭配使用。我声明了函数_lazyLoad,参数就是需要懒加载的文件,serie:true的我查看官方文档的意思设置文件按顺序加载,除了serie这个参数以外还有几个参数如下,cache: false表示不使用本地缓存。

reconfig: true表示重新加载模块时,再次调用配置模块(reconfig这个还是使用false好,API说会导致莫名其妙的错误)。

rerun表示重新运行模块,这里我没看懂,可能是与reconfig配合使用??rerun这个暂时留有疑问。

insertBefore这个东西也没怎么搞懂,默认情况下懒加载的文件是加载在head中最后一个元素的前面的,insertBefore可以更改这个顺序。

carrotsApp.config(function ($stateProvider,$urlRouterProvider) {
   var _lazyLoad = function(loaded){
               return function ($ocLazyLoad){
                 return $ocLazyLoad.load(loaded,{serie:true});
              }
};
   $urlRouterProvider.otherwise("home");
   $stateProvider
//首页
       .state("home",{
           url:"/home",
           templateUrl:"templates/Home.html",
           controller:"homeCtrl",
           controllerAs: "vm",
           resolve:{
               loadMyFile :_lazyLoad([
                    "javascript/controllers/home.js",
                   "style/home.css"
               ])
}
})

   

 

  

收获:  懒加载。



返回列表 返回列表
评论

    分享到