iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Modern Web

JavaScript基本功修煉 系列

幾個月前我毅然從平面設計和藝術創作,轉戰前端開發之路。直到最近在寫JavaScript卡關時,不禁懷疑自己是否有能力繼續走下去,但與其懷疑人生,不如腳踏實地一步步把基本功練起來才是最實際。這系列會由零開始記錄JavaScript的基本概念,也會分享自己實作練習的過程,希望各位多多指教!

鐵人鍊成 | 共 31 篇文章 | 131 人訂閱 訂閱系列文 RSS系列文 團隊十萬伏bug打字團
DAY 1

JavaScript基本功修練: Day1 - 前言

鐵人賽的第一篇就來寫寫自己參賽目的和文章大綱。 個人背景 來自香港,2019年大學畢業,本科是視覺藝術,專攻平面設計 畢業後成為兼職平面設計師和接案,期間接...

2020-09-16 ‧ 由 Alysa Chan 分享
DAY 2

JavaScript基本功修練:Day2 - 瀏覽器與JavaScript引擎

這篇會簡述JavaScript的用途、瀏覽器渲染和JavaScript引擎的知識。 簡述JavaScript用途 在瀏覽器上使用JavaScript能夠為網頁...

2020-09-17 ‧ 由 Alysa Chan 分享
DAY 3

JavaScript基本功修練:Day3 - 基本型別(I) - 數字

這篇主要概述JavaScript基本型別的意思,並針對講解數字這個型別。明天才會繼續一併講完字串、布林、undefined、null、symbol。 在進入正題...

2020-09-18 ‧ 由 Alysa Chan 分享
DAY 4

JavaScript基本功修練:Day4 - 基本型別(II) - 字串、布林、null、undefined、Symbol

延續上文關於JavaScript基本型別的內容,這篇主要講解字串(string)、布林值(boolean)、null、undefined和Symbol(ES6新...

2020-09-19 ‧ 由 Alysa Chan 分享
DAY 5

JavaScript基本功修練:Day5 - 宣告變數 - let、const、var

ES6開始就引入了let、const替代var去宣告變數。今天就來整理一下自己學習let和const時碰到的概念。 let、const解決了var的什麼問題?...

2020-09-20 ‧ 由 Alysa Chan 分享
DAY 6

JavaScript基本功修練:Day6 - 傳址、傳值

在學習資料型別的同時,也需要了解資料如何在記憶體裏被存放。如果要深入探討這課題,其實也可以延伸出一些爭議點,例如到底JavaScript是不是只有傳值?還是也有...

2020-09-21 ‧ 由 Alysa Chan 分享
DAY 7

JavaScript基本功修練:Day7 - [] == [] 、[]==![]、{} == {}、{} ==!{} 的解釋

承接昨天講解傳址和傳值的文章,今天再來看看一些相關的例子: [] == [] //false [] == ![] //true {} == {} /...

2020-09-22 ‧ 由 Alysa Chan 分享
DAY 8

JavaScript基本功修練:Day8 - 算術運算子、賦值運算子、比較運算子

運算子,例如算術運算子+ - * /或者邏輯運算子&&、||、!,相信大家都看過了,所以這篇不會把所有內容都寫出來,而是針對某些部分作補充。例如...

2020-09-23 ‧ 由 Alysa Chan 分享
DAY 9

JavaScript基本功修練:Day9 - 短路求值與條件運算子的應用

承接昨天關於運算子的內容,今天會針對整理關於邏輯運算子和條件運算子的幾種用法。初學JavaScript的我,以為在if裏面才會用到&&和||,甚...

2020-09-24 ‧ 由 Alysa Chan 分享
DAY 10

JavaScript基本功修練:Day10 - for、for與while的差別、do while、break、continue

不知不覺跑鐵人賽跑到第10天了,開始前先用一段for迴圈的寫法來總結一下自己的體驗: for(let i=0; i<30; i++){ eat()...

2020-09-25 ‧ 由 Alysa Chan 分享