<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    byterat

      BlogJava :: 首頁 :: 新隨筆 :: 聯(lián)系 :: 聚合  :: 管理 ::
      54 隨筆 :: 0 文章 :: 15 評論 :: 0 Trackbacks

    2007年10月23日 #

    Eclipse及其插件介紹和下載

    0.Eclipse下載
    EMF,GEF - Graphical Editor Framework,UML2,VE - Visual Editor都在這里下載
    http://www.eclipse.org/downloads/index.php

    0.5.lomboz J2EE插件,開發(fā)JSP,EJB
    http://forge.objectweb.org/projects/lomboz
    1.MyEclipse J2EE開發(fā)插件,支持SERVLET/JSP/EJB/數(shù)據(jù)庫操縱等
    http://www.myeclipseide.com

    2.Properties Editor 編輯java的屬性文件,并可以自動存盤為Unicode格式
    http://propedit.sourceforge.jp/index_en.html

    3.Colorer Take 為上百種類型的文件按語法著色
    http://colorer.sourceforge.net/

    4.XMLBuddy 編輯xml文件
    http://www.xmlbuddy.com

    5.Code Folding 加入多種代碼折疊功能(比eclipse自帶的更多)
    http://www.coffee-bytes.com/servlet/PlatformSupport

    6.Easy Explorer 從eclipse中訪問選定文件、目錄所在的文件夾
    http://easystruts.sourceforge.net/

    7.Fat Jar 打包插件,可以方便的完成各種打包任務(wù),可以包含外部的包等
    http://fjep.sourceforge.net/

    8.RegEx Test 測試正則表達(dá)式
    http://brosinski.com/stephan/archives/000028.php

    9.JasperAssistant 報表插件(強,要錢的)
    http://www.jasperassistant.com/

    10.Jigloo GUI Builder JAVA的GUI編輯插件
    http://cloudgarden.com/jigloo/

    11.Profiler 性能跟蹤、測量工具,能跟蹤、測量BS程序
    http://sourceforge.net/projects/eclipsecolorer/

    12.AdvanQas 提供對if/else等條件語句的提示和快捷幫助(自動更改結(jié)構(gòu)等)
    http://eclipsecolorer.sourceforge.net/advanqas/index.html

    13.Log4E Log4j插件,提供各種和Log4j相關(guān)的任務(wù),如為方法、類添加一個logger等
    http://log4e.jayefem.de/index.php/Main_Page

    14.VSSPlugin VSS插件
    http://sourceforge.net/projects/vssplugin

    15.Implementors 提供跳轉(zhuǎn)到一個方法的實現(xiàn)類,而不是接中的功能(實用!)
    http://eclipse-tools.sourceforge.net/implementors/
    16.Call Hierarchy 顯示一個方法的調(diào)用層次(被哪些方法調(diào),調(diào)了哪些方法)
    http://eclipse-tools.sourceforge.net/call-hierarchy/index.html

    17.EclipseTidy 檢查和格式化HTML/XML文件
    http://eclipsetidy.sourceforge.net/

    18.Checkclipse 檢查代碼的風(fēng)格、寫法是否符合規(guī)范
    http://www.mvmsoft.de/content/plugins/checkclipse/checkclipse.htm

    19.Hibernate Synchronizer Hibernate插件,自動映射等
    http://www.binamics.com/hibernatesync/

    20.VeloEclipse Velocity插件
    http://propsorter.sourceforge.net/

    21.EditorList 方便的列出所有打開的Editor
    http://editorlist.sourceforge.net/

    22.MemoryManager 內(nèi)存占用率的監(jiān)視
    http://cloudgarden.com/memorymanager/

    23.swt-designer java的GUI插件
    http://www.swt-designer.com/

    24.TomcatPlugin 支持Tomcat插件
    http://www.eclipsetotale.com/tomcatPlugin.html

    25.XML Viewer
    http://tabaquismo.freehosting.net/ignacio/eclipse/xmlview/index.html

    26.quantum 數(shù)據(jù)庫插件
    http://quantum.sourceforge.net/

    27.Dbedit 數(shù)據(jù)庫插件
    http://sourceforge.net/projects/dbedit

    28.clay.core 可視化的數(shù)據(jù)庫插件
    http://www.azzurri.jp/en/software/index.jsp
    http://www.azzurri.jp/eclipse/plugins

    29.hiberclipse hibernate插件
    http://hiberclipse.sourceforge.net
    http://www.binamics.com/hibernatesync

    30.struts-console Struts插件
    http://www.jamesholmes.com/struts/console/

    31.easystruts Struts插件
    http://easystruts.sourceforge.net

    32.veloedit Velocity插件
    http://veloedit.sourceforge.net/

    33.jalopy 代碼整理插件
    http://jalopy.sourceforge.net/

    34.JDepend 包關(guān)系分析
    http://andrei.gmxhome.de/jdepend4eclipse/links.html

    35.Spring IDE Spring插件
    http://springide-eclip.sourceforge.net/updatesite/

    36.doclipse 可以產(chǎn)生xdoclet 的代碼提示
    http://beust.com/doclipse/
    posted @ 2008-06-05 15:44 比特鼠| 編輯 收藏

         摘要: 有這樣一個函數(shù), 它接受一個函數(shù)(或者說閉包)作為參數(shù)  閱讀全文
    posted @ 2008-05-30 15:19 比特鼠| 編輯 收藏

    當(dāng)談到表格數(shù)據(jù)的設(shè)計時,沒有太多的網(wǎng)頁設(shè)計師會有太大的興趣。今天我們已經(jīng)收集了20多個功能超大且看上去挺漂亮的Ajax/CSS表格設(shè)計,并且教你一些表格設(shè)計中所運用的技巧,例如表格數(shù)據(jù)的排序和過濾等。

    OK,讓我們來看一下這些表格:

    1. Tablecloth

    Tablecloth 由CSS Globe 開發(fā),是一個輕巧易于使用的表格,簡潔的將表格樣式添加到你的HTML 表格元素中。

    21個新奇漂亮的Ajax/CSS表格設(shè)計-Tablecloth

    2. Ask the CSS Guy Table

    Ask the CSS Guy Table教給我們要如何去創(chuàng)建能夠清晰顯出去資料之間的相關(guān)聯(lián)系的表格,例如:點擊一個表格元素時,將突了顯示這個元素,并且在縱列和橫列都顯示出相關(guān)的類別關(guān)系。

    21個新奇漂亮的Ajax/CSS表格設(shè)計-Ask the CSS Guy Table

    #3. A CSS styled table version 2

    Veerle Duoh 為我們展示了一個漂亮的表格設(shè)計,并教我們?nèi)绾问褂肅SS來吸引用戶的眼球。

    21個新奇漂亮的Ajax/CSS表格設(shè)計-A CSS styled table version 2

    #4. Sortable Table

    Sortable Table 演示了如何按升序或降序排列以及如何過濾表格中的數(shù)據(jù)。

    21個新奇漂亮的Ajax/CSS表格設(shè)計-Sortable Table

    5. Row Locking with CSS and JavaScript

    Css Guy再次對表格使用了聚焦高亮的效果,除非用戶再次點擊,否則表單數(shù)據(jù)將一直保持亮高。

    21個新奇漂亮的Ajax/CSS表格設(shè)計-Row Locking with CSS and JavaScript

    他還給了我們另一個示例:another example to Lock rows with radios .

    #6. Vertical scrolling tables

    如果您有大量的表格數(shù)據(jù),但卻沒有太大的空間來展示它,這可能是個比較好的方法:一個純CSS的表格與固定的標(biāo)題和頁腳,以及滾動顯示的內(nèi)容。

    21個新奇漂亮的Ajax/CSS表格設(shè)計-Vertical scrolling tables

    7. Replicating a Tree table

    這是一個使用HTML 和CSS 設(shè)計的樹形狀表格。

    21個新奇漂亮的Ajax/CSS表格設(shè)計-Replicating a Tree table

    8 ) Paginate, sort and search a table with Ajax and Rails

    這個表格提供了一個動態(tài)的界面,而不需要重新刷新整個頁面。

    21個新奇漂亮的Ajax/CSS表格設(shè)計-ajax tables

    9. Collapsible tables with DOM and CSS

    此表格加上箭頭形象的腳本提示,用來控制表格的伸展和收縮。

    21個新奇漂亮的Ajax/CSS表格設(shè)計-Collapsible tables with DOM and CSS

    10. TableSorter plug-in for jQuery

    它的主要特性包括多列排序,支持<TH>的rowspan和colspan屬性以及許多其他功能。

    21個新奇漂亮的Ajax/CSS表格設(shè)計-TableSorter plug-in for jQuery

    11. Stripe your tables the OO way

    使用了Javascript 為表格中的行進行顏色交替,并且添加了onmouseoveronmouseout 事件,當(dāng)鼠標(biāo)點擊時,切換背景顏色。

    21個新奇漂亮的Ajax/CSS表格設(shè)計-Stripe your tables the OO way

    12. MooTools Table Row & Column highlighting

    基于MooTools 框架,高亮顯示鼠標(biāo)懸停時的單元格所在的行和列。

    21個新奇漂亮的Ajax/CSS表格設(shè)計-MooTools Table Row & Column highlighting

    13. CSS Table Gallery

    93 styled tables是一個專門收集表格樣式的站點,下面是來自一個表格樣式的截圖:

    21個新奇漂亮的Ajax/CSS表格設(shè)計-CSS Table Gallery

    14. jQuery Table Filter

    可以對數(shù)據(jù)進行各種不同的排序、過濾。

    21個新奇漂亮的Ajax/CSS表格設(shè)計-jQuery Table Filter

    15. Sortable/Resizable/Editable TableKit

    TableKit基于Prototype框架,專門收集各種HTML表格,可以利用Ajax實時的進行表格欄目大小、排序等編輯。

    21個新奇漂亮的Ajax/CSS表格設(shè)計-sortable, resizable, editable

    16. Make all your tables sortable

    21個新奇漂亮的Ajax/CSS表格設(shè)計-sortable table

    17. Zebra Tables

    alistapart為我們提供了一個極好的例子,如何使用JavaScript和DOM的改變背景色風(fēng)格,以突出顯示單元格。

    21個新奇漂亮的Ajax/CSS表格設(shè)計-Zebra Tables

    18. Standardista Table Sorting

    Standardista Table Sorting 是一個Javascript模塊,讓您可以對HTML數(shù)據(jù)表的任何欄目進行排序。

    21個新奇漂亮的Ajax/CSS表格設(shè)計-Standardista Table Sorting

    19. GridView3 Example

    21個新奇漂亮的Ajax/CSS表格設(shè)計-GridView3 Example

    20. Mootable

    21個新奇漂亮的Ajax/CSS表格設(shè)計-Mootable

    21. Drag & Drop Sortable Lists with JavaScript and CSS

    21個新奇漂亮的Ajax/CSS表格設(shè)計-Drag & Drop Sortable Lists with JavaScript and CSS

    可能還會有一些你更想尋找的詳細(xì)資料,下面是一些相關(guān)的資源鏈接:

    如果你知道其它更強大的Ajax/CSS表格,歡迎在此留言。

    posted @ 2008-01-23 17:46 比特鼠 閱讀(3200) | 評論 (0)編輯 收藏

    一個在線調(diào)色工具
    posted @ 2008-01-23 17:44 比特鼠 閱讀(392) | 評論 (1)編輯 收藏

    /**
     * 加碼解碼工具
     * @author lwm
     *
     */

    public class Encode {
     
     /*
      * 對應(yīng)javascript的escape()函數(shù), 加碼后的串可直接使用javascript的unescape()進行解碼
      */
     public static String escape(String src) {
      int i;
      char j;
      StringBuffer tmp = new StringBuffer();
      tmp.ensureCapacity(src.length() * 6);
      for (i = 0; i < src.length(); i++) {
       j = src.charAt(i);
       if (Character.isDigit(j) || Character.isLowerCase(j)
         || Character.isUpperCase(j))
        tmp.append(j);
       else if (j < 256) {
        tmp.append("%");
        if (j < 16)
         tmp.append("0");
        tmp.append(Integer.toString(j, 16));
       } else {
        tmp.append("%u");
        tmp.append(Integer.toString(j, 16));
       }
      }
      return tmp.toString();
     }

     /*
      * 對應(yīng)javascript的unescape()函數(shù), 可對javascript的escape()進行解碼
      */
     public static String unescape(String src) {
      StringBuffer tmp = new StringBuffer();
      tmp.ensureCapacity(src.length());
      int lastPos = 0, pos = 0;
      char ch;
      while (lastPos < src.length()) {
       pos = src.indexOf("%", lastPos);
       if (pos == lastPos) {
        if (src.charAt(pos + 1) == 'u') {
         ch = (char) Integer.parseInt(src
           .substring(pos + 2, pos + 6), 16);
         tmp.append(ch);
         lastPos = pos + 6;
        } else {
         ch = (char) Integer.parseInt(src
           .substring(pos + 1, pos + 3), 16);
         tmp.append(ch);
         lastPos = pos + 3;
        }
       } else {
        if (pos == -1) {
         tmp.append(src.substring(lastPos));
         lastPos = src.length();
        } else {
         tmp.append(src.substring(lastPos, pos));
         lastPos = pos;
        }
       }
      }
      return tmp.toString();
     }

    }

    posted @ 2008-01-11 17:08 比特鼠 閱讀(1837) | 評論 (0)編輯 收藏

    讀 YUI ,EXT等源碼的時候看JS天旋地轉(zhuǎn),那可不是51JS上那種挪挪位置就能理解的,此刻如果沒有JavaScrip的基礎(chǔ),更是像沒有星光的黑夜…….

    自以為覺得Js對象是很好理解的東東,然而真實踐起來卻一片糊涂。
    通過查閱經(jīng)典書籍《Professional JavaScript For Web Developers》稍微有些理解了

    JavaScript的基本類型
    原始類型如: Undefined Null Boolean Number String 等 用 typeof方法能辨別之
    引用類型如: Object Function Array Boolean Number String Date等,用insanceof方法辨別之

    嚴(yán)格來講,JavaScript沒有對象(Object),但是由于和OO術(shù)語對應(yīng),所以也稱之為對象。所以Array,Function,基本類型,引用類型,函數(shù),以及函數(shù)的屬性 等等這些都是對象。

    而對象分類,則可以分為內(nèi)置對象(Built-in Object) 和宿主對象(host object)。
    內(nèi)置對象如 Math,Data啊。
    宿主對象則如 BOM,DOM之類.

    重新回顧了下這些基本概念之后,在做簡單實踐就有些理解了。
    因此對象的使用,創(chuàng)建方式不盡相同,最簡單的歸類如下:

    1 基本創(chuàng)建方式

    function Class() {
    window.alert("Hello Class!");
    }
    var clz= new Class();

    2 訪問對象成員

    function Class(){
    this.x = " this is x";
    this.y = "this is y";
    this.z = viewXY;
    function viewXY(){
    alert("x+","+y);
    }
    }
    var clz= new Class();
    clz.viewXY();

    3 對象繼承

    function Parent() {
    this.type= "human!";
    }
    function Child(){
    this.age = "26";
    this.sex ="male";
    this.say= myInfo;
    function myInfo(msg){
    alert(msg+this.type+ ","+this.age+","+this.sex);
    }
    }
    Child.prototype = new Parent();
    var clild = new Child();
    clild.say("I'm ");

    4.重用原對象 (書上的例子太好了,搬來了)

    Funcion.prototype.toString() = function(){
    return "Function code hidden";
    }
    function sayHi(){
    alert("hi");
    }
    alert(sayHi.toString());
    posted @ 2008-01-02 11:06 比特鼠 閱讀(273) | 評論 (0)編輯 收藏

    希望能做到以下幾點:

    1. 在Java服務(wù)端架構(gòu)的設(shè)計, 選型, 方案等方面有所突破! -- 這是最主要的!
    2. 也想玩一玩Web前端的AJAX編程, RIA(富互聯(lián)網(wǎng)應(yīng)用)等等
    3. 熟悉Linux/Unix系統(tǒng)的命令行操作
    4. 在Java中跑腳本語言Python, JRuby等等
    5. 項目管理

    暫時就這么多吧!

    posted @ 2007-12-28 09:41 比特鼠 閱讀(209) | 評論 (0)編輯 收藏

    為 Ajax 安全性所提出的經(jīng)驗法則:
    1. 如果你使用身份驗證, 確定你在請求頁上檢查!
    2. 為 SQL 注入檢查。
    3. 為 JavaScript 注入檢查。
    4. 保留商務(wù)邏輯在服務(wù)器上!
    5. 不要假設(shè)每個請求是真正的!
    6. 確認(rèn)檢查數(shù)據(jù)!
    7. 審查請求的數(shù)據(jù)而且確定它是正確的。
    posted @ 2007-12-19 17:10 比特鼠 閱讀(280) | 評論 (0)編輯 收藏

    1. jvm內(nèi)部分為主工作區(qū)和線程工作區(qū)。主工作區(qū)是實例的所有線程共有,線程工作區(qū)是實例的每個線程專有的工作區(qū),其中包括一些主工作區(qū)的一些實例字段數(shù)據(jù)的拷貝。

    2. 服務(wù)器一般都有線程池,線程資源是可以重復(fù)利用的。你2000個用戶在線,不見得能又200個用戶同時(或者說并發(fā))訪問。再說,只要對象不是太大,我寧愿用200個拷貝,也不想讓用戶在這個200個任務(wù)的隊列里等待。

    3. 兩個DB之間的復(fù)制數(shù)據(jù),每個DB各自使用自己的Sequane來生成id。復(fù)制數(shù)據(jù)時,如果DB中的外鍵是由DB維護的,則不會產(chǎn)生id沖突,如果外鍵是由外部程序維護的,則可能會產(chǎn)生錯誤!

    4. 對于非static的類的數(shù)據(jù)成員來說,在該類產(chǎn)生的實例中都有一份,并且相互獨立(修改后并不影響其他實例), 但static的數(shù)據(jù)成員則變成了每個類只有一份,即在該類產(chǎn)生的所有實例共享這一個數(shù)據(jù)成員, 該數(shù)據(jù)成員的改變會影響到其他的實例. 而static的方法則是讓你不用創(chuàng)建對象及能調(diào)用這個方法.

    5. ThreadLocal的作用就是將經(jīng)常要用到的對象的引用放到屬于線程自己的一個存儲空間中,在該線程的執(zhí)行過程中,可以通過類的靜態(tài)的ThreadLocal來方便的獲取到這個對象,而不用通過參數(shù)的形式傳來傳去。
    posted @ 2007-12-19 14:54 比特鼠 閱讀(255) | 評論 (0)編輯 收藏

    很多高分辨率的圖像真的能夠扮靚一個Web網(wǎng)站。但是它們也可能會降低網(wǎng)站的(響應(yīng))速度——圖像都是文件,文件就要占用帶寬,而帶寬與等待時間直接相關(guān)?,F(xiàn)在是你進行自我學(xué)習(xí),了解如何利用一種叫做圖像預(yù)加載的小技巧給網(wǎng)站提速的時候了。

    圖像的預(yù)加載

           瀏覽器通常的工作方式是:只有當(dāng)要求加載圖像的HTTP請求被發(fā)送的時候,圖像才會被加載,而不論它是被動地通過<img>標(biāo)記加載,還是主動地通過方法調(diào)用加載。所以,如果你有一段JavaScript,需要在鼠標(biāo)懸停的時候切換圖像,或者在超時之后自動地更換圖像,那么你就可能會在從服務(wù)器取回圖像的時候隨時碰到等待,時間會從數(shù)秒鐘到幾分鐘不等。當(dāng)你以較慢的速度連接到Internet上的時候,或者被取回的圖像非常巨大的時候,這種狀況尤其顯著,而這種數(shù)據(jù)延遲通常都會毀掉你所期望的效果。

            有些瀏覽器會試圖轉(zhuǎn)嫁這一問題,比如把圖像保存在本地緩沖區(qū)里,這樣以后對它的調(diào)用就能夠很快進行了,但是需要第一次調(diào)用圖像的時候仍然會產(chǎn)生延遲。預(yù)加載是一項在需要圖像之前就把它下載到緩沖區(qū)里的技術(shù)。通過這種方式,當(dāng)真的需要圖像的時候,它可以被從緩沖區(qū)里取出來,并立即顯示出來。

    Image()對象
            預(yù)加載圖像最簡單的方法用JavaScript將一個新的Image()對象實例化,并把你想要預(yù)加載的圖像的URL傳遞給它。假設(shè)我們有一個叫做
    http://www.host01.com/Get/jsp/00040004/heavyimagefile.jpg的圖像,我們希望,當(dāng)用戶把鼠標(biāo)放在一個已經(jīng)顯示過的圖像上的時,系統(tǒng)能夠顯示出這個圖像。為了預(yù)加載這個圖像,以便實現(xiàn)更快的響應(yīng)時間,我們只用創(chuàng)建一個新的Image()對象,將其命名為heavyImage,并使用onLoad()事件處理程序把它同時加載到頁面上。

    1 < html >< head >< script  language  = "JavaScript" > function  preloader()  {heavyImage  =   new  Image(); heavyImage.src = " http://www.host01.com/Get/jsp/00040004/heavyimagefile.jpg " ;} </ script ></ head >< body  onLoad ="javascript:preloader()" >< href ="#"  onMouseOver ="javascript:document.img01.src='http://www.host01.com/Get/jsp/00040004/heavyimagefile.jpg'" >< img  name ="img01"  src =http://www.host01.com/Get/jsp/00040004/"justanotherfile.jpg" ></ a ></ body ></ html >
    2

     

              要注意的是,圖像標(biāo)記自身并不會處理onMouseOver()和onMouseOut()事件,這就是為什么上面例子里的<img>標(biāo)記被放在一個<a>標(biāo)記里,后者的確加入了對這些事件類型的支持。
    用數(shù)組加載多個圖像


               在實際操作中,你可能需要預(yù)加載一幅以上的圖像;例如,在包含有多個圖像翻滾(rollover)的菜單條里,或者如果你正在嘗試創(chuàng)建平滑的動態(tài)效果。這并不困難;你所需要做的就是使用JavaScript的數(shù)組,就像下面例子里的一樣:

     

    1 < script language = " JavaScript " > function  preloader()  //  counter var i = 0; // create object imageObj = new Image(); // set image list images = new Array(); images[0]="image1.jpg" images[1]="image2.jpg" images[2]="image3.jpg" images[3]="image4.jpg" // start preloading for(i=0; i<=3; i++) { imageObj.src=images[i]; }
    2 }
      </ script >


             在上面的例子里,你先定義變量i和叫做imageObj的Image()對象。然后定義一個叫做images[]的新數(shù)組,在這個數(shù)組里,每個數(shù)組元素都保存著需要預(yù)加載的圖像來源。最后,創(chuàng)建一個for()循環(huán),讓它在數(shù)組里循環(huán),并將它們中的每一個都指派給Image()對象,這樣就能夠把它預(yù)加載到緩沖區(qū)里。
    onLoad()事件處理程序
            就和JavaScript里的其它很多對象一樣,Image()對象也帶有多個事件處理程序。這其中最有用的毫無疑問的就是onLoad()處理程序了,它會在完成圖像加載的時候被調(diào)用。這個處理程序可以與自定義的函數(shù)一起使用,以便在完成圖像加載之后進行特定的任務(wù)。下面的例子通過在圖像加載的時候顯示“請等待(please wait)”提示信息來說明這個問題,然后在圖像完成加載之后就向瀏覽器發(fā)送一個新的URL。

     

    < html >< head >< script  language ="JavaScript" > //  create an image objectobjImage = new Image(); // set what happens once the image has loaded objImage.onLoad=imagesLoaded(); // preload the image fileobjImage.src='http://www.host01.com/Get/jsp/00040004/images/image1n.gif';// function invoked on image loadfunction imagesLoaded(){ document.location.href='index2.html';}</script></head><body>Please wait, loading images</body></html>

     


           當(dāng)然,你還可以創(chuàng)建一個圖像數(shù)組,對它進行循環(huán),預(yù)加載每個圖像,并在每個階段對已加載圖像的數(shù)量保持跟蹤。一旦加載了所有的圖像,事件處理程序就能夠按照設(shè)定把瀏覽器帶到下一個頁面(或者進行其他的任務(wù))。

    預(yù)加載與多狀態(tài)菜單

              現(xiàn)在,把你剛剛學(xué)到的理論付諸真正的實踐怎么樣?下面一部分內(nèi)容就是我碰巧編寫的一段代碼——一個由多個按鈕(圖像鏈接)組成的菜單條——其中每個按鈕都可能處于三種狀態(tài)中的一種:正常(normal)、hover(懸停)和點擊(click)。由于所有的按鈕都有多個狀態(tài),所以就有必要使用圖像預(yù)加載來確保菜單能夠根據(jù)其切換到的狀態(tài)進行快速的響應(yīng)。列表A里的代碼就說了這一點。

               列表A里的HTML代碼會建立一個由四個按鈕組成的菜單條,每個按鈕都有三種狀態(tài):正常、懸停和點擊。其要求如下:

              但鼠標(biāo)移動到處于正常狀態(tài)的按鈕上時,按鈕會變?yōu)閼彝顟B(tài)。當(dāng)鼠標(biāo)移開的時候,按鈕又會恢復(fù)到正常狀態(tài)。當(dāng)鼠標(biāo)點擊按鈕的時候,按鈕就會變?yōu)辄c擊狀態(tài)。它會一直保持這個狀態(tài),直到另外一個按鈕被點擊。如果有一個按鈕被點擊,那么其他的按鈕就都不能處于點擊狀態(tài)。其他的按鈕只能夠處于懸?;蛘哒顟B(tài)。一次只能有一個按鈕可以被點擊。一次只能有一個按鈕處于懸停狀態(tài)。
            第一項任務(wù)是建立保存有菜單每個狀態(tài)的圖像的數(shù)組。與這些數(shù)組元素相對應(yīng)的<img>元素也都在HTML文檔的主體里被創(chuàng)建,并按順序命名。要注意的是,對數(shù)組值的索引是從0開始的,而相應(yīng)的<img>元素是從1開始命名的——這就需要在腳本后面的一段里進行某種計算上的調(diào)整。

            PreloadImages()函數(shù)會負(fù)責(zé)把所有的圖像都加載到緩沖區(qū)里,這樣的話對鼠標(biāo)移動的響應(yīng)時間會被減到最小。一個for()循環(huán)被用在第一步里創(chuàng)建的圖像里進行迭代,并預(yù)加載每一個圖像。

                ResetAll()函數(shù)是把所有圖像恢復(fù)都到它們正常狀態(tài)的方便方法。這是有必要的,因為當(dāng)菜單的項目被點擊的時候,菜單里其他所有的項目都必須在被點擊項目能夠切換到點擊狀態(tài)之前恢復(fù)到正常狀態(tài)。

            SetNormal()、setHover()和setClick()函數(shù)負(fù)責(zé)把特定圖像(圖像的編號被作為函數(shù)的自變量進行傳遞)的來源分別改為正常、懸?;蛘唿c擊狀態(tài)。由于被點擊的圖像必須一直保持點擊狀態(tài),直到另外一個圖像被點擊(見第二項要求),所以它們暫時不會對鼠標(biāo)移動作出反應(yīng);這樣的話,如果按鈕還不是處在點擊狀態(tài),那么setNormal()和setHover()函數(shù)所包括的代碼就只能用來改變按鈕的狀態(tài)。

             上面所提到的預(yù)加載只是提高你JavaScript效果響應(yīng)時間的多種方法之一。就在你的網(wǎng)站上使用上面列出的技巧,并根據(jù)你的要求在需要的地方更改它們吧。祝你好運!

    posted @ 2007-12-19 10:40 比特鼠 閱讀(254) | 評論 (0)編輯 收藏

    這些東西都是Java Script大部分都是由老外寫的,并且封裝得很好,在運用上也很方便,而且也都兼容FF與OPERA,檔案中少部分是由中國的高手寫的。

     

      一、多樣化摺疊菜單:下載

      一個由老外寫的折疊式垂直菜單,多樣化,多功能,可自訂,使用容易,支持FF。

    國內(nèi)外 Java Script 經(jīng)典封裝
    圖1

      二、CSS圓角邊框:下載

      以CSS為主要,用Java Script封裝的相當(dāng)完整,也是老外寫的,支持多瀏覽器,可以自訂樣式,目前有十多種可以運用。

    國內(nèi)外 Java Script 經(jīng)典封裝
    圖2

    國內(nèi)外 Java Script 經(jīng)典封裝
    圖3

      三、模擬視窗:下載

      用層模擬的視窗,是一個中國高手寫的,Java Script封裝的相當(dāng)好,使用上也很容易

    國內(nèi)外 Java Script 經(jīng)典封裝
    圖4
      

      四、支持FF的省略符:下載

      說到省略符,那非CSS莫屬,有個老外用Java Script來實現(xiàn),并且是批量處理的,重點是支持FF。

    國內(nèi)外 Java Script 經(jīng)典封裝
    圖5

      五、TAB選項卡:下載

      用Java Script模仿各種作業(yè)系統(tǒng)的選項卡,老外就是牛,不僅支援多樣式的即時切換,同時也支援每個選項卡是否附帶圖示的切換選項,選項卡也可以上下切換。

    國內(nèi)外 Java Script 經(jīng)典封裝
    圖6
      

      六、最佳化多樣式Windows:下載

      用層模擬視窗的最佳代表作,這是我看過功能最多的模擬式窗,內(nèi)附多達(dá)74項功能與樣式,你完完全全可以把它當(dāng)成是一個真正的視窗來應(yīng)用,可以根據(jù)你的需求來應(yīng)用,快丟掉你那認(rèn)為好用的層視窗,這套封裝非常完整的視窗絕對可以滿足你的各種需求。

    國內(nèi)外 Java Script 經(jīng)典封裝
    圖7

    國內(nèi)外 Java Script 經(jīng)典封裝
    圖8

      七、多樣化的垂直菜單:附件

      別具風(fēng)格的方塊式垂直折疊菜單,目前有8種風(fēng)格可以運用,如果你已經(jīng)厭煩WEB上平凡的菜單,這套在國外頗受歡迎的菜單肯定是你的最佳首選。

    國內(nèi)外 Java Script 經(jīng)典封裝
    圖9
      

      八、多樣化的連結(jié)提示效果:下載

      這個連結(jié)提示樣式允許你直接寫入css與html,共有14項功能可以讓你自訂。

    國內(nèi)外 Java Script 經(jīng)典封裝
    圖10

      九、側(cè)欄式折疊菜單:下載

      這是一個側(cè)欄式的折疊菜單,它允許你設(shè)置它是否有過渡效果、側(cè)欄菜單是否自動伸縮、菜單項切換是否允許動畫過渡、是否輪替切換等多項設(shè)置,并且也有多種樣式可以運用。

      這個腳本有個很好玩的東東,下載并且解壓後,請進入samples的目錄并打show.html看看效果,我不知道這效果容不容易實現(xiàn),但是這效果很牛,菜單全自動運行的~

    國內(nèi)外 Java Script 經(jīng)典封裝
    圖11
      

      十、圖形滾動條:下載

      老外寫的圖形滾動條,有多種樣式,在ie里頭還支持滾輪滾動。

    國內(nèi)外 Java Script 經(jīng)典封裝
    圖12

      十一、圖片倒影效果:下載
      說到圖片倒影,不外乎就是直接作成圖片跟css濾鏡來實現(xiàn),但是這個是用Java Script實現(xiàn)的,值得借鏡。

    國內(nèi)外 Java Script 經(jīng)典封裝
    圖13

      十二、代碼自動高亮:下載

      雖說這不是什麼新東西,但總是會有人需要吧,而且想學(xué)正則表達(dá)的人,這肯定是最佳借鏡的作品。

    國內(nèi)外 Java Script 經(jīng)典封裝
    圖14
      
      

      十三、酷似flash效果的圖片展示:下載

      這個老外牛到有點變態(tài),這圖片展示效果已經(jīng)跟FLASH沒什麼兩樣,用Java Script寫的耶。

    國內(nèi)外 Java Script 經(jīng)典封裝
    圖15

      十四、讓ie6支援png圖檔:下載

    國內(nèi)外 Java Script 經(jīng)典封裝
    圖16

      這個問題之前被很多人討論過,我就不多說什麼了,有需要下吧。

    posted @ 2007-12-13 17:29 比特鼠 閱讀(5341) | 評論 (5)編輯 收藏

    在一個老外的Blog上看到了這個網(wǎng)站,發(fā)現(xiàn)原來是一個以C語言為基準(zhǔn)的性能比較網(wǎng)站!

    Java還算不錯,Ruby就不怎么樣了, 在腳本語言中居然排在了最后!

    看來,解析性的語言玩起來是簡單方便了,可是卻是以損失性能為代價的!
    posted @ 2007-12-13 16:34 比特鼠 閱讀(468) | 評論 (0)編輯 收藏

    BIG-ENDIAN(大字節(jié)序、高字節(jié)序)
    LITTLE-ENDIAN(小字節(jié)序、低字節(jié)序)
    主機字節(jié)序
    網(wǎng)絡(luò)字節(jié)順序
    JAVA字節(jié)序

    1.BIG-ENDIAN、LITTLE-ENDIAN跟多字節(jié)類型的數(shù)據(jù)有關(guān)的比如int,short,long型,而對單字節(jié)數(shù)據(jù)byte卻沒有影響。BIG-ENDIAN就是低位字節(jié)排放在內(nèi)存的低端,高位字節(jié)排放在內(nèi)存的高端。而LITTLE-ENDIAN正好相反。
    比如 int a = 0x05060708
    在BIG-ENDIAN的情況下存放為:
    字節(jié)號 0 1 2 3
    數(shù)據(jù) 05 06 07 08
    在LITTLE-ENDIAN的情況下存放為:
    字節(jié)號 0 1 2 3
    數(shù)據(jù) 08 07 06 05

    2.BIG-ENDIAN、LITTLE-ENDIAN、跟CPU有關(guān)的,每一種CPU不是BIG-ENDIAN就是LITTLE-ENDIAN、。IA架構(gòu)的CPU中是Little-Endian,而PowerPC 、SPARC和Motorola處理器。這其實就是所謂的主機字節(jié)序。而網(wǎng)絡(luò)字節(jié)序是指數(shù)據(jù)在網(wǎng)絡(luò)上傳輸時是大頭還是小頭的,在Internet的網(wǎng)絡(luò)字節(jié)序是BIG-ENDIAN。所謂的JAVA字節(jié)序指的是在JAVA虛擬機中多字節(jié)類型數(shù)據(jù)的存放順序,JAVA字節(jié)序也是BIG-ENDIAN。

    3.所以在用C/C++寫通信程序時,在發(fā)送數(shù)據(jù)前務(wù)必用htonl和htons去把整型和短整型的數(shù)據(jù)進行從主機字節(jié)序到網(wǎng)絡(luò)字節(jié)序的轉(zhuǎn)換,而接收數(shù)據(jù)后對于整型和短整型數(shù)據(jù)則必須調(diào)用ntohl和ntohs實現(xiàn)從網(wǎng)絡(luò)字節(jié)序到主機字節(jié)序的轉(zhuǎn)換。如果通信的一方是JAVA程序、一方是C/C++程序時,則需要在C/C++一側(cè)使用以上幾個方法進行字節(jié)序的轉(zhuǎn)換,而JAVA一側(cè),則不需要做任何處理,因為JAVA字節(jié)序與網(wǎng)絡(luò)字節(jié)序都是BIG-ENDIAN,只要C/C++一側(cè)能正確進行轉(zhuǎn)換即可(發(fā)送前從主機序到網(wǎng)絡(luò)序,接收時反變換)。如果通信的雙方都是JAVA,則根本不用考慮字節(jié)序的問題了。

    4.如果網(wǎng)絡(luò)上全部是PowerPC,SPARC和Motorola CPU的主機那么不會出現(xiàn)任何問題,但由于實際存在大量的IA架構(gòu)的CPU,所以經(jīng)常出現(xiàn)數(shù)據(jù)傳輸錯誤。

    5.文章開頭所提出的問題,就是因為程序運行在X86架構(gòu)的PC SERVER上,發(fā)送數(shù)據(jù)的一端用C實現(xiàn)的,接收一端是用JAVA實現(xiàn)的,而發(fā)送端在發(fā)送數(shù)據(jù)前未進行從主機字節(jié)序到網(wǎng)絡(luò)字節(jié)序的轉(zhuǎn)換,這樣接收端接收到的是LITTLE-ENDIAN的數(shù)據(jù),數(shù)據(jù)解釋自然出錯。
    具體數(shù)據(jù)如下,實際發(fā)送的數(shù)據(jù)為23578
    發(fā)送端發(fā)送數(shù)據(jù): 1A 5C
    接收端接收到數(shù)據(jù)后,按BIG-ENDIAN進行解釋具體數(shù)據(jù)是多少?你們自己去計算并比較吧!


    ===============================================================================================

    Big Endian and Little Endian

        談到字節(jié)序的問題,必然牽涉到兩大CPU派系。那就是Motorola的PowerPC系列CPU和Intel的x86系列CPU。PowerPC系列采用big endian方式存儲數(shù)據(jù),而x86系列則采用little endian方式存儲數(shù)據(jù)。那么究竟什么是big endian,什么又是little endian呢?

        其實big endian是指低地址存放最高有效字節(jié)(MSB),而little endian則是低地址存放最低有效字節(jié)(LSB),即常說的低位在先,高位在后。
        用文字說明可能比較抽象,下面用圖像加以說明。比如數(shù)字0x12345678在兩種不同字節(jié)序CPU中的存儲順序如下所示:

    Big Endian

      低地址                           高地址
      ----------------------------------------->
      +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
      |     12     |      34    |     56      |     78    |
      +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+

    Little Endian

      低地址                           高地址
      ----------------------------------------->
      +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
      |     78     |      56    |     34      |     12    |
      +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+

        從上面兩圖可以看出,采用big endian方式存儲數(shù)據(jù)是符合我們?nèi)祟惖乃季S習(xí)慣的。而little endian,!@#$%^&*,見鬼去吧 -_-|||

        為什么要注意字節(jié)序的問題呢?你可能這么問。當(dāng)然,如果你寫的程序只在單機環(huán)境下面運行,并且不和別人的程序打交道,那么你完全可以忽略字節(jié)序的存在。但是,如果你的程序要跟別人的程序產(chǎn)生交互呢?尤其是當(dāng)你把你在微機上運算的結(jié)果運用到計算機群上去的話。在這里我想說說兩種語言。C/C++語言編寫的程序里數(shù)據(jù)存儲順序是跟編譯平臺所在的CPU相關(guān)的,而JAVA編寫的程序則唯一采用big endian方式來存儲數(shù)據(jù)。試想,如果你用C/C++語言在x86平臺下編寫的程序跟別人的JAVA程序互通時會產(chǎn)生什么結(jié)果?就拿上面的 0x12345678來說,你的程序傳遞給別人的一個數(shù)據(jù),將指向0x12345678的指針傳給了JAVA程序,由于JAVA采取big endian方式存儲數(shù)據(jù),很自然的它會將你的數(shù)據(jù)翻譯為0x78563412。什么?竟然變成另外一個數(shù)字了?是的,就是這種后果。因此,在你的C程序傳給JAVA程序之前有必要進行字節(jié)序的轉(zhuǎn)換工作。

        無獨有偶,所有網(wǎng)絡(luò)協(xié)議也都是采用big endian的方式來傳輸數(shù)據(jù)的。所以有時我們也會把big endian方式稱之為網(wǎng)絡(luò)字節(jié)序。當(dāng)兩臺采用不同字節(jié)序的主機通信時,在發(fā)送數(shù)據(jù)之前都必須經(jīng)過字節(jié)序的轉(zhuǎn)換成為網(wǎng)絡(luò)字節(jié)序后再進行傳輸。ANSI C中提供了四個轉(zhuǎn)換字節(jié)序的宏。


    ========================================================================================================

    /**
    * 通信格式轉(zhuǎn)換
    *
    * Java和一些windows編程語言如c、c++、delphi所寫的網(wǎng)絡(luò)程序進行通訊時,需要進行相應(yīng)的轉(zhuǎn)換
    * 高、低字節(jié)之間的轉(zhuǎn)換
    * windows的字節(jié)序為低字節(jié)開頭
    * linux,unix的字節(jié)序為高字節(jié)開頭
    * java則無論平臺變化,都是高字節(jié)開頭
    */

    public class FormatTransfer {
    /**
      * 將int轉(zhuǎn)為低字節(jié)在前,高字節(jié)在后的byte數(shù)組
      * @param n int
      * @return byte[]
      */
    public static byte[] toLH(int n) {
      byte[] b = new byte[4];
      b[0] = (byte) (n & 0xff);
      b[1] = (byte) (n >> 8 & 0xff);
      b[2] = (byte) (n >> 16 & 0xff);
      b[3] = (byte) (n >> 24 & 0xff);
      return b;
    }

    /**
      * 將int轉(zhuǎn)為高字節(jié)在前,低字節(jié)在后的byte數(shù)組
      * @param n int
      * @return byte[]
      */
    public static byte[] toHH(int n) {
      byte[] b = new byte[4];
      b[3] = (byte) (n & 0xff);
      b[2] = (byte) (n >> 8 & 0xff);
      b[1] = (byte) (n >> 16 & 0xff);
      b[0] = (byte) (n >> 24 & 0xff);
      return b;
    }

    /**
      * 將short轉(zhuǎn)為低字節(jié)在前,高字節(jié)在后的byte數(shù)組
      * @param n short
      * @return byte[]
      */
    public static byte[] toLH(short n) {
      byte[] b = new byte[2];
      b[0] = (byte) (n & 0xff);
      b[1] = (byte) (n >> 8 & 0xff);
      return b;
    }

    /**
      * 將short轉(zhuǎn)為高字節(jié)在前,低字節(jié)在后的byte數(shù)組
      * @param n short
      * @return byte[]
      */
    public static byte[] toHH(short n) {
      byte[] b = new byte[2];
      b[1] = (byte) (n & 0xff);
      b[0] = (byte) (n >> 8 & 0xff);
      return b;
    }

     

    /**
      * 將將int轉(zhuǎn)為高字節(jié)在前,低字節(jié)在后的byte數(shù)組

    public static byte[] toHH(int number) {
      int temp = number;
      byte[] b = new byte[4];
      for (int i = b.length - 1; i > -1; i--) {
        b = new Integer(temp & 0xff).byteValue();
        temp = temp >> 8;
      }
      return b;
    }

    public static byte[] IntToByteArray(int i) {
        byte[] abyte0 = new byte[4];
        abyte0[3] = (byte) (0xff & i);
        abyte0[2] = (byte) ((0xff00 & i) >> 8);
        abyte0[1] = (byte) ((0xff0000 & i) >> 16);
        abyte0[0] = (byte) ((0xff000000 & i) >> 24);
        return abyte0;
    }


    */

    /**
      * 將float轉(zhuǎn)為低字節(jié)在前,高字節(jié)在后的byte數(shù)組
      */
    public static byte[] toLH(float f) {
      return toLH(Float.floatToRawIntBits(f));
    }

    /**
      * 將float轉(zhuǎn)為高字節(jié)在前,低字節(jié)在后的byte數(shù)組
      */
    public static byte[] toHH(float f) {
      return toHH(Float.floatToRawIntBits(f));
    }

    /**
      * 將String轉(zhuǎn)為byte數(shù)組
      */
    public static byte[] stringToBytes(String s, int length) {
      while (s.getBytes().length < length) {
        s += " ";
      }
      return s.getBytes();
    }


    /**
      * 將字節(jié)數(shù)組轉(zhuǎn)換為String
      * @param b byte[]
      * @return String
      */
    public static String bytesToString(byte[] b) {
      StringBuffer result = new StringBuffer("");
      int length = b.length;
      for (int i=0; i<length; i++) {
        result.append((char)(b & 0xff));
      }
      return result.toString();
    }

    /**
      * 將字符串轉(zhuǎn)換為byte數(shù)組
      * @param s String
      * @return byte[]
      */
    public static byte[] stringToBytes(String s) {
      return s.getBytes();
    }

    /**
      * 將高字節(jié)數(shù)組轉(zhuǎn)換為int
      * @param b byte[]
      * @return int
      */
    public static int hBytesToInt(byte[] b) {
      int s = 0;
      for (int i = 0; i < 3; i++) {
        if (b >= 0) {
        s = s + b;
        } else {
        s = s + 256 + b;
        }
        s = s * 256;
      }
      if (b[3] >= 0) {
        s = s + b[3];
      } else {
        s = s + 256 + b[3];
      }
      return s;
    }

    /**
      * 將低字節(jié)數(shù)組轉(zhuǎn)換為int
      * @param b byte[]
      * @return int
      */
    public static int lBytesToInt(byte[] b) {
      int s = 0;
      for (int i = 0; i < 3; i++) {
        if (b[3-i] >= 0) {
        s = s + b[3-i];
        } else {
        s = s + 256 + b[3-i];
        }
        s = s * 256;
      }
      if (b[0] >= 0) {
        s = s + b[0];
      } else {
        s = s + 256 + b[0];
      }
      return s;
    }


    /**
      * 高字節(jié)數(shù)組到short的轉(zhuǎn)換
      * @param b byte[]
      * @return short
      */
    public static short hBytesToShort(byte[] b) {
      int s = 0;
      if (b[0] >= 0) {
        s = s + b[0];
        } else {
        s = s + 256 + b[0];
        }
        s = s * 256;
      if (b[1] >= 0) {
        s = s + b[1];
      } else {
        s = s + 256 + b[1];
      }
      short result = (short)s;
      return result;
    }

    /**
      * 低字節(jié)數(shù)組到short的轉(zhuǎn)換
      * @param b byte[]
      * @return short
      */
    public static short lBytesToShort(byte[] b) {
      int s = 0;
      if (b[1] >= 0) {
        s = s + b[1];
        } else {
        s = s + 256 + b[1];
        }
        s = s * 256;
      if (b[0] >= 0) {
        s = s + b[0];
      } else {
        s = s + 256 + b[0];
      }
      short result = (short)s;
      return result;
    }

    /**
      * 高字節(jié)數(shù)組轉(zhuǎn)換為float
      * @param b byte[]
      * @return float
      */
    public static float hBytesToFloat(byte[] b) {
      int i = 0;
      Float F = new Float(0.0);
      i = ((((b[0]&0xff)<<8 | (b[1]&0xff))<<8) | (b[2]&0xff))<<8 | (b[3]&0xff);
      return F.intBitsToFloat(i);
    }

    /**
      * 低字節(jié)數(shù)組轉(zhuǎn)換為float
      * @param b byte[]
      * @return float
      */
    public static float lBytesToFloat(byte[] b) {
      int i = 0;
      Float F = new Float(0.0);
      i = ((((b[3]&0xff)<<8 | (b[2]&0xff))<<8) | (b[1]&0xff))<<8 | (b[0]&0xff);
      return F.intBitsToFloat(i);
    }

    /**
      * 將byte數(shù)組中的元素倒序排列
      */
    public static byte[] bytesReverseOrder(byte[] b) {
      int length = b.length;
      byte[] result = new byte[length];
      for(int i=0; i<length; i++) {
        result[length-i-1] = b;
      }
      return result;
    }

    /**
      * 打印byte數(shù)組
      */
    public static void printBytes(byte[] bb) {
      int length = bb.length;
      for (int i=0; i<length; i++) {
        System.out.print(bb + " ");
      }
      System.out.println("");
    }

    public static void logBytes(byte[] bb) {
      int length = bb.length;
      String ut = "";
      for (int i=0; i<length; i++) {
        ut = out + bb + " ";
      }

    }

    /**
      * 將int類型的值轉(zhuǎn)換為字節(jié)序顛倒過來對應(yīng)的int值
      * @param i int
      * @return int
      */
    public static int reverseInt(int i) {
      int result = FormatTransfer.hBytesToInt(FormatTransfer.toLH(i));
      return result;
    }

    /**
      * 將short類型的值轉(zhuǎn)換為字節(jié)序顛倒過來對應(yīng)的short值
      * @param s short
      * @return short
      */
    public static short reverseShort(short s) {
      short result = FormatTransfer.hBytesToShort(FormatTransfer.toLH(s));
      return result;
    }

    /**
      * 將float類型的值轉(zhuǎn)換為字節(jié)序顛倒過來對應(yīng)的float值
      * @param f float
      * @return float
      */
    public static float reverseFloat(float f) {
      float result = FormatTransfer.hBytesToFloat(FormatTransfer.toLH(f));
      return result;
    }

    }

    posted @ 2007-10-24 09:57 比特鼠 閱讀(3406) | 評論 (0)編輯 收藏

    實現(xiàn)Leader/Fellows模式的項目--CAJ, 地址是:http://caj.cosylab.com/
    posted @ 2007-10-23 14:57 比特鼠 閱讀(198) | 評論 (0)編輯 收藏

    網(wǎng)址:http://httpd.apache.org/docs/2.0/programs/ab.html
    posted @ 2007-10-23 14:53 比特鼠 閱讀(273) | 評論 (0)編輯 收藏

    主站蜘蛛池模板: 毛片亚洲AV无码精品国产午夜| 亚洲情综合五月天| 在线免费观看一级片| 日本妇人成熟免费中文字幕| 中文毛片无遮挡高潮免费| 91精品成人免费国产片| 精品国产免费人成电影在线观看| 亚洲电影在线免费观看| 91av在线免费视频| 91手机看片国产永久免费| 丁香花在线观看免费观看| 成人毛片免费观看视频大全| 日本视频免费在线| 亚洲国产成人影院播放| 区久久AAA片69亚洲| 亚洲AV无码日韩AV无码导航| 亚洲日本中文字幕| 亚洲乱码一二三四区麻豆| 亚洲人AV在线无码影院观看| 美女免费精品高清毛片在线视| 少妇亚洲免费精品| 99精品视频免费| 57pao国产成视频免费播放| 最近最新MV在线观看免费高清 | 亚洲高清一区二区三区电影| 美女啪啪网站又黄又免费| 美女无遮挡拍拍拍免费视频| 无码国产精品一区二区免费vr| 57pao国产成永久免费视频| 成年男女免费视频网站| www亚洲精品少妇裸乳一区二区| 亚洲综合伊人久久综合| 久久亚洲AV成人无码电影| 国产曰批免费视频播放免费s| 野花高清在线电影观看免费视频 | 中国在线观看免费国语版| 青青草国产免费久久久91| 久久久久亚洲AV无码专区网站| 亚洲性天天干天天摸| 亚洲人成人无码.www石榴| 久久精品成人免费国产片小草|