AngularJS使用ocLazyLoad实现js延迟加载
最近开发一个系统遇到了一个问题，用angular路由一个html片段，该片段需要使用一个js插件来实现一个富文本编辑器。关键问题在于必须要在片段加载后通过js与dom元素进行绑定。一开始想当然以为直接把js代码写在代码段里不久ok了，然而经过实验，路由将html片段插入页面时只能读取css，无法解析并执行js代码。
google了半天发现了很多angular+requireJs的解决方案，但我觉得对于我这个场景并不适合，因为requirejs本质是一个模块加载器，按需加载只是他的副业，我们用它应该主要是用它来做模块化的，如果我们单纯为了按需加载却要试用模块化语法包装我们的代码(define)，感觉有点像用大炮打蚊子，对于我这种需求来说代价巨大。
最后决定使用ocLazyLoad来处理，因为此方案优点是，简单易行无侵入。同时这个方案有些缺点，比如每次动态加载需要的脚本、模版资源会有很多不必要的网络开销，路由定义比较复杂（多了一些配置项，其实不能算复杂，而是繁琐），对于大型复杂业务应用，路由众多，耗费的精力不可忽视。但是用在我这个场景之中正合适。于是便在github上fork下js,引入到项目中。
<script src="js/ocLazyLoad.js"></script>
在需要用到的angular模块里进行配置
var app = angular.module('formCtrlParts', ['oc.lazyLoad']);
再向路由需要用到的控制器里面使用此服务进行js文件的按需加载
app.controller('addNewBlogCtrl',function($scope,$http,$ocLazyLoad){
$ocLazyLoad.load('../html/ckeditorjs/ckeditor.js');
})
这样基本就大功告成，ocLazyLoad有很多种加载方式，也可以配合路由，指令进行加载。
以上所述是小编给大家介绍的AngularJS使用ocLazyLoad实现js延迟加载，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持！
-
本文向大家介绍Webpack 实现 AngularJS 的延迟加载，包括了Webpack 实现 AngularJS 的延迟加载的使用技巧和注意事项，需要的朋友参考一下 随着你的单页应用扩大，其下载时间也越来越长。这对提高用户体验不会有好处（提示：但用户体验正是我们开发单页应用的原因）。更多的代码意味着更大的文件，直到代码压缩已经不能满足你的需求，你唯一能为你的用户做的就是不要再让他一次性下载整个应
-
本文向大家介绍AngularJS中的Directive实现延迟加载，包括了AngularJS中的Directive实现延迟加载的使用技巧和注意事项，需要的朋友参考一下 所谓的延迟加载通常是：直到用户交互时才加载。如何实现延迟加载呢？ 需要搞清楚三个方面： 1、html元素的哪个属性需要延迟加载？ 2、需要对数据源的哪个字段进行延迟加载？ 3、通过什么事件来触发延迟加载？ 自定义的Directive
-
本文向大家介绍angularjs ocLazyLoad分步加载js文件实例，包括了angularjs ocLazyLoad分步加载js文件实例的使用技巧和注意事项，需要的朋友参考一下 用angular有一段时间了,平日里只顾着写代码,没有注意到性能优化的问题,而今有时间,于是捋了捋,讲学习过程记录于此: 问题描述:由于采用angular做了网页的单页面应用,需要一次性在主布局中将所有模块需要引用到
-
问题内容： 感谢Dan Wahlin的精彩文章，我设法实现了Angular的控制器和服务的延迟加载。但是，似乎没有一种干净的方法来懒惰加载独立的模块。 为了更好地解释我的问题，假设我有一个没有RequireJS的应用，其结构如下： 这是在Plunker中带有RequireJS的示例应用程序：http ://plnkr.co/aiarzVpMJchYPjFRrkwn 问题的核心是Angular不允许
-
问题内容： 我有一个包含5000多个数据记录的网格。这些数据每天都在增长。当我用网格加载页面时，网格显示数据几乎要花一分钟，我必须一次显示10行。 然后可以使用此jqGrid实现延迟加载吗？ 这是我生成JSon字符串的操作： 这是带有jqGrid的页面： 请参阅下面的查询： 我在上述操作中设置的限制金额。该值为10。 问题答案： 好的，所以这是一个基于JPA的部分答案（但是我想让它适应Hibern
-
本文向大家介绍浅析js预加载/延迟加载，包括了浅析js预加载/延迟加载的使用技巧和注意事项，需要的朋友参考一下 Pre loader 预加载一般有两种常用方式：xhr和动态插入节点的方式。动态插入节点是最为简单也最为广泛的一种异步加载方式，然后使用动态插入节点方法加载的文件都会 在加载后立即执行，javascript的执行一方面会占用浏览器js执行进程，另一方面也可能改变页面结构，而css 的执行