卡斯伯提供的教學資源:


development

JS 物件名詞解釋及常見觀念問題

接下來來到 JavaScript 另一個坑「物件」。 物件的定義方法差在哪?JavaScript 定義物件的方式主要有兩種形式: var a = {}:{} 稱為物件實字,是相對簡短且易讀的建立方式。 var b = new Object();:使用 Obj...

development

JS 加不加分號差在哪?

這個議題許多論壇、文件都有討論,在 ESlint 的規範中也可從加不加分號區分為兩大派系,至於加不加分號關鍵點則需要了解分號對於 JavaScript 的影響,開始之前可以先看看以下題目。 下方程式碼的運行預期為: 宣告 a 的值為 1 執行立即函式 於 console 中呈現 2 請問這段程式...

development

開發總是沒問題,上線老是各種錯

不果是新手或老手都可能遇過這樣的狀況,程式碼在測試時運作上看起來都很正常,雖然有一些些地方還不是很熟悉,不過打從心裡認定它是正確的,但麻煩卻上線後才發現出錯,仔細檢查也看不出任何問題,殊不知是表達式的觀念錯誤。 程式碼的問題千萬種,本篇就持續在「表達式的觀念」挑出常見的問題,看看是否大家有遇到類似的...

development

JavaScript 利用表達式優化你的程式碼

上一節介紹了表達式的基本概念「回傳結果」,那麼接下來你一定會想了解有哪些地方可以用到表達式,本篇就列出 JS 語法與常見框架的表達式運用,熟悉以後將會大幅增加 JS 語法的變化性。 運算子運算子依據運算元數量,可分為一元、二元甚至是三元運算子,而運算元本身也是屬於表達式,以我們常見的 === 來說就...

development

JavaScript 表達式觀念及運用 - JS Expression

JavaScript 分為兩大的語句類型,就像是我們日常語言中的動詞、名詞、連接詞等概念,但在 JS 中僅分為兩大類型,分別為「陳述式」及「表達式」,其中表達式更為重要,如果能夠熟練表達式更能解決許多開發上的問題,也更能活用各種語法。 JavaScript 中的表達式原文為 「Expression...

development

JavaScript 開發中常見錯誤解決辦法

身為一個開發者,當然都會了解經驗越多,除錯上會更為容易,這種事情你我都清楚。但對於一個新手來就是缺少錯誤上的經驗,所以當遇到紅字時會不知如何著手。 這一系列的文章是專門給剛入門新手的前端開發者觀看的,盡可能用白話的方式,並且提供簡單的範例程式碼以供驗證。 Chrome 開發者工具的常見錯誤排解Chr...

development

完全解析 JavaScript import、export

import、export 是 JavaScript 模組管理的方法,可以將每個檔案視為一個獨立的模組匯出,並在另一個檔案匯入使用。透過此方式每個檔案更能專注在特定的功能上,且能避免單一檔案過度龐大。 相容性介紹此方法前,還是要了解一下相容性,目前來說許多主流瀏覽器都是可以運行的,但是寫法需要稍做調...

development

JavaScript Promise 全介紹

最近直播介紹如何串接開源資料,也剛好許多朋友詢問到 Ajax、Promise 相關的問題,因此重新撰寫一篇文來介紹 Promise,這篇文章也與過去形勢不太一樣,試著先將常見的問題放在前頭,接下來才開始介紹 Promise。 另外本文的內容較多,Promise 想看簡易版可參考:/javascrip...


javascript

鐵人賽:邁向 JavaScript 的勇者

這次是第四次參加鐵人賽,先前參加的主題分別為兩次 CSS 及一次 JavaScript (D3.js)。 因為原本是視覺設計師,在過去曾經打算專精於 CSS 就好,所以不斷專精 CSS 的表現模式以及他的開發模式,我還曾經開發過幾次的 CSS Framework (有實際運用過),不過隨著時間發展這...

javascript

鐵人賽:透過 ESLint 學習 JavaScript ES6

至於 ES6 該怎麼學比較好!?很建議安裝 ESLint 來邊學邊修正觀念。ESLint 是一個團隊統一程式碼結構的工具,如果程式碼不符合規範,則會出現相對應的提示,而其中有三大主流規範是許多開發者愛用的: Google Airbnb JavaScript Standard Style 三個都有...

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