楊濤: 十月 2013

2013年10月28日星期一

Homework 10-21-2013

<html>
<html>
<head>
</head>
<body id="body">
<form action="javascript:void(0);" id="exampleForm">
<input type="text" id="examplePass"/>
<input type="submit" />
</form>
</body>
<script>
document.getElementById("exampleForm").onsubmit = function(){
var passwordRegex =/^-?\d*$/;
if(!passwordRegex.test(document.getElementById("examplePass").value)){
console.log("Regex didn't match");
var notify = document.getElementById("notify");
if(notify === null){
notify = document.createElement("p");
notify.textContent = "error";
notify.id ="notify";
var body =document.getElementById("body");
body.appendChild(notify);
}
}
};
</script>
</html>

2013年10月21日星期一

lab 15

lab 14

get&post:

舉個例子，如果 HTTP 代表現在我們現實生活中寄信的機制，那麼信封的撰寫格式就是 HTTP。我們姑且將信封外的內容稱為 http-header，信封內的書信稱為 message-body，那麼 HTTP Method 就是你要告訴郵差的寄信規則。

假設 GET 表示信封內不得裝信件的寄送方式，如同是明信片一樣（感謝網友 Kevin 的建議，採用明信片來詮釋 GET），你可以把要傳遞的資訊寫在信封(http-header)上，寫滿為止，價格比較便宜。然而 POST 就是信封內有裝信件的寄送方式（信封有內容物），不但信封可以寫東西，信封內 (message-body) 還可以置入你想要寄送的資料或檔案，價格較貴。

使用 GET 的時候我們直接將要傳送的資料以 Query String（一種Key/Vaule的編碼方式）加在我們要寄送的地址(URL)後面，然後交給郵差傳送。使用 POST 的時候則是將寄送地址(URL)寫在信封上，另外將要傳送的資料寫在另一張信紙後，將信紙放到信封裡面，交給郵差傳送。

lab 13

HomeWork 10-14-2013

2013年10月14日星期一

lab 12

<html>
<body>

<img onmouseover="mOver(this)" onmouseout="mOut(this)"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIu27BZOhR6ntkSbgHaZzP6GqQ6unHH2HVRh4axTC1H9MfwpW_lmLpUhieVWReUf6ZbN2mY-LFi2DWDFVfCq4LNPBUhhyfm5MQFP1nPD-lunAD-2xdbffKdvMcOZjSSJVwcYEQ7Q93fCo/s320/DSC_1795.JPG"</img>

<script>
function mOver(obj1)
{
obj1.setAttribute("src", "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIu27BZOhR6ntkSbgHaZzP6GqQ6unHH2HVRh4axTC1H9MfwpW_lmLpUhieVWReUf6ZbN2mY-LFi2DWDFVfCq4LNPBUhhyfm5MQFP1nPD-lunAD-2xdbffKdvMcOZjSSJVwcYEQ7Q93fCo/s320/DSC_1795.JPG")
}

function mOut(obj2)
{
obj2.setAttribute( "src", "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghVxnGZNDI0ydjkkCNwvF-pnAzLElxn8DemapEIXN2srgwLi3SJZs1CxtKcmtVaDZhnzTaYL16-q6CtW3XVqW6ckKZSrKwK4S1M-WJvMyXAvH-1ccwDIi4bB4TeopPpyWxdq57WBlQfuPz/s320/DSC_1772.JPG")
}
</script>

</body>
</html>

lab 11

<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>lab26</title>
<script>
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)
}
myTableBody.appendChild(row)
}
myTable.appendChild(myTableBody)
docBody.appendChild(myTable)
}
window.onload = buildTable
</script>
</head>.
<body>
<br>
</body>
</html>

lab 10 ex

<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>lab26</title>
<button onclick="build() ">Try it</button>
<script>
function build()

{

myImg = document.createElement("IMG")
myImg.setAttribute("id","imageOne")
myImg.setAttribute("src","http://airsnarf.shmoo.com/airsnarf.jpg")
docBody= document.getElementsByTagName("body").item(0)
docBody.appendChild(myImg)
}
window.load=build
</script>
</head>
<body>
<br>
</body>
</html>

lab 10

2013年10月7日星期一

Lab 8

