梅西羅東: 網際網路lab

顯示具有 網際網路lab 標籤的文章。顯示所有文章

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

點Network
點Name上面的圓圈，開始記錄
排序選擇Time(Latency)
若無紀錄全部的Element則重新整理網頁

如附圖

2013年12月30日星期一

102-1_Lab37 Google Analytics

Enter Google Analytics

進入頁

登入畫面

複製code

分析結果

2013年12月16日星期一

102-1_Lab31：XML

介紹notepad++將xml轉成Html方法

Step1:將程式語言的部分改成XML

Step2:外掛模組→Plugin Manager→Show Plugin Manager

Step3:選擇XML Tool→Install
(灌好會重開一次notepad++)

Step4:準備好另一份XSL檔

Step5:外掛模組→XML Tool→XSL Transformation

Step6:選擇step4的XSL檔

Step7:得到轉好的HTML檔案

註明一：lab31的兩個檔案都需要把[]換成<>
參考一

2013年12月3日星期二

102-1_Lab27：如何計算PageRank值

Example
有A, B, C 三個網頁，A引用了B, C，B引用了C，C也引用了 A
計算A,B,C 三個網頁的PageRank，三者PageRank排序為何?

Step1:
先找反向連結(被誰引用)
mean:反向連結數
P(A):c
P(B):a
P(C):a,b

Step2:
再找反向連結的正向連結(引用誰)
mean:看反向連結的品質
a*(1/2)
b*1
c*1

Step3:
代公式

P(A)=P(C)*0.85+0.15
P(B)=(P(A)*1/2)*0.85+0.15
P(C)=(P(A)*1/2+P(B))*0.85+0.15

＊在課堂上跟大家講錯了Step2＊

2013年10月24日星期四

102-1_Lab15 Hand code a form

助教悲劇補充：現在依然無法判斷大小

<html>
<title>lab14</title>
<body>
<form action="http://maps.google.com/maps" method="get" name="f" onsubmit="return check()">
<input name="q" type="text" /><br />
<input name="send" type="submit" value="search" />
</form>
</body>
<script>

var floatReg =/^([+-]?)[1-9]\d*(\.\d*)?,([+-]?)[1-9]\d*(\.\d*)?$/;
//funtion外宣告可以全域使用
var str=",";
f1=f.q.value.indexOf(str);
f2=f.q.value.length;
latitude=f.q.value.substring(0,f1);
longitude=f.q.value.substring(f1+1,f2);
y=parseInt(latitude);
x=parseInt(longitude);
//alert(y);
//alert(x);
//alert(y>90);
//alert(x<180);
//alert(y>90||x>180);
function check(){
if(!floatReg.test(f.q.value)){
alert("It's not correct format");
f.q.value="";
document.f.q.focus();
return false;
}
}
document.write(Date());
</script>
</html>

2013年10月21日星期一

102-1_Lab13

2013年10月14日星期一

102-1_Lab12 Change an image by moving the mouse

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>

主要為切換兩個事件
mouseover & mouseout

2013年10月7日星期一

102-1_Lab7,9：Using browsers for programming

原程式碼：
<html>
<head>
</head>
<Title>Password Regex</Title>
<body id="body">
<form action="javascript:void(0);" id="exampleForm">
Password:<input type="password" id="examplePass" name="Enter password" />
<input type="submit" />
</form>
</body>
<script language="javascript">
document.getElementById("exampleForm").onsubmit = function(){
var passwordRegex = /^[A-Za-z\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 = "Passwords need to above 6 words!";
notify.id = "notify";
var body = document.getElementById("body");
body.appendChild(notify);
}
}
};
</script>
</html>

Sol of lab7 condition：/^[A-Za-z\d]{6,}$/
(至少要一大寫英或小寫英或數字、超過6字)
~~Sol of lab9 condition：/^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*\W).{6,}$/~~
~~(至少一數字、一小寫英、一大寫英、一特殊字元("_"底線除外)、超過6字)~~

Sol of lab9 condition：/^(?=.*\d)(?=.*[\W_]).{6,}$/
(至少一數字、一特殊字元、超過6字，大小寫英可有可無)
"\W"為不包含大小寫A-Z和0~9和"_"
"\w"則剛好和\W完全相反
所以取特殊字元必須使用大寫"\W"(此時底線除外)
最後把底線加入："[\W_]"

第二版程式碼：

<html>
<head>
</head>
<TITLE>exam the password</TITLE>
<body id="body">
<form method="POST" action="form-handler.php" onsubmit="return checkForm(this);">
<p>Username: <input type="text" name="username"></p>
<p>Password: <input type="password" name="pwd1"></p>
<p>Confirm Password: <input type="password" name="pwd2"></p>
<p><input type="submit"></p>
</form>
</body>
<script type="text/javascript">

function checkPassword(str)
{
var re = /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*\W).{6,}$/;
// /^[A-Za-z\d]{6,}$/至少要一大寫英或小寫英或數字、超過6字
// /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*\W).{6,}$/ 至少一數字、一小寫英、一大寫英、一特殊字、超過6字
return re.test(str);
}
function checkForm(form)
{
if(form.username.value == "") {
alert("Error: Username cannot be blank!");
form.username.focus();
return false;
}
re = /^\w+$/;
if(!re.test(form.username.value)) {
alert("Error: Username must contain only letters, numbers and underscores!");
form.username.focus();
return false;
}
if(form.pwd1.value != "" && form.pwd1.value == form.pwd2.value) {
if(!checkPassword(form.pwd1.value)) {
alert("The password you have entered is not valid!");
form.pwd1.focus();
return false;
}
} else {
alert("Error: Please check that you've entered and confirmed your password!");
form.pwd1.focus();
return false;
}
return true;
}
</script>
</html>

參考資料：1、2、3、4、5、6