Maicca Feng @maiccafeng - Tumblr Blog

JavaScript - 過濾重複

過濾重複的程式

題目：寫程式使 input 是 1, 2, 2, 4, 6, 6, 7，output 是 1, 2, 4, 6, 7

想法：過濾重複

程式碼：

var input = [1, 2, 2, 4, 6, 6, 7]; var output = [];

output[0] = input[0]; // 放入第一個元素以初始化

for (var i = 0; i < input.length; i++) { var found = false; for (var j = 0; j < output.length; j++) { if (input[i] == output[j]) { found = true; break; } } if (found == false) { output[output.length] = input[i]; } }

console.log(output); // [1, 2, 4, 6, 7]

#JavaScript #過濾重複

jQuery - idTabs 插件

插件：jQuery基礎程式庫的擴充，用以改進功能性，或讓特定功能更容易達成。

idTabs：可將ul元素轉變成可點擊的頁籤，將li元素裡的a連結被點擊時顯示不同div元素。

#jQuery #idTabs #plug-in #Head First Ch.8

jQuery - 隨機數字

好用的 getRandom(num) 隨機數字函式

回傳 0 ~ num-1 的隨機整數，共 num 個隨機整數

function getRandom(num) { var my_random_num = Math.floor(Math.random() * num); return my_random_num; }

#jQuery #Random Number #Head First Ch.7

jQuery - delay()

JQ 延遲方法

delay(ms)：在特效之間增加一段暫停時間。

slideDown().delay(5000).slideUp();

#jQuery #Head First Ch.7

jQuery - setTimeout(), setInterval()

window 物件的 JS 定時器方法

setTimeout(f, ms)：設定“在呼叫函式或其他陳述式之前先等待一段時間”

myTimeout = setTimeout(myFunction, 4000); // p.263

setTimeout(wakeUp(), 4000); // p.265

setTimeout(“lightning()”, 4000); // p.194

clearTimeout()：用來取消 setTimeout 設定

clearTimeout(myTimeout);

setInterval(fr, ms)：設定“在重複呼叫函式或其他陳述式之前的等待期間”

myInterval = setInterval(repeatMe, 1000);

clearInterval()：用來取消 setInterval 設定

clearInterval(myInterval);

#jQuery #Window Object #Head First Ch.7

jQuery - Date 物件

Date 物件

JS裡表示時間的物件

var t = new Date(); // new一個Date物件出來

t.getHours(); // 得到現在時間的方法們

t.getMinutes();

t.getSeconds();

#jQuery #Date Object #Head First Ch.7 #Time

jQuery - window.onfocus, window.onblur

window.onfocus, window.onblur

回應事件就把某個函式參考指定給 onfocus 或 onblur

window.onblur = blurResponse; // 函式參考 function blurResponse() {...}

window.onfocus = focusResponse; // 函式參考 function focusResponse() {...}

#jQuery #Window Object #Onfocus #Onblur #Head First Ch.7

jQuery - window 物件

window 物件

JS裡最上層的全域物件，每開一個新視窗時被建立。

window.onfocus：視窗獲得焦點事件

window.onblur：視窗失去焦點事件

window.name：可存取或設定視窗的名稱

window.history：可存取視窗在一段時間以來已載入的不同URL

window.document：參照到被載入文件的主要內容

window.setTimeout()：設定“在呼叫函式或其他陳述式之前先等待一段時間”

window.clearTimeout()：用來取消“一段等待時間”

window.setInterval()：設定“在重複呼叫函式或其他陳述式之前的等待期間”

window.clearInterval()：用來取消“重複之間的等待期間”

#jQuery #Window Object #Head First Ch.7

PHP - 分割/引入程式碼

分割/引入程式碼: require(), include()

require(‘檔案.php’)：適合引入靜態內容，會將自身替換成引入的內容

include(‘檔案.php’)：適合引入動態內容如function，以及需經條件判斷的內容

