[ JavaScript 筆記] JavaScript 能做什麼
閱讀時間約 1 分鐘
前言：
前一篇講了 JS 的定義，這裡來談談能用它來做什麼，
希望能限制在 500 字以內（這是我看文章的極限，超過字數就會開始分心（?））
曾經，有個公司叫網景（ Netscape ）
首先，先來一段歷史故事（擷取自 wiki ）：
網景公司開發的 Netscape 網頁瀏覽器曾一度佔據市場主導地位，但之後在第一次瀏覽器大戰當中輸給了 IE，市場占有率從 90% 跌落不到 1%。一位 Netscape 員工布蘭登·艾克創造了 JavaScript，這是網頁的客戶端指令碼中使用最廣泛的語言。...
當時的網頁都是靜態頁面，無法讓使用者與網頁進行互動，因此 JS 一開始是為了瀏覽器開發的，直至今日，我們在瀏覽網頁時，用得很熟悉的一些動作（點擊按鈕會跳出輸入框、按下 Enter 會送出表單..等），都跟 JS 有關。
前一篇寫到 JS 擁有直譯式語言的特性，所以它無法獨立執行，只能在執行環境 Runtime 中使用。
於是有那麼一段時間，JS 只能在瀏覽器這個 runtime 中執行。
然後，讓 JS 離開了瀏覽器
2009 年，Ryan Dahl 開發出了 Node.js，一個讓 JS 可以在 server上運行的執行環境 runtime。
原本 JS 檔案只能在瀏覽器上被執行，有了 Node.js，讓 JS 可以直接建立、讀取、修改和刪除電腦內的檔案，並且能和資料庫串接。
因此，Node.js 能夠搭建伺服器、也能建立 Web 應用程式..等。
現在，整理一下 JS 可以用來：
- 網頁開發
- 建立伺服器
- 開發 Web 應用程式
- 開發 Mobile 應用程式
- 開發 Desktop 應用程式
結果字數還是超過了，所以我現在分心了（開始滑手機）
留言0
查看全部
你可能也想看
重點摘要：
1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息
2.SEP 上修失業率預期，但快速的降息速率將有助失業率觸頂
3.未來幾個月經濟數據將繼續轉弱，經濟復甦的時點或是 1Q25 季底附近
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎？
新版式整體視覺上「更加凸顯圖片」，為了搭配這次的更新，我們推出首次貼文策展 ❤️
使用貼文功能並完成這次的指定任務，還有機會獲得富士即可拍，讓你的美好回憶都可以用即可拍珍藏！
在網頁開發中，時間與日期的處理是重要且基礎的部分，本文將介紹 JavaScript 中的日期的處理方法，並提供範例程式來協助你理解。
利用JavaScript的Math.random( )函數創造一個隨機值，並透過隨機值的結果印出相對應的文字，就可以讓程式幫你選午餐要吃什麼了
JavaScript 陣列的操作方法，push() 可以將值加入到陣列的最後一個位置 ，pop() 會移除(取出)陣列的最後一個元素，shift() 會移除陣列的第一個元素，unshift() 則會將指定的元素添加到第一個位置。
JavaScript 的命名規則相當重要，它有些特定的慣例和限制。例如，變數和函式通常使用小駝峰式（firstName）命名。然後 JavaScript 對大小寫敏感，所以lastName和lastname是不同的變數。
邏輯運算
|| = or 或 ; true || false ⇒ true p.s 只要左右兩邊有一個true , 那就是true
&& = and 和 ; true && false ⇒ false p.s 兩邊都要一樣
! = not ; !true ⇒ false ; 相反
邏輯運算的短路性
事件是什麼：
發生了一件事情
執行相對應的程式
常見事件的種類：
onclick 「點擊」
onmouseover 「滑鼠移入」
onmouseout 「滑鼠移出」
onmousedown 「滑鼠按住」
onmouseup 「滑鼠放開」
事件處理的三大關鍵：
在哪個事件上發生
事件的種類是什麼
執行
HTML DOM 是什麼？
根據HTML標籤建立的物件結構
每個HTML標籤在Javascript中都有對應的標籤物件
把HTML標籤物件串接在一起, 成為物件結構, 就稱之為HTML DOM
HTML DOM (Document Object Model)
操作Document 物件：
Docum
陣列是什麼：
按照順序存放其他資料的容器
Javascript 內建的物件
利用有順序的編號，來管理內部的資料
基本語法：
取得陣列長度：
陣列.length
取得陣列中特定編號的資料：
練習題：班上同學有五位,成績分別為 20,35,45,70,100, 請印出班上成績的總平均：
重點摘要：
1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息
2.SEP 上修失業率預期，但快速的降息速率將有助失業率觸頂
3.未來幾個月經濟數據將繼續轉弱，經濟復甦的時點或是 1Q25 季底附近
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎？
新版式整體視覺上「更加凸顯圖片」，為了搭配這次的更新，我們推出首次貼文策展 ❤️
使用貼文功能並完成這次的指定任務，還有機會獲得富士即可拍，讓你的美好回憶都可以用即可拍珍藏！
在網頁開發中，時間與日期的處理是重要且基礎的部分，本文將介紹 JavaScript 中的日期的處理方法，並提供範例程式來協助你理解。
利用JavaScript的Math.random( )函數創造一個隨機值，並透過隨機值的結果印出相對應的文字，就可以讓程式幫你選午餐要吃什麼了
JavaScript 陣列的操作方法，push() 可以將值加入到陣列的最後一個位置 ，pop() 會移除(取出)陣列的最後一個元素，shift() 會移除陣列的第一個元素，unshift() 則會將指定的元素添加到第一個位置。
JavaScript 的命名規則相當重要，它有些特定的慣例和限制。例如，變數和函式通常使用小駝峰式（firstName）命名。然後 JavaScript 對大小寫敏感，所以lastName和lastname是不同的變數。
邏輯運算
|| = or 或 ; true || false ⇒ true p.s 只要左右兩邊有一個true , 那就是true
&& = and 和 ; true && false ⇒ false p.s 兩邊都要一樣
! = not ; !true ⇒ false ; 相反
邏輯運算的短路性
事件是什麼：
發生了一件事情
執行相對應的程式
常見事件的種類：
onclick 「點擊」
onmouseover 「滑鼠移入」
onmouseout 「滑鼠移出」
onmousedown 「滑鼠按住」
onmouseup 「滑鼠放開」
事件處理的三大關鍵：
在哪個事件上發生
事件的種類是什麼
執行
HTML DOM 是什麼？
根據HTML標籤建立的物件結構
每個HTML標籤在Javascript中都有對應的標籤物件
把HTML標籤物件串接在一起, 成為物件結構, 就稱之為HTML DOM
HTML DOM (Document Object Model)
操作Document 物件：
Docum
陣列是什麼：
按照順序存放其他資料的容器
Javascript 內建的物件
利用有順序的編號，來管理內部的資料
基本語法：
取得陣列長度：
陣列.length
取得陣列中特定編號的資料：
練習題：班上同學有五位,成績分別為 20,35,45,70,100, 請印出班上成績的總平均：