卡斯伯提供的教學資源:


development

手把手自訂你的 Bootstrap 樣式

Bootstrap 在第四版以後在介紹文檔,說明自己是一個函式庫而不是框架。樣式的框架代表載入後都是基於此架構開發,無論是否喜歡特定的內容,都需要先全盤接受後再自行調整;而函式庫代表你可以選用自己喜歡的部份,並且調整成合適的樣式,相對於框架來說有更高的彈性。 本篇將會依據 Bootstrap 文檔及...

development

JS - for 迴圈與 forEach 有什麼不同

過去,當有一個陣列的內容需要依序取值時,都會使用 for... 迴圈(for loop)的形式將值一一取出,原始碼的結構如下:var array = ['小明', '杰倫', '漂亮阿姨', '小美'] for (var...

development

JS 常見陣列方法 [push(), unshift(), pop(), shift(), splice(), reverse(), concat(), include(), indexOf(), join()]

本篇陣列方法是延伸過去寫的 JavaScript 陣列處理方法,目前的框架主流觀念都是「關注點分離」,框架主要都是負責畫面上的渲染;資料面完全交由給原生的 JS 處理,因此,對於資料處理的語法就需要有更高的掌握度。 熟悉陣列的方法,自然對於處理資料上會更得心應手,而先前的「陣列處理方法」是著重在迴圈...

development

AJAX 完整解說系列:輕鬆搞懂 HTTP 狀態碼(HTTP Status Code)

AJAX 是前端與後端的介接,當跨越不同的環境時,所有的狀態會越來越難預期,接著就可能會發生錯誤,造成的錯誤狀態可能會如下: 流程與設計不同 資料格式不符合 連線失敗、網路不穩定 程式碼上的錯誤(這就不是本章節要討論的) 錯誤在開發的過程中是非常常見的,只不過我們在開發的過程中容易「忽視錯誤」僅...

development

AJAX 完整解說系列:使用 Chrome Devtools 檢視請求及回應

從上一篇內容我們介紹到 AJAX 都是由瀏覽器發出請求,伺服器則會依據請求的內容進行回應。所以在這之中的 “請求”、“回應” 都會夾帶著不同資源,供瀏覽器及伺服器進行辨識及運用,所以此篇就針對瀏覽器與伺服器溝通的內容進行說明,帶大家更深入的認識 AJAX。 發出請求到回應的過程示意圖 注意:本...

development

AJAX 完整解說系列:新增、更新、刪除(POST/PATCH/DELETE)

AJAX 除了 GET 以外,其它幾個常見的請求方法通常都會對資料庫進行操作,尤其是 POST、PUT、PATCH 在發出請求的同時還會有附加資源傳送至伺服器。 雖然相對於 GET 來說僅是多增加了 “資料”,但這個步驟卻讓許多新進的開發者困擾不已,可能是對於 JSON 結構不熟悉、或是對於 AP...

development

AJAX 完整解說系列:基礎觀念

AJAX 全名是「Asynchronous JavaScript and XML」,在網頁上的功能主要是用於網頁前端與後端伺服器溝通的技術,也如同名稱一樣是透過 JavaScript 的非同步技術,在前端工程師中算是一個挑戰門檻,如果沒有此技能則難與不同領域開發者溝通,也因此在前端求職市場中趨近於基...

development

箭頭函式常見陷阱題

JavaScript ES6 以後加入了 ”箭頭函式“,就外觀看來它就像是一個縮寫,也因此許多新手會認為它是屬於傳統函式的縮寫形式;但其實不然,箭頭函式與傳統函式大不同,本篇僅列出最常見的 this 差異,並透過大量的範例題,並透過範例的方式讓新手避免踩到箭頭函式最常見的雷。 傳統函式的 this ...

development

透過練習題,摸熟 This 的運作

JavaScript 的 this 會隨著調用的方式不同影響其指向的不同(ES6 的箭頭函式定義也會影響指向),網路上已經提供相當多的資源介紹 this 指向的觀念,本篇只著重在最常運用的物件方法調用做介紹,並且透過練習題的方式,帶大家一步一步認識 this 的指向。 關於「物件方法調用」可以查看本...

development

學好 this 前,先搞清楚 this 做什麼

過去到現在寫了很多 this 相關的文章,如果沒有實際運用過 this 的開發者可能會有疑惑「this 是不是只有在面試考題用到?」、「this 在實戰中會用到嗎?」、「為什麼要學 this?」。 其實 this 在實戰中的應用非常廣,已經有接觸框架的開發者對此較不陌生,基本上所有的檔案都會存在 t...

撰寫一篇文章需要花上非常多的時間,如果你關閉 Adblock (廣告阻擋器),我會非常的開心 🤗。 (╭(°A°`)╮))
撰寫一篇文章需要花上非常多的時間,如果你關閉 Adblock (廣告阻擋器),我會非常的開心 🤗。 (╭(°A°`)╮))