require_once(‘檔案.php’)：同require()，但會確保只在該程式中引入一次

include_once(‘檔案.php’)：同include()，但會確保只在該程式中引入一次

require(‘myfile.php’);

#PHP #Require Code #Include Code

PHP - 網頁轉頁/更新

網頁轉頁/更新: header()

header(“Location:網址”)：將網頁導向至該網址，不可放在文字輸出之後(如echo或print)，需放在<html>前

header(“Location:myfile.html”);

header(“Refresh:時間;URL=網址”)：讓網頁過一段時間(秒)後自動重新整理或導向至該網址，括號裡不可有空格

header(“Refresh:5”); // 5秒後更新網頁

header(“Refresh:5;URL=new.html”);

#PHP #Web Redirect #Web Refresh

PHP - Cookie

將資料存放在用戶端瀏覽器的技術，可以記錄一些微量資料以便使用者造訪網站時使用，例如：使用者的上站次數，上次上站日期，帳號密碼，購物車資料等等。

限制：每個瀏覽器只能存取300個Cookie，每個伺服器只能存取20個Cookie，每個Cookie大小最多4KB

setCookie()

setCookie(name, value, expire)：若成功將資料寫入Cookie，則回傳整數1

setCookie(‘userId’, ‘Tony’);

寫入的動作會在網頁全部載入後才進行，所以要等到下一回才看得到寫入的結果。故通常會搭配header()做網頁轉頁或更新。

不可放在文字輸出之後(如echo或print)，需放在<html>前

刪除Cookie：將Cookie值設為空白即可

setCookie(‘userId’);

預設Cookie值在網頁關閉後就刪除了。因此可在expire參數設定Cookie的保留時間

setCookie(‘userId’, ‘Tony’, date(‘U’)+60); // 保留60秒

$_COOKIE[]

$_COOKIE[name]：取得Cookie內容值。

$_COOKIE[‘userId’] // 得到Tony

#PHP #Cookie

PHP - 檔案處理

檔案處理

沒有資料庫時，可用檔案儲存資料，當作資料庫使用。

方法一: fopen(), fseek(), fwrite(), fread(), fclose()

fopen(檔案路徑, 開啟模式)：開啟檔案。會回傳檔案的handle值(整數)。

開啟模式:

a ：寫入模式，將指標移至檔案最末端後寫入，若檔案不存在則建檔

a+：可讀可寫，將指標移至檔案最末端後寫入，若檔案不存在則建檔

r ：唯讀模式，檔案需存在

r+：可讀可寫，檔案需存在

w ：唯寫模式，將檔案清空後重新寫入，若檔案不存在則建檔

w+：可讀可寫，將檔案清空後重新寫入，若檔案不存在則建檔

$handle = fopen(“new.txt”, “w+”); //成功會回傳true，失敗則false

fseek(handle值, 位元數)：移動檔案讀寫指標。成功則回傳0，失敗回傳-1。位元數表示從頭起算的位元數

fseek($handle, 0);

fwrite(handle值, 資料)：將資料寫入檔案。成功則回傳寫入的字元個數，失敗回傳false。

fwrite($handle, “Hello World”);

fread(handle值, 字元數)：將資料自檔案中讀出。回傳讀出的資料字串。

$data = fread($handle, 10); // 讀出10個字元

$data = fread($handle, filesize(“new.txt”)); // 從頭讀到尾

fclose(handle值)：關閉檔案。成功則回傳true，失敗回傳false。

fclose($handle);

以上函式群須按照此順序使用。

方法二: file_put_contents(), file_get_contents()

file_put_contents(檔案路徑, 資料)：直接寫入檔案。成功則回傳寫入的字元個數，失敗回傳false。若檔案不存在會建檔，若檔案存在則預設會將檔案清空後重新寫入，除非加 FILE_APPEND

file_put_contents(‘new.txt’, “Hello\n”, FILE_APPEND);

