在前文中我们不止一次强调过模块化编程的重要性,以及其可以解决的问题:① 解决单文件变量命名冲突问题② 解决前端多人协作问题③ 解决文件依赖问题④ 按需加载(这个说法其实很假了)⑤ ......为了深入了解加载器,中间阅读过一点requireJS的源码,但对于很多同学来说,对加载器的实现依旧不太清楚事...
分类:
Web程序 时间:
2014-09-09 21:27:49
阅读次数:
356
"延迟加载"是指在需要的时候再加载数据。比如获得一个Customer信息,并不会把该Customer的Orders信息一下加载出来,当需要显示Orders的时候再加载。简单来说,就是按需加载。使用"延迟加载"的好处是减少应用程序响应时间,降低内存消耗,避免不必要的数据库交互。 □ 即时加载 创建Or...
分类:
其他好文 时间:
2014-09-06 22:27:54
阅读次数:
416
一、应用场景:有时候我们需要动态创建script标签实现脚本的按需加载,我们会为script标签绑定onload或者onreadystatechange事件,用于检测动态脚本是否加载并执行完毕,在事件处理程序中引用动态脚本创建的变量。二、问题描述:如果我们动态创建script标签并绑定事件处理程序后...
分类:
其他好文 时间:
2014-08-30 13:53:49
阅读次数:
228
我们在AngularJS中可以根据网址不同直接切换view,动态加载网页模板,但是控制模板的控制器需要先定义好才可以,不能和网页模板同时加载,这样就造成整个网站的JS都要先加载完成。 requireJS是大家第一个想到的东...
分类:
Web程序 时间:
2014-08-20 16:40:52
阅读次数:
310
r.js是requireJS的优化(Optimizer)工具,可以实现前端文件的压缩与合并,在requireJS异步按需加载的基础上进一步提供前端优化,减小前端文件大小、减少对服务器的文件请求。要使用r.js需下载r.js文件(点我下载),将其放到你的项目根目录;还需要安装nodeJS(点我下载),...
分类:
Web程序 时间:
2014-08-19 20:45:55
阅读次数:
302
我们经常会遇到一些这样的情况。1、页面布局时有些图片是用img标签包起来,有些是作为background-image,当用户的网络是龟速时,你会很明显的发现img标签的图片会先被加载,然后background-image的图片是最后才被加载,这时,你会发现页面用户体验非常差,background-i...
分类:
其他好文 时间:
2014-07-30 11:41:43
阅读次数:
189
一、Sea.js和Grunt构建工具 好处: sea.js按需加载,用到哪些模块会加载哪些模块,节省http请求 Grunt构建工具:可以对文件进行压缩和合并
分类:
Web程序 时间:
2014-07-16 20:25:20
阅读次数:
202
发一张policy的参数图设置图:场景1 - 数据的懒加载/延迟加载在很多时候,为了提高网页的加载速度,减少不必要的开销,会将页面的数据拆分成几个部分,首先加载呈现可视区域内的数据,然后剩下来的会在需要的时候在进行加载。而这种按需加载的数据又分为两种: 1.按照需要进行加载;可以是由某个动作触发来....
分类:
Web程序 时间:
2014-06-25 21:55:42
阅读次数:
263
回顾 经过两天晚上疯狂的开发调试,伴随着大量掉落的头发和酸痛的颈椎,KMD.js赢来了第一个稳定版本。在此期间KMD规范也有所修改和完善。 这两天主要完成的功能有: 按需加载 版本控制 模块管理 便捷调试 依赖打包 性能优化 依赖可视 在此,要感谢那些伟大的项目(虽然部分将要死去),但依然感谢: w...
分类:
Web程序 时间:
2014-06-25 20:39:52
阅读次数:
267