現代生活最離不開的就是網路，一天沒網路真的會讓人焦慮，但從我們在搜尋框輸入我們所要搜尋的網址後，到網頁呈現我們的內容中間到底發生什麼事？ 先說什麼是網路？？

什麼是ES6? — ECMAScript 6 (簡稱 ES6)，是 JavaScript 語言新一代的標準，對他只是個標準，而不是一個程式語言的實作方式，在 2015 年 6 月正式發佈。2015年前的叫做ES5。 ES6 提出了很多新的語法，使得 JavaScript 變得更強大，更適合用來寫大型的應用程式！ 那ES6跟有做什麼改變？ 變數的宣告 變數，以前變數的宣告我們常常只用 …

在現實生活中我們對於總是以十進位來看待生活的事物，最著名的例子就是幣額，十進位，但其實世界還是存在許多進位法，現在來依依介紹： 二進位： 不會有2，碰2就後方補0。 1、10、11、100、110、111、1000、1100、1110、1111、100000 八進位： 不會有8，碰8就後方補0。 1、2、3、4、5、6、7、10、11、12、13、14、15、16、17、20、21、22 十進位 你我最熟悉的好朋友 1、2、3、4、5、6、7、8、9、10、11、12、13、14、15、16、17、18、19、20.. 十六進位 數字只到九，過九後就用Ａ～Ｆ英文字母來表示 1, 2, 3, 4, 5, 6, 7, 8, 9, A(10), B(11), C(12), D(13), E(14), F(15), 10, 11, 12,…, 19, 1A, 1B, …1F, 20 進位轉換

每次看到示範例子中出現this，心中便只有一個字「怕」，這啥？到底那個this是指什麼，但我只能就我看得文章，寫下自己的了解。 我們就幾個面向去討論這裏this代表什麼： 函數裡的 this 物件裡頭的函數裡的 this 被 new 時的 this call apply bind 之後的 this 箭頭函數的 this 1. 函數中的this 首先，來個例子： function() …

學習目標：了解陣列是什麼？處理方式？ 陣列（array) 一堆資料的集合，有順序性。使用陣列，可以建構單一清單，並隨時新增、刪除，或修改其中的項目。 創造陣列 來個例子： var arrayA=[] let arrayB =[“apple”,”banana”,”guava”,”pineapple”]; let arrayC =[2,3,4,5]; 宣告一個陣列給定名稱 用中括號[ ]把要放入的資料包起來，每個資料中間以「，」隔開。 可以建造一個空陣列，之後再丟資料進去 存取陣列中的元素 — 索引（index） 索引是資料在陣列中的位置，從0開始 像是 let arrayB =[“apple”,”banana”,”guava”,”pineapple”]; arrayB[0] =>apple arrayB[1] =>banana 陣列型態 二維陣列與多維陣列，就是陣列中的陣列，舉例： arrayC = {[1, 2, 3],[4, 5, 6]}

學習目標：什麼是函式，有分成哪幾種用法；參數和引數的區別；return 是什麼？常用的內建函式有哪些。 函數-是將程式中一些共有的區塊收集起來變成程式區塊，並能夠傳入參數傳回執行結果。好的這句話看得不是很懂，那再白話一點，函數就是呼叫一個名稱放入你想要跑的東西（參數），執行並回傳結果。哈哈是不是蠻白話的。 函式有分內建函式與自訂函式。 內建函式就像 …

學習目標：了解 for/ while/ do…while用法，如何繼續/跳出迴圈 迴圈迴圈聽到就有點害怕的名字，多少英雄好漢死在迴圈之下，這裏主要介紹三種迴圈for、while、do…while，以下紀錄目前所瞭解之迴圈， 首先，不管是哪種迴圈一定包含四個部分： 1. 初始值(begin) 2. 終止條件(condition) 3. 遞增遞減的方式(++/ — )(step) 4. 要做的事 for迴圈 實在是很常很常見，要是可以知道他的終止條件我們就會使用for 語法： for(begin; condition ;step){ 要做的事; }; 例子： 四步驟： 1. 初始值：定義一個變數i並給予初始值1 2. 終止條件：在進行每一次條件檢查時，確認是否有達成終止條件 3. 遞增或遞減的方式：++或是 -- 4. 要做的事：印出i while迴圈 While跟for很像，首先定義並給定初始值，再將終止條件放入小括號中，接著寫出要做的事及遞增遞減的方式。一樣剛剛的例子印出 1~10：

生活中總是有許多狀況，我們會依照狀況的條件，去解決及處理問題程式的世界也是一樣的可以依照條件判斷與動作執行，讓程式的執行能夠因情況而轉彎。 學習目標：了解if/ switch / ? 條件判斷 — if 寫法： if(執行條件){要是前面為true則執行大括號內的程式代碼} 小括號（）裡是判斷條件是否為真 要是if 條件不成立，則可以寫if(…)else(…){} 巢狀的if 當我們要在判斷條件中安排更進一步的判斷條件時，就需要用到巢狀 if 結構了。所謂的巢狀 if 敘述是指在 if-else 敘述當中，還有另一組 if-else 敘述。 要是有多個條件需要判斷則可以寫if(…)else if(…) else(…) else{} 圖中可以設定多個else if，結果不一定是要else. 條件判斷 — switch 當條件固定且有多個選項時可以使用。 語法： switch(value){ case value1: //冒號很重要，很像if(value==value1，則執行statement1) statement1; break; case value2: statement2; break; case value3: statement3; break; default: statement4//很像else，要是上述case都不成立，則執行statement4>

學習目標：了解運算子的型態、使用方法以及執行流程 說到運算子，以前可能常常使用我們熟悉的工具 — 計算機，我也是不知到用了計算機寫了多少家公司的財報。以下先從運算子的型態開始介紹。 運算子是程式內建好的code，讓我們將變數或是值進行操作。 算術運算子： 加：＋ 減： - 乘： * 除： / 取餘數：％ 遞增：＋＋ 遞減：- - 加減乘除，便如同計算機一般，可以直接運算數值，就5. 6. 7.做以下範例說明： var x =10; var y = 10; x%3 //結果是1，x/3的餘數 document.write(“x++ = “+x+++”:x =”+x+”<br/>”); // 因為運算子在之後才改變，所以第一個x++還是10，第二個x才是11 document.write(“ — y = “+ — y+”:y =”+y+”<br/>”) // 因為運算子在之前，所以第一個 — y就是9，第二個也是9