一、請看下面的HTML代碼

二、運行的結果

 三、問題
     為什么img(id為btnSendOut)和文字div(id為divSendOut)出現在table外了呢？
四、原因
    img和文字div都用的絕對(position:absolute)位置,但都沒有設置left和top屬性，這樣會根據當前的HTML位置來確定left和top屬性。上級容器是個div(id為senddiv)中，此div延續上級td的align屬性，這樣當前位置應在div的右邊。于是img和文字div從div（id為senddiv)的右邊開始顯示，由于都是絕對的，脫離HTML的顯示，所以都會超出table外。
五、解決方案
      找到了原因，解決起來就容易了。我們只需要把div(id為senddiv)的align屬性設置為left就可以了。因為img，div(id為divSendOut)，div(id為senddiv)的大小都是一樣的。

六、另外的問題(層的居中問題)
      對于把字符串"Send"居中在div(id為divSendOut)中間，我們可以設置div的line-height屬性(注意該屬性的單位)和height屬性一樣就可以了。但是如果需要居中的不是文字，而且其它的對象，例如另一個div，則就需要利用腳本來控制了。

請看下面的代碼：

 
float : none | left |right
 
參數：
 
none : 　對象不浮動
left : 　對象浮在左邊
right : 　對象浮在右邊
 
說明：
該屬性的值指出了對象是否及如何浮動。
當該屬性不等于none引起對象浮動時，對象將被視作塊對象(block-level)，即display屬性等于block。也就是說，浮動對象的display特性將被忽略。
對應的腳本特性為styleFloat。

clear : none | left |right | both
 
參數：
 
none : 　允許兩邊都可以有浮動對象
both : 　不允許有浮動對象
left : 　不允許左邊有浮動對象
right : 　不允許右邊有浮動對象
 
說明：
 
該屬性的值指出了不允許有浮動對象的邊。
對應的腳本特性為clear。

把一個日期字符串如“2007-2-28 10：18：30”轉換為Date對象：
1：

2：

第二種方法真是簡單啊！

請看下面的html
顯示這個頁面，含有Web Domain的TD的實際長度絕對大于150px的。因為受第二行的colSpan的屬性影響了

這才是我要的效果！呵呵！

1. 顯示一個插件所有的goal
2. 創建一個基于模版的項目，eclipse項目
   ?//創建標準目錄模板
   ?mvn archetype:create -DgroupId=com.codeline.commons -DartifactId=codelineCommons?
   //創建web項目
   ?mvn archetype:create -DgroupId=com.mycompany.app??? -DartifactId=my-webapp?????? -DarchetypeArtifactId=maven-archetype-web
   
3. 查看一個插件所用的版本
   mvn -Dplugin=groupId:artifactId help:describe
4. 忽略編譯test
   mvn -Dmaven.test.skip=true
5. 一個jar文件，它是maven的一個插件，怎么安裝到本地庫。
   ?? mvn install:install-file
   ?????? -Dfile=<path-to-file>
   ??? -DgroupId=<group-id>
   ??? -DartifactId=<artifact-id>
   ??? -Dversion=<version>
   ??? -Dpackaging=<packaging>
   ??? -DgeneratePom=true
   
6. maven的生命周期
   ??? validate，驗證工程是否正確，所有需要的資源是否可用。
   ??? compile，編譯項目的源代碼。
   ??? test-compile，編譯項目測試代碼。
   ??? test，使用已編譯的測試代碼，測試已編譯的源代碼。
   ??? package，已發布的格式，如jar，將已編譯的源代碼打包。
   ??? integration-test，在集成測試可以運行的環境中處理和發布包。
   ??? verify，運行任何檢查，驗證包是否有效且達到質量標準。
   ??? install，把包安裝在本地的repository中，可以被其他工程作為依賴來使用
   ?? deploy，在整合或者發布環境下執行，將最終版本的包拷貝到遠程的repository，使得其他的開發者或者工程可以共享。 ?
   ?? generate-sources，產生應用需要的任何額外的源代碼，如xdoclet。
7. Dependency Scope
   ?compile，缺省值，適用于所有階段，會隨著項目一起發布。
   ?provided，類似compile，期望JDK、容器或使用者會提供這個依賴。如servlet.jar。
   ?runtime，只在運行時使用，如JDBC驅動，適用運行和測試階段。
   ?test，只在測試時使用，用于編譯和運行測試代碼。不會隨項目發布。
   ?system，類似provided，需要顯式提供包含依賴的jar，Maven不會在Repository中查找它
   ?eg：
   ?<dependency>
   ??? <groupId>hibernate</groupId>
   ??? <artifactId>hibernate</artifactId>
   ??? <version>3.0.3</version>
   ??? <scope>test</scope>
   ?</dependency>

在使用多線程時，可能會訪問一些全局的數據，這時必然會使用同步機制來使程序按照一定順序來執行，這樣程序的性能也會下降。所以一定要慎用同步，正確用同步。看下面的程序

