卡斯伯提供的教學資源:


javascript

鐵人賽:JavaScript 的文法學

大多數國家的語言都是由左到右、由上而下的閱讀方式,中文、拉丁語系就是屬於這類型,但也有部分國家是由右到左的,像是阿拉伯語系就是如此。而 JavaScript 是由左到右,還是由右到左呢?大多情況下我們會認為 JavaScript 是由左到右,但部份時候則會由右到左的喔。 運算子用簡單的一點的方式說明...

javascript

鐵人賽:JavaScript 物件的連連看!? 兩個物件的值居然會一樣

承上集,小明現在在漂亮阿姨 (陳小美) 家裡,漂亮阿姨還有一個雙胞胎姐姐 - 陳美美,陳美美的各方面與雙胞胎妹妹都很接近,除了名字以外。因此,偷懶的小明決定將兩個人的名字畫線連再一起,然後改個名字就好了。 var auntie = { name: '陳小美',...

javascript

鐵人賽:JavaScript 就是一堆物件的概念

在 JavaScript 中,除了上一篇所介紹到的原始型別以外的都是物件,包含陣列、函式…甚至全域本身都是物件,物件本身可以一層包著一層,其內層可以是字串、數值、陣列、物件,甚至是函式。 故事說明 小明的記事本都是用物件的概念在做紀錄,他會將要做的事情、筆記分門別類的做巢狀紀錄,這樣的好處可以讓他在...

javascript

鐵人賽:動態型別的 JavaScript

JavaScript 是屬於動態型別,它定義了七種資料型別,分別為六種原始型別 (ES6 新增一種原始型別)及 Object 型別。在開始之前先用小明來說明一下型別是怎樣的東西。 故事說明: 承先前故事,小明每天早上醒來都會忘記所有事物,但會在睡覺前把要做的事情先記錄下來,筆記本上會分門別類寫出要做...

javascript

鐵人賽:一次只能做一件事情的 JavaScript

在 JavaScript 中,一次只會執行一段程式碼,相信看到這段大家心中都會有所疑惑,我們實作中可以大量發出許多事件,並重複執行不同的函式,這樣為何還是單執行緒 (single threaded) 的程式語言呢? 這段如果用純文字解釋較為困難,所以本篇會加入動畫讓大家更容易了解原理。 故事說明小明...

javascript

鐵人賽:JavaScript 變數的宣告與他的作用域

變數分為全域與區域變數,差異點在於宣告 (var) 的方式,就 MSDN 上的說明 在函式定義之外宣告的變數就是全域變數,其值可在整個程式中存取和修改。 所以我們可以使用函式來做兩個的分隔點,函式之內宣告的稱為區域,函式以外宣告的稱為全域。 全域性的變數在函數外宣告的變數則是具有全域性(或是包含全域...

javascript

鐵人賽:執行環境與堆疊

JavaScript 一次只能做一件事情,他會依據 執行環境 (Execution Context) 來一一執行工作內容,本篇系列文會用舉例的方式,讓大家用簡單的方式瞭解這些艱深詞彙。 全域執行環境與函式在一開始會登記一個函式在全域環境下(global context),然後這個全域環境下可以登記其...

javascript

鐵人賽:邁向 JavaScript 勇者之路 - 開始

iT邦幫忙的鐵人賽到目前是第四次參加,前幾次參加有兩次是 CSS,而本次是 JavaScript,主要原因當然是 JavaScript 即將要統治世界 (!?),僅只有 CSS 的能力很難體會這個世界的險惡美好。 JavaScript 能做的事情非常多,Web 端的應用僅是其中的一小部分,現在包含後...

life

JavaScript ES6 Promise

本文章有提供新的版本,可參考:JavaScript Promise 全介紹 Promise 一直都是 JavaScript 夢寐以求的功能,非同步的處理如果沒有使用 Promise 經常導致函式或資料無法正常的運作。本篇避開許多深度的詞彙,直接透過範例來瞭解怎麼運行。 簡單的 Promise 範例:...

javascript

VSCode 快速推坑介紹文

用過的 Editor 很多,常常出現新款的 Editor 都會嘗試一下,雖然主流的不一定會喜歡,但多嘗試也不是壞事,這邊稍微列出個人主觀的意見供大家參考參考: Dreamweaver這是早期在使用的 Editor,特色是所見即所得,但這個也成為 Dreamweaver 的致命傷,畢竟做網頁精準的還是...

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