国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

打開APP
userphoto
未登錄

開通VIP,暢享免費(fèi)電子書等14項(xiàng)超值服

開通VIP
提高EXT js的加載速度的方法_YOU'RE TOO PERFECT FOR ME......
提高EXT js的加載速度的方法
2010-01-23 15:46

我們知道,EXT的全部js是比較大的,一個(gè)ext-all-debug.js就達(dá)2m多,它的壓縮版(去掉js中的換行及空格),也達(dá)600多k,這對(duì)于在網(wǎng)速不太快的時(shí),下載js就得漫長的等待。
JOffice中的日歷任務(wù)控件,js多達(dá)四五個(gè),每個(gè)js大小都達(dá)70多k,盡管我們采用了后加載的方式,則當(dāng)用戶點(diǎn)擊我的任務(wù)功能時(shí),才下載該js,但這樣仍然很慢,因?yàn)橄螺d的js很慢
,鑒于此,在互聯(lián)網(wǎng)上使用類似Joffice類似的程序,速度會(huì)使很多開發(fā)商不敢選用ext作為開發(fā)技術(shù)。


我們可以從以下幾種方法來提高應(yīng)用程序的運(yùn)行速度:

一.前期盡量少加載js.

   這點(diǎn)在Joffice中有比較好的運(yùn)用,采用的是由ScriptMgr.load方法來完成,加載完成后,其會(huì)在body中插入一個(gè)div,只要當(dāng)前頁面不被刷新,下次再訪問該功能時(shí),不需要再加載js