localCriticalSection做為一個信號量來控制程序對類成員變量theList的訪問，從而保證了theList在同一時間只有一個程序訪問。運行程序，這個函數花費了將近4秒鐘。同步是很耗時間的。
在java.util.Collections中提供了很多方法來保證集合（數組）的同步訪問。
我們修改類成員變量theList的實例化方法：

再修改處理函數：

再運行，這個函數才花費將近一秒鐘的時間！
在Collections中提供了很多這類的方法。

---

jakarta-tomcat-5.5.7
1.web.xml的設置
<resource-ref>
??<description>OPDB JNDI for TOMCAT</description>
??<res-ref-name>jdbc/opdb</res-ref-name>
??<res-type>javax.sql.DataSource</res-type>
??<res-auth>Container</res-auth>
?</resource-ref>

2.cof/server.xml的配置(eg：C:\jakarta-tomcat-5.5.7\conf)。

<Resource name="jdbc/opdb" auth="Steve" type="javax.sql.DataSource" driverClassName="oracle.jdbc.OracleDriver" url="jdbc:oracle:thin:@172.16.208.190:1522:opdb" username="test" password="oracle" maxActive="20" maxIdle="10" maxWait="10000"/>?

3.web/META-INF/content.xml的配置。

<?xml version='1.0' encoding='utf-8'?>
<Context>
?<!-- note: the following resource name is set up to use the inet jdbc driver.? If you are
??using a different driver, then you will have to change the driverClassName.
??You will have to change the url (the ip and db identifier part), username and password
??entries for your environment.
??-->
?<Resource name="jdbc/opdb" auth="Container" type="javax.sql.DataSource" username="test" password="oracle"
??driverClassName="oracle.jdbc.OracleDriver" url="jdbc:oracle:thin:@172.16.208.190:1522:opdb" maxActive="20" maxIdle="10"
??maxWait="-1" validationQuery="SELECT 1 FROM DUAL"/>
</Context>
說明：我的tomcat版本是5.5.7。好像必須配置content.xml文件，但是配了這個文件，server.xml中的設置不起作用了。下面是各參數的說明：
driveClassName：JDBC驅動類的完整的名稱；
maxActive：同時能夠從連接池中被分配的可用實例的最大數；
maxIdle：可以同時閑置在連接池中的連接的最大數；
maxWait：最大超時時間，以毫秒計；
password：用戶密碼；
url：到JDBC的URL連接；
user：用戶名稱；
validationQuery：用來查詢池中空閑的連接。

找了很久，偶然間知道了，唉！
<link rel="SHORTCUT ICON" href=">

前幾天，在做一個頁面時，引入了樣式文件，但是不起作用。后來跟蹤發現竟然是DOCTYPE的設置問題。例如下面的HTML：
<div class="testDiv">test
???<table>
??????<tr>
?????????<td>Table Content</td>
??????</tr>
???</table>
</div>
在testDiv中設置了字體的樣式，但是瀏覽時（IE6和FireFox1.5)，發現test文本已經顯示了testDiv中規定的樣式，但Table Content卻沒有。去掉頁面中的"
原文作者： 周靖 譯

雖然大多數Web文檔的頂部都有doctype聲明，但很多人都沒有注意它。它是在你新建一個文檔時，由Web創作軟件草率處理的眾多細節之一。

雖然doctype被許多人忽視，但在遵循標準的任何Web文檔中，它都是一項必需的元素。doctype會影響代碼驗證，并決定了瀏覽器最終如何顯示你的Web文檔。


doctype的作用
doctype聲明指出閱讀程序應該用什么規則集來解釋文檔中的標記。在Web文檔的情況下，“閱讀程序”通常是瀏覽器或者校驗器這樣的一個程序，“規則”則是W3C所發布的一個文檔類型定義（DTD）中包含的規則。

每個DTD都包括一系列標記、attributes和properties，它們用于標記Web文檔的內容；此外還包括一些規則，它們規定了哪些標記能出現在其他哪些標記中。每個Web建議標準（比如HTML 4 Frameset和XHTML 1.0 Transitional）都有自己的DTD。

假如文檔中的標記不遵循doctype聲明所指定的DTD，這個文檔除了不能通過代碼校驗之外，還有可能無法在瀏覽器中正確顯示。對于標記不一致的問題，瀏覽器相較于校驗器來說更寬容。但是，不正確的doctype聲明經常導致網頁不正確顯示，或者導致它們根本不能顯示。


選擇正確的doctype
為了獲得正確的doctype聲明，關鍵就是讓DTD與文檔所遵循的標準對應。例如，假定文檔遵循的是XHTML 1.0 Strict標準，文檔的doctype聲明就應該引用相應的DTD。另一方面，如果doctype聲明指定的是XHTML DTD，但文檔包含的是舊式風格的HTML標記，就是不恰當的；類似地，如果doctype聲明指定的是HTML DTD，但文檔包含的是XHTML 1.0 Strict標記，同樣是不恰當的。

