JavaScript 基礎介紹陣列Array與物件Object

陣列 Array 這篇文章要來介紹容器,首先先來談談陣列,陣列是有順序地存放大量資料的結構,大多數程式語言都是 0 為起始點,例如 arr[0] , JavaScript 也不例外,當然 JavaScript 的陣列也內建很多函式可以直接呼叫例如 length、match...等。 陣列的使用 陣列的初始化有兩種方式一種是立即給值,另一種是後續給值。 立即給值 const arr = [1, 2, 3] console.log(arr.length) // 3 後續給值 const arr = [] arr[0] = 1...

如何使用JavaScript ES6箭頭函式

函式(function) 箭頭函式在 JavaScript 中改寫原本 function 的撰寫方式。除了較短的語法外,它們在保持this 關鍵字範圍方面也有優勢 參見這裡,此外在 ESLint 中官方也建議使用箭頭函式取代傳統寫法。 函式 (function) 又稱方法 (method),用於程式碼過多重複時定義一個方法來去重複呼叫他來解省我們的開發效率,以下為範例: 原本寫法 // 使用有名稱的函式 function sum(a, b){ return a+b; } // 常數指定為匿名函式 const sum =...

JavaScript基礎介紹迴圈for、while、foEach

迴圈 迴圈總共分為三種寫法分別有 for、while、do while,其中最常見也被最常使用的就非 for 迴圈莫屬了,故這邊就先只提 for 一種。 for 語句 for 迴圈的小括號內有三個參數用分號隔開,它們各自有其功用,for迴圈的基本語法如下: 參數一控制變數初始值 參數二設定週期 參數三設定每次間隔 for (let i = 0 ; i < 10 ; i +=1){ console.log(i); } 這邊值得一提的是我並不是使用 i++ 做每次間隔,由於 ESLint 建議Unary operator...

JavaScript 控制流程if…esle 判斷式與switch

控制流程 任何一種程式語言程式碼都是由上而下逐一執行的,此外有時候必須程式判斷依照不同的數值給予不同的路徑輸出,稱之為控制流程。 區塊(block) ES6 中新增了程式區塊是用大括號包起來的區域: { statement 1 statement 2 ... statement n } if...esle 判斷式 if...else 是任何語言最常見的控制流程語句,他的概念非常簡單以下用 pseudo code 演示: if (今天天氣好) { 出處走走 } else { 關在家裡 } 此外在開發上若遇到大量的if、esle...

JavaScript 基礎介紹歷史與發展變數與常數

JavaScript 歷史與發展 各位先前可能聽過 ECMAScript 若不知道也沒關係,ES6的出現就他有關係,在1995年時 Netscape(網景)公司與 Sun(昇陽)公司合作 設計一個網頁程式語言名為 JavaScript 名稱屬 Sun(昇陽)公司擁有,後來被Oracle(甲骨文)公司所收購。1996年11月,網景公司將 JavaScript...

如何讓Server端自動執行PHP程式

如何讓Server端自動執行PHP程式

.bat檔去執行PHP程式 PHP通常架設在伺服器上運行的,主要是有使用者請求才會動作,但有些時候想將寫好的PHP程式,能夠自己在一定的時間內,自動執行去處理一些事情。然而要讓PHP程式能夠自動執行,首先準備一個要自動執行的php程式檔如b.php,之後在同個目錄下建立一個bat檔,這邊命名為b.bat,內容如下。 b.php C:AppServphpphp.exe -f c:Appserv est.php > b.txt b.bat程式碼主要是利用php.exe去執行b.php檔案。 C:AppServphpphp.exe...

如何設定CSS網頁反白效果::selection

CSS ::selection 網站當滑鼠反白時,反白區域的底色通常是藍色,但其實可以透過CSS ::selection選擇元素做背景色和字體顏色樣式的修改,設計此元素非常適合將用戶選擇的文本與您的網站配色方案進行匹配。 p::-moz-selection { color: red; } p::selection { color: red; } 如上所示,您可以::selection對單個元素進行樣式設置。 IE9+、Opera、Google Chrome 以及Safari 中支持::selection 選擇器。 Firefox...

一探究竟了解React-router 4簡易教學

React-router和React-router-dom的選擇 很多剛使用react的同學,在接觸到react-router的時候往往開始會比較無概念,都會很難進入狀況,什麼react-router和react-router-dom?下面我們就來一探究竟。 React-router React-router提供了一些router的核心api,包括Router, Route, Switch等,但是它沒有提供dom操作進行跳轉的API。 React-router-dom...

JavaScript async函數await的含義和用法

終極解決Javascript非同步 異步操作是JavaScript編程的麻煩事,麻煩到一直有人提出各種各樣的方案,試圖解決這個問題。 從最早的回調函數,到Promise對象,再到Generator函數,每次都有所改進,但又讓人覺得不徹底。它們都有額外的複雜性,都需要理解抽象的底層運行機制。 異步I / O不就是讀取一個文件嗎,幹嘛要搞得這麼複雜?異步編程的最高境界,就是根本不用關心它是不是異步。 async函數就是隧道盡頭的亮光,很多人認為它是異步操作的終極解決方案。 異步函數是什麼?...