Java代碼
  1. function $ImportJs(viewName,callback) {   
  2. var b = document.getElementById(viewName+'-hiden');   
  3. if (b != null) {   
  4.      var view = eval('new ' + viewName + '()');   
  5.      callback.call(this, view);   
  6. } else {   
  7.      var jsArr = eval('App.importJs.' + viewName);   
  8.     if(jsArr==undefined){   
  9.          var view = eval('new ' + viewName + '()');   
  10.          callback.call(this, view);   
  11.         return ;   
  12.      }   
  13.      ScriptMgr.load({   
  14.                  scripts : jsArr,   
  15.                  callback : function() {   
  16.                        
  17.                      Ext.DomHelper.append(document.body,"<div id='"  
  18.                                              + viewName   
  19.                                              + "-hiden' style='display:none'></div>");   
  20.                      var view = eval('new ' + viewName + '()');   
  21.                      callback.call(this, view);   
  22.                  }   
  23.      });   
  24. }   

二.用Gzip進(jìn)行js的超強(qiáng)壓縮

Gzip的官方網(wǎng)址為:
http://www.gnu.org/software/gzip/

Gzip的使用很簡單

解壓至某個(gè)目錄,會(huì)看到有一個(gè)Gzip.exe文件,然后在命令窗口進(jìn)入該目錄,執(zhí)行
gzip ext-all.js
ext-all.js馬上變成為ext-all.js.gz
大小從原來600多k搖身一變成了160多k,簡直壓細(xì)小很多。這回下載速度就非??炝?。
那么瀏覽器能否解析這種壓縮文件?答案是肯定的,前提是告訴瀏覽器,這種文件需要解壓,然后再執(zhí)行,解壓的過程由瀏覽器來執(zhí)行。
那么應(yīng)用程序如何告訴瀏覽器,該文件需要解壓呢,這得由服務(wù)器通過Http的Header指令來進(jìn)行。
在JOffice中,就是通過Filter來進(jìn)行的。

1.把ext.all.js.gz文件名改為ext.all.gzjs,F(xiàn)ilter等一下就會(huì)攔截這種文件的訪問。

2.寫一個(gè)Filter,完成向Header添加指令
   代碼如下:

 

Java代碼
  1. package com.htsoft.core.web.filter;   
  2.     import java.io.IOException;   
  3.     import java.util.HashMap;   
  4.     import java.util.Iterator;   
  5.     import java.util.Map;   
  6.     import javax.servlet.Filter;   
  7.     import javax.servlet.FilterChain;   
  8.     import javax.servlet.FilterConfig;   
  9.     import javax.servlet.ServletException;   
  10.     import javax.servlet.ServletRequest;   
  11.     import javax.servlet.ServletResponse;   
  12.     import javax.servlet.http.HttpServletRequest;   
  13.     import javax.servlet.http.HttpServletResponse;   
  14.        
  15.     public class GzipJsFilter implements Filter {   
  16.          Map headers = new HashMap();   
  17.         public void destroy() {   
  18.          }   
  19.         public void doFilter(ServletRequest req, ServletResponse res,   
  20.                  FilterChain chain) throws IOException, ServletException {   
  21.             if(req instanceof HttpServletRequest) {   
  22.                  doFilter((HttpServletRequest)req, (HttpServletResponse)res, chain);   
  23.              }else {   
  24.                  chain.doFilter(req, res);   
  25.              }   
  26.          }   
  27.         public void doFilter(HttpServletRequest request,   
  28.                  HttpServletResponse response, FilterChain chain)   
  29.                 throws IOException, ServletException {   
  30.                  request.setCharacterEncoding("UTF-8");   
  31.                 for(Iterator it = headers.entrySet().iterator();it.hasNext();) {   
  32.                      Map.Entry entry = (Map.Entry)it.next();   
  33.                      response.addHeader((String)entry.getKey(),(String)entry.getValue());   
  34.                  }   
  35.                  chain.doFilter(request, response);   
  36.          }   
  37.        
  38.         public void init(FilterConfig config) throws ServletException {   
  39.              String headersStr = config.getInitParameter("headers");   
  40.              String[] headers = headersStr.split(",");   
  41.             for(int i = 0; i < headers.length; i++) {   
  42.                  String[] temp = headers[i].split("=");   
  43.                 this.headers.put(temp[0].trim(), temp[1].trim());   
  44.              }   
  45.          }   
  46.      }  

   
3.在WEB.xml 文件中,添加以下配置:

Java代碼
  1. <filter>     
  2.      <filter-name>GzipJsFilter</filter-name>     
  3.      <filter-class>com.htsoft.core.web.filter.GzipJsFilter</filter-class>     
  4.      <init-param>     
  5.          <param-name>headers</param-name>     
  6.          <param-value>Content-Encoding=gzip</param-value>     
  7.      </init-param>   
  8. </filter>   
  9. <filter-mapping>   
  10. <filter-name>GzipJsFilter</filter-name>   
  11. <url-pattern>*.gzjs</url-pattern>   
  12. lt;/filter-mapping>   
  13. <servlet-mapping>  


4.在index.jsp中引入該壓縮文件:
<script type="text/javascript" src="<%=request.getContextPath()%>/ext3/ext-all.gzjs"></script>


可以看到瀏覽器解壓后,其代碼是一樣的:

 

 

 


大家可以看到以上,這塊是在外網(wǎng)使用的,其速度是比較快的。當(dāng)然,瀏覽器解壓這個(gè)文件需要一點(diǎn)時(shí)間,不過在本地解壓是非??斓?,可以不用管。

 

 

三、通過Js緩存,更加可以提高EXT的加載速度,關(guān)于緩存,本文不作討論。

本站僅提供存儲(chǔ)服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊舉報(bào)。
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
Spring MVC防御CSRF、XSS和SQL注入攻擊
一個(gè)ExtJS+jsp+Servlet與數(shù)據(jù)庫連接且運(yùn)行成功的例子_
J2EE設(shè)計(jì)模式淺談(2)
java 解決字符集的亂碼問題
java SSH中防止非法登錄 過濾器的使用
Filter技術(shù)的應(yīng)用(轉(zhuǎn))
更多類似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長圖 關(guān)注 下載文章
綁定賬號(hào)成功
后續(xù)可登錄賬號(hào)暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服