High Performance Extjs
前言
本文适合有一定 javascript 基础(明确 js 的面向对象,继承,作用域等)并能熟练使
用 extjs 框架(明确各组件间的继承关系)的人阅读,目的在于对 extjs 的前台架构进行性能
上的优化,核心思想为:“按需索取,晚使用,晚加载晚声明;不使用,不加载不声明;经常访问
使用,进行缓存”。如果你不知道这里在说什么,下面就是一堆 Dog shit,不要再看了。
缓存:
缓存是性能优化的最直接办法,除了对文件加载, ajax 请求的缓存,在脚本编码的时候
也要使用缓存,如下面对变量进行缓存
/**
* @description : 点击后,让本按钮不可用,激活其他按钮,内部检索运用变量缓存
* @param {}
* btn : 被点击按钮
* @param {}
* e : Click Event
* @scope : Panel$region='west'
*/
MainPanelHandler.changeBtn = function(btn, e) {
// 为this作用域添加属性 buttons,并赋给btns,缓存数组,减少索引
var btns = this.buttons;
if (!btns) {// 如果btns(buttons)为空
// 取出buttons付给buttons和btns,当下次取的时候,直接使用btns变量,而
不是检索dom节点
btns = this.buttons = this.findByType('button');// 只执行1次
}
var len = btns.length;
while (len--) {// 倒序,减少判断
btns[len].enable();
}
评论3
最新资源