<html>
<head>
</head>
<body id="body">
<form action="javascript:void(0);" id="exampleForm">
<input type="password" id="examplePass"/>
<input type="submit"/>
</form>
</body>
<script>
document.getElementById("exampleForm").onsubmit=function(){

var passwordRegex = /^(?=.*\w)(?=.*\d).{6,}$/;

if(!passwordRegex.test(document.getElementById("examplePass").value)){
console.log("Regex didn't match");
var notify = document.getElementById("notify");
if (notify === null){
notify = document.createElement("p");
notify.textContent = "Password need to be least 6 characters long and consist of upprcase characters, lowercase characters,and digits only.";

notify.id = "notify";

var body = document.getElementById("body");
body.appendChild(notify);
}
}
};
</script>
</html>

Lab 9

<html>
<head>
</head>
<body id="body">
<form action="javascript:void(0);" id="exampleForm">
<input type="password" id="examplePass"/>
<input type="submit"/>
</form>
</body>
<script>
document.getElementById("exampleForm").onsubmit=function(){

var passwordRegex = /^[\w\W]{6,}$/;

if(!passwordRegex.test(document.getElementById("examplePass").value)){
console.log("Regex didn't match");
var notify = document.getElementById("notify");
if (notify === null){
notify = document.createElement("p");
notify.textContent = "Password need to be least 6 characters long and consist of upprcase characters, lowercase characters,and digits only.";

notify.id = "notify";

var body = document.getElementById("body");
body.appendChild(notify);
}
}
};
</script>
</html>

Lab 7

2013年10月4日星期五

Homework 9-30-2013

一.蒂牧泊纳思-李演講簡要：

             20年前，蒂牧泊纳思-李創造了萬維網，現在又有一個新的挑戰擺在他面前。21世紀是網路的世紀，每個人的生活都離不開網路，所以會有大量的數據產生，而我們該怎樣利用這些數據，並且如何把自己的數據和他人分享。

             李引用了漢斯的話：大量的數據很重要。不管是政府還是企業或是個人，都可以利用好數據來服務生活。所以李有一個關於 Linked Data 的構想，每個人如何將自己的數據上傳到網路上也需要制定規則，他舉例了三個規則：1.上傳者需要有HTTP 的名字。2.上傳的內容是什麽？3.需要有數據間的聯繫。李提出一個倡議：Raw Data Now ! 每個人都貢獻自己的數據並且和他人分享，這樣有些問題會很快得出答案，特別是科學界的某些跨領域問題。最後李通過在google map上標注內容在一些沒有地名的地點，這樣其他人就可以利用這個數據來幫助自己，這是一個很好的方法和趨勢。

二.google 創業動機：

搜尋引擎Google脫胎於1996年1月誕生的BackRub，後者最初只是佩奇和布林的一個課題實驗。有一天，他們驚異地發現：每天有成千上萬的人在使用原本只有數位導師知道的BackRub系統。兩人興致勃勃地準備出售BackRub，但當時各大門戶網站對這項技術非常冷漠，佩奇和布林決定自己幹。於是，1998年9月，Google就在一個車庫中誕生了。Google是由英文單詞“Googol”變化而來。“Googol”是美國數學家Edward Kasner的侄子MiltonSirotta創造的一個詞，表示後邊帶有100個零的巨大數目。佩奇和布林使用這個詞代表公司想征服網上無窮無盡資料的雄心。在創立之初，公司除了佩奇和布林之外，就只有一個雇員——克雷格·希爾維斯通——Google現在的技術總監。他們的努力工作不久就得到了回報：1999年年中，風險投資家Kleiner Perkins和SequoiaCapital向Google注入了2500萬美元的資金，幫助Google進入了一個嶄新的發展階段。

三. facebook 的創立動機：最初的創立動機應該是提供哈佛學生的交流和約會。

四.WWW的創立動機：

最早的網路構想可以追溯到遙遠的1980年蒂姆·伯納斯-李構建的ENQUIRE（英語：ENQUIRE）項目。這是一個類似維琪百科的超文字線上編輯資料庫。儘管這與我們現在使用的萬維網大不相同，但是它們有許多相同的核心思想，甚至還包括一些伯納斯－李的萬維網之後的下一個項目語義網中的構想。

五：搜尋引擎查詢結果的分析顯示，網頁資料的雜訊相當高，變動非常快。因此，利用網路資料來排名有其先天上的缺點，亦即較細微的排名結果可信度較差，爭議亦較高。

标签

2013年10月28日星期一

2013年10月21日星期一

2013年10月14日星期一

2013年10月7日星期一

2013年10月4日星期五