2014年8月1日 星期五

貼程式碼測試-4

貼程式碼測試
pastie網站

貼程式碼測試-3

public class HelloWorld {

    public static void main (String[] args) {
        System.out.println("Hello, world!");
    }
}
public class HelloWorld {

    public static void main (String[] args) {
        System.out.println("Hello, world!");
    }
}

加入顏色設定

貼程式碼測試-2

public class HelloWorld {

    public static void main (String[] args) {
        System.out.println("Hello, world!");
    }
}

public class HelloWorld { public static void main (String[] args) { System.out.println("Hello, world!"); } }

上下分別測試兩種Tag:pre & div
pre保留原程式碼的排版
div則會全部縮起來


貼程式碼測試-1

for(int i=0;i<100;i++ ) 

貼程式碼測試


code會有編排切換問題

2014年4月14日 星期一

102-2 Lab16 Change an image by moving the mouse

結合兩個提示:
<body>

<img src ="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMLHfEEgNYDFrU9Ula0Uka8uKzfQgrzcLfZ9cvNWySdYK2ia7FN2UXXYnpJd1lb6hgGWPWT5QOmPZb0law4NjhqizXa8RASzX7AvoTXmN7dh8PuU4rh9G_RfrO1wQiTpfnTWtUebm4Gdo/s320/DSC_1795.JPG" onmouseover="mOver(this)" onmouseout="mOut(this)" >

<script>
function mOver(obj)
{

obj.setAttribute("src","https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjuKSUhjEjG0IXijdpJdTBhemp4LkzjB80Mj6JZaJFbfjbZxepAcD9vN_ShNEdiJ8Mg_aaGiiCTzURbWhUeJKiMRL4uae0ilXuff7GuCuv4z8-o5fjEQGztZTCNORtMqeOY6q9YyNgpJl8/s320/DSC_1772.JPG");
}

function mOut(obj)
{
obj.setAttribute("src","https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMLHfEEgNYDFrU9Ula0Uka8uKzfQgrzcLfZ9cvNWySdYK2ia7FN2UXXYnpJd1lb6hgGWPWT5QOmPZb0law4NjhqizXa8RASzX7AvoTXmN7dh8PuU4rh9G_RfrO1wQiTpfnTWtUebm4Gdo/s320/DSC_1795.JPG");
}
</script>

</body>
lab12

102-2 Lab15 九九乘法表

0*0 = 00*1 = 00*2 = 00*3 = 00*4 = 00*5 = 00*6 = 00*7 = 00*8 = 00*9 = 0
1*0 = 01*1 = 11*2 = 21*3 = 31*4 = 41*5 = 51*6 = 61*7 = 71*8 = 81*9 = 9
2*0 = 02*1 = 22*2 = 42*3 = 62*4 = 82*5 = 102*6 = 122*7 = 142*8 = 162*9 = 18
3*0 = 03*1 = 33*2 = 63*3 = 93*4 = 123*5 = 153*6 = 183*7 = 213*8 = 243*9 = 27
4*0 = 04*1 = 44*2 = 84*3 = 124*4 = 164*5 = 204*6 = 244*7 = 284*8 = 324*9 = 36
5*0 = 05*1 = 55*2 = 105*3 = 155*4 = 205*5 = 255*6 = 305*7 = 355*8 = 405*9 = 45
6*0 = 06*1 = 66*2 = 126*3 = 186*4 = 246*5 = 306*6 = 366*7 = 426*8 = 486*9 = 54
7*0 = 07*1 = 77*2 = 147*3 = 217*4 = 287*5 = 357*6 = 427*7 = 497*8 = 567*9 = 63
8*0 = 08*1 = 88*2 = 168*3 = 248*4 = 328*5 = 408*6 = 488*7 = 568*8 = 648*9 = 72
9*0 = 09*1 = 99*2 = 189*3 = 279*4 = 369*5 = 459*6 = 549*7 = 639*8 = 729*9 = 81
修改邊際條件與內容:
function buildTable(){
docBody = document.getElementsByTagName("body").item(0)
myTable = document.createElement("TABLE")
myTable.id ="TableOne"
myTable.border = 1
myTableBody = document.createElement("TBODY")
for (i = 0; i < 10; i++){
row = document.createElement("TR")
for (j = 0; j < 10; j++){
cell = document.createElement("TD")
cell.setAttribute("WIDTH","50")
cell.setAttribute("HEIGHT","50")
textVal =  i + "*" + j +" = "+i*j
textNode = document.createTextNode(textVal)
cell.appendChild(textNode)
row.appendChild(cell)
}

2014年3月10日 星期一

102-2 Lab7,8 Using browsers for programming

一、

標準表示式:[A-Za-z0-9]

二、

要求出現某樣表示式:(?=.*[])

(?=.*[])這段於法又稱做「右合樣 (Positive Lookahead)」,右合樣(或左合樣)語法所佔用的寬度為 0,也就是說這段語法本真不會佔用比對的字元,僅僅只是 Regular Expression 中的一種「判斷式」而已,右合樣 (Positive Lookahead)會判斷右邊緊接著的字元是否符合比對條件,如果符合條件才會繼續比對下去。

Ex(?=.*\d)只會用來判斷該字串有沒有出現數字,所以使用上述不用考慮順序問題。


參考資料:Will Will Web

102-2 Lab4 破解網路大學排名

尋找大學能見度排名時使用http://www.opensiteexplorer.org/

注意事項
選擇page on this root domain

計算注意事項
rank<S>,rank<V>,rank<R>,rank<Sc>
為各自的排名,並非直接帶入實際的值

2014年3月3日 星期一

102-2 Lab6 Using Chorme

使用Chrome 開發人員工具,檢查
中原大學
Youtube
Udacity
三個網站,找出網頁下載過程中,最耗時的前三個元件(請列出檔名)


1.叫出開發人員工具
  • 在Chrome按下F12 
  • 快速鍵:「Ctrl+Shift+I」 
  • 對網頁按滑鼠右鍵,選擇檢查元素 
  • 自訂及控制→工具→開發人員工具
2.找出耗時Element
  1. 點Network
  2. 點Name上面的圓圈,開始記錄
  3. 排序選擇Time(Latency)
  4. 若無紀錄全部的Element則重新整理網頁

如附圖