file_get_contents(檔案路徑)：直接讀取檔案。回傳讀出的檔案資料字串。

$data = file_get_contents(‘new.txt’);

方法三: file()

file(檔案路徑)：將檔案資料讀出至陣列後回傳，每個陣列元素為一行資料(用\n做分割)。

$array = file(‘new.txt’); for ($i=0; $i<count($array); $i++) { echo $array[$i]; // 印出陣列 }

#PHP #File Operation

PHP - Regular Expression

正規表示式 Regular Expression: /…/

用於字串處理非常重要。

以 /…/ 包起 RE 的 pattern，/…/i 表示不區分大小寫。

用途：防呆處理，檢查字串格式，更改字串格式，挑出指定字串等等。

符號分兩類：

一般字元：文數字元，代表意義與原字面意義相同

特殊字元：非文數字元，代表某種特殊規則的意義。可用脫逸字元 \ 取消其代表的意義。

RE 符號: /…/

/字串/：比對所有包含指定字串的字串。

/car/：找出所有”有包含car”的字串，如car, +car+等等。

\b：例如/\b字串\b/會比對完全符合指定字串的字串。

/\bcar\b/：只找出所有”car”這個字。

^：^後接字串，表示比對以指定字串開頭的字串。

/^If/：找出”以IF開頭”的字串，如If, If+等等。

$：$前接字串，表示比對以指定字串結尾的字串。

/new$/：找出”以new結尾”的字串，如new, +new等等。

[]：[]內裝字元集合，表示任一集合內的字元都可以。

/[Ff]ool/：表示Fool或fool都可以。

[-]：-在[]內表示範圍。

/[1-5]/：表示1到5任一數字都可以。

[^]：^在[]內表示否定。

/[^abc]/：表示a, b, c任一字元都不可以。

.：表示任意一個字元。

/.at/：表示cat, bat都可以。

*：*前接字元或集合，表示該字元或集合出現0次或多次都可以。

/F*/：表示F會出現0次或多次。

/F\*/：表示字串”F*”。*已脫逸\。

|：表示”或”，A或B都可以的概念。

/cat|dog/：表示cat或dog都可以。

?：表示前面的字元或集合可出現0次或1次。

/colou?r/：表示u可出現0次或1次。

+：表示前面的字元或集合可出現1次或多次。

/ap+le/：表示p可出現1次或多次。

{}：表示前面的字元或集合出現的次數，{}內裝次數。

/c{5,8}/：表示c重複出現5到8次。

RE 函式: preg_match(), preg_match_all()

preg_match($pattern, $subject, $matches)：在$subject中找到第一個符合$pattern的項目後就會結束比對，存放至$matches陣列。有找到回傳1，反之0。

preg_match(“/re/”, “report tree”, $match); // 找含re的

print_r($match); // 會找到 report 的 re

preg_match_all($pattern, $subject, $matches)：在$subject中找到所有符合$pattern的項目，存放至$matches陣列。有找到回傳找到的數量。

preg_match_all("/re/", "report tree", $matches);

print_r($matches); // 會找到 report 和 tree 的 re

RE 範例

驗證email：/^[^@]+@[a-zA-Z0-9\._-]+\.[a-zA-Z]+$/

[^@]+：不是@ 的字元集合出現1次或多次

[a-zA-Z0-9\._-]+：a到z A到Z 0到9 ._- 的字元集合出現1次或多次

[a-zA-Z]+：a到z A到Z 的字元集合出現1次或多次

驗證電話：/^([0-9\- ]){6,}$/

驗證身分證字號：/^[A-Z]{1}[1-2]{1}[0-9]{8}$/ 配上算數驗證

不能有數字：/^[^0-9]+$/

8個數字：/^[0-9]{8}$/

1~3位的數字：/^[0-9]{1,3}$/

#PHP #Regular Expression

Trending Blogs

Recently Viewed Blogs

Maicca Feng