有的時候，也可以根本不使用一個doctype聲明。如果沒有指定有效的doctype聲明，大多數瀏覽器都會使用一個內建的默認DTD。在這種情況下，瀏覽器會用內建的DTD來試著顯示你所指定的標記。對于一些臨時性的、匆忙拼湊的文檔（這種文檔有許多），你確實可以考慮省略doctype聲明，并接受瀏覽器的默認顯示。

完全可以從頭編寫一個doctype聲明，并讓它指向自己選擇的一個DTD。然而，由于大多數Web文檔都需要遵循由W3C發布的某個國際公認的Web標準，所以那些文檔通常都要包含以下標準doctype聲明之一：

HTML 2：



HTML 3.2：



HTML 4.01 Strict：

"http://www.w3.org/TR/html4/strict.dtd">

HTML 4.01 Transitional：

"http://www.w3.org/TR/html4/loose.dtd">

HTML 4.01 Frameset：

"http://www.w3.org/TR/html4/frameset.dtd">

XHTML 1.0 Strict：

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

XHTML 1.0 Transitional：

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

XHTML 1.0 Frameset：

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML 1.1：

"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

XHTML 1.1 plus MathML plus SVG：

"-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN"
"http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">

除了上面列出的doctype聲明，具有特殊要求的一些文檔還使用了其他幾種聲明。

doctype聲明通常是文檔的第一行，要在標記以及其他文檔內容之前。注意，在XHTML文檔中，doctype的前面偶爾會出現一條XML處理指令（也稱為XML prolog）：



為了確保網頁正確顯示和順利通過驗證，使用正確的doctype是關鍵。與內容相反的、不正確的或者形式錯誤的doctype是大量問題的罪魁禍首。在未來的專欄文章中，我還會具體解釋如何診斷及糾正這些問題。

用DW設計網頁時，新建一個文件，看代碼最前面總要出現一個下面的東東，
"http://www.w3.org/TR/html4/loose.dtd">
這個是DW自動在網頁文件頁增加了DTD信息.可以刪.
刪除后，瀏覽器會使用的默認DTD.

1.javascript類的定義
  function Person(name,age,sex){
   var self=this;
   this.name=name;
   this.age=age;
   this.sex=sex;
   
   toString=function(){
    alert(self.name);
   }
   
   this.getName=function(){
    return this.name;
   }  
  }
 
  使用:
  var person=new Person("yhp",28,1);
  person.getName();//可以訪問getName函數
  person.toString();//不可以訪問toString函數
 
  利用prototype.js也可以這么定義
  var Person=Class.create();
  必須定義Person的構造函數:
  Person.prototype.initialize=function(name,age,sex){
   this.name=name;
   this.age=age;
   this.sex=sex;
  }
 
2.在上面的Person類中,toString函數是不能直接訪問this.name的.
  解決方法:可以定義變量self,把this賦值給它,在toString中利用self來訪問this.name.
  var self=this;
  toString(){
   alert(self.name);
  }
  應用:定義一個類,有個成員變量number,在構造函數中傳入一個容器,在容器中創建一個div,div中綁定onclick,在onclick中訪問number
  var Module=function(container){
 var self=this;
 this.container=container;
 this.build=function(){
  this.number=Math.random();
  var div=document.createElement("div");
  div.innerHTML="module";
  div.style.cursor="pointer";
  div.onclick=function(){
   alert(self.number);//在此處是不能訪問this.number的.
  }
  this.container.appendChild(div);
  test();
 }
  }
 
3.對于下面代碼:
  while(count>=0){
    var div=document.createElement("div");
 div.className="number";        
 div.innerHTML=count+1;
 div.style.cursor="pointer";
 div.onclick=function(e){
  alert(count);
 }      
  }
 
  當觸發div的onclick的時候,每次alert顯示都是-1;也就是最后count的值.但需要每次alert的都是innerHTML中值.
  獲取innerHTML的方法: 
     對于事件,獲取觸發該事件的對象:
     IE     : window.Event.srcElement
     Firefox:e.target   //e是函數傳入的事件參數
  獲取觸發事件的對象的InnerHTML:
  getClickPageNumber=function(e){
   return Try.these(
    function() {return window.event.srcElement.innerHTML},
    function() {return e.target.innerHTML}
 ) ;
  }
  修改onclick:
  div.onclick=function(e){
   alert(getClickPageNumber(e));
  }
 
4.清除html的table中tbody中的內容.
  <tbody id="tBody">
   <tr>
    <td>a</td>
    <td>b</td>
   </tr> 
  </tbody>
  代碼:
  $("tBody").innerHTML="";
  上面的代碼在IE中是沒有效果的.
  修改:
  while (tBody.rows.length > 0) {
 tBody.deleteRow(0);
  }