iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 30
10

你所不知道的 JS

總結鐵人賽這 30 天的想法與感謝。

一些想法...

看過一些 JavaScript 書籍好的其實我看的書不多,像是 JavaScript InfoJavaScript 設計模式等,You Don't Know JS 是讓我讀得最開心、最容易理解因而最有收穫的系列書,因此,我在這裡誠心的推薦給想要加強 JavaScript 基礎功的親朋好友,如果你也想要找本容易上手,白話好懂、啃起來挫折感不大,又能全方位的理解 JavaScript 的書的話,看「You Don't Know JS」準沒錯!

你所不知道的 JS 全系列

雖然沒有讀完 YDKJS 系列書的最後一本「ES6 與未來發展(ES6 & Beyond)」,但進入第二章也算是有個好的開始了!我會繼續加油的!

加油

感謝

感謝這一路上支持我的人...鐵人賽 30 天是辛苦卻也是甜美的。

  • 感謝 Hunter,不僅是能支援技術的好戰友也是為彼此打氣的好夥伴。
  • 感謝 Yvonne,當年因為彼此很上進腦波弱而買的書終於在這個月發揮功用了 XD
  • 感謝前輩 Hank 總是提醒我...從叮嚀要好好看官方文件到技術上總要看更多看更深看更遠、不斷檢視自己的盲點,而讓我能導正了許多不可思議的偏差觀念。
  • 感謝我的爸媽和朋友們在這段時間的支持與鼓勵讓我能持續不間斷而完賽。
  • 感謝所有讀者的鼓勵與回饋...除了心靈上的支持外,也讓我在技術上能精益求精,更上一層樓。截至 2018/11/06 共 108 人訂閱,非常感謝支持!

108人訂閱

這 30 天「你懂 JavaScript 嗎?」的目錄(鐵人賽版)

導讀(Up & Going)

暖身 (๑•̀ㅂ•́)و✧

這部份的內容有...

型別與文法(Types & Grammar)

Do You Know What I Mean?

圖片來源:Do You Know What I Mean?

這部份會提到令人困惑的隱含式的強制轉型,在此會解答其運作方式和如何好好使用它。

這部份的內容有...

範疇與閉包(Scope & Closures)

JavaScript 引擎會在執行程式前先做編譯,在編譯階段會處理變數和函式的宣告,因此也會帶出拉升、範疇等議題,最後會提到何謂閉包與其應用-模組。

這部份的內容有...

this 與物件原型(this & Object Prototypes)

what is this?

圖片來源:What is this meaning of this?

這部份會提到幾個概念:(1) this 是函式執行時所屬的物件,而 this 是在執行時期做繫結,其值和函式在哪裡被呼叫有關,在這裡會歸納如何辨識 this 的值的四個規則;(2) 物件原型是屬性的查找串鏈,類似語彙範疇查找變數的方式;(3) 行為委派,這是物件原型最常應用的地方。

這部份的內容有...

非同步處理與效能(Async & Performance)

這部份主要是為了開發者能產出合理且高效能的程式碼,因此會提到非同步處理的機制和模式,讓程式碼能更好撰寫、更好維護、更好推理和有更佳的效能,例如:callback、promise、generator。最後會談到如何使用 web worker、SIMD 等達到資料的平行處理,與如何做效能最佳化,讓我們的程式不僅僅是能運作而已,而且是能夠運作得很好。

這部份的內容有...

ES6 與未來發展(ES6 & Beyond)

ES6

關注 ES6、ES7 甚至後續版本,不斷前進!

這部份的內容有...

鐵人賽後...並非結束,而是新的開始...

  • 組織功能(Organization)
  • 非同步流程控制(Async Flow Control)
  • 群集(Collections)
  • API 新增功能(API Additions)
  • Meta Programming(Meta Programming)
  • 超越 ES6(Beyond ES6)

尚未補上連結的部份,我會繼續補上。

這 30 天「你懂 JavaScript 嗎?」的目錄(部落格版)

導讀(Up & Going)

暖身 (๑•̀ㅂ•́)و✧

這部份的內容有...

型別與文法(Types & Grammar)

Do You Know What I Mean?

圖片來源:Do You Know What I Mean?

這部份會提到令人困惑的隱含式的強制轉型,在此會解答其運作方式和如何好好使用它。

這部份的內容有...

範疇與閉包(Scope & Closures)

JavaScript 引擎會在執行程式前先做編譯,在編譯階段會處理變數和函式的宣告,因此也會帶出拉升、範疇等議題,最後會提到何謂閉包與其應用-模組。

這部份的內容有...

this 與物件原型(this & Object Prototypes)

what is this?

圖片來源:What is this meaning of this?

這部份會提到幾個概念:(1) this 是函式執行時所屬的物件,而 this 是在執行時期做繫結,其值和函式在哪裡被呼叫有關,在這裡會歸納如何辨識 this 的值的四個規則;(2) 物件原型是屬性的查找串鏈,類似語彙範疇查找變數的方式;(3) 行為委派,這是物件原型最常應用的地方。

這部份的內容有...

非同步處理與效能(Async & Performance)

這部份主要是為了開發者能產出合理且高效能的程式碼,因此會提到非同步處理的機制和模式,讓程式碼能更好撰寫、更好維護、更好推理和有更佳的效能,例如:callback、promise、generator。最後會談到如何使用 web worker、SIMD 等達到資料的平行處理,與如何做效能最佳化,讓我們的程式不僅僅是能運作而已,而且是能夠運作得很好。

這部份的內容有...

ES6 與未來發展(ES6 & Beyond)

ES6

關注 ES6、ES7 甚至後續版本,不斷前進!

這部份的內容有...

鐵人賽後...並非結束,而是新的開始...

  • #31 組織功能(Organization)
  • #32 非同步流程控制(Async Flow Control)
  • #33 群集(Collections)
  • #34 API 新增功能(API Additions)
  • #35 Meta Programming(Meta Programming)
  • #36 超越 ES6(Beyond ES6)

尚未補上連結的部份,我會繼續補上。


同步發表於部落格


上一篇
你懂 JavaScript 嗎?#29 語法(Syntax)
系列文
你懂 JavaScript 嗎?30
0
Taiming
iT邦新手 5 級 ‧ 2018-11-06 09:18:05

太厲害了!恭喜完賽!
好文已收藏

cythilya iT邦新手 4 級 ‧ 2018-11-06 09:44:01 檢舉

感謝!
/images/emoticon/emoticon42.gif

0
Homura
iT邦高手 1 級 ‧ 2018-11-06 09:25:09

恭喜大大完賽/images/emoticon/emoticon42.gif
文章寫得很棒/images/emoticon/emoticon12.gif

cythilya iT邦新手 4 級 ‧ 2018-11-06 09:44:30 檢舉

感謝!
/images/emoticon/emoticon42.gif

0
SunAllen
iT邦高手 1 級 ‧ 2018-11-06 10:07:56

恭喜大大完賽.../images/emoticon/emoticon42.gif

下次建議官方,把30天拉到60天,大大就可以.../images/emoticon/emoticon12.gif

cythilya iT邦新手 4 級 ‧ 2018-11-06 10:15:02 檢舉

可以寫兩年嗎?哈哈哈

SunAllen iT邦高手 1 級 ‧ 2018-11-06 10:33:44 檢舉

可以連寫兩個月/images/emoticon/emoticon16.gif

cythilya iT邦新手 4 級 ‧ 2018-11-06 12:38:04 檢舉

/images/emoticon/emoticon06.gif

0
神Q超人
iT邦新手 1 級 ‧ 2018-11-06 15:09:10

恭喜大大完賽!
文章從第一篇活潑到最後一篇/images/emoticon/emoticon37.gif

cythilya iT邦新手 4 級 ‧ 2018-11-06 15:17:17 檢舉

感謝支持!但其實我超內向的...

0
theRookie
iT邦新手 4 級 ‧ 2018-11-06 20:42:38

恭喜大師完賽!!

請問你都多久前開始準備鐵人賽呀?

cythilya iT邦新手 4 級 ‧ 2018-11-06 21:01:05 檢舉

我只是小妹...不是大師啦!感謝抬舉~
今年大約是開賽前一個月開始準備,擬好大綱後就開始努力讀努力寫...
不過每天都還是持續有產出並且潤飾之前寫過的草稿、修改寫錯的地方,不然當天發文也是很容易開天窗的。

我們的團隊會幫忙一起審閱、鼓勵與監督發文,真的很棒很感人!

/images/emoticon/emoticon42.gif

0
傑瑞林
iT邦新手 5 級 ‧ 2018-11-06 21:47:50

恭喜完賽!
/images/emoticon/emoticon64.gif

內容很豐富!超讚的!

cythilya iT邦新手 4 級 ‧ 2018-11-06 21:51:57 檢舉

感謝支持!
/images/emoticon/emoticon42.gif

0
we684123
iT邦新手 5 級 ‧ 2018-11-07 00:10:11

恭喜完賽!!!
大大寫的這個系列真的令人受益良多
對於半路出家js的人來說得得很實用 m(_ _)m
會推薦其他人來拜讀的

cythilya iT邦新手 4 級 ‧ 2018-11-07 10:00:40 檢舉

感謝支持!
這系列文是我的學習歷程,我也希望藉由分享我學到的東西能讓更多人受益!
/images/emoticon/emoticon42.gif

0
kanboo
iT邦新手 5 級 ‧ 2018-11-07 09:00:18

從開始學Vue時,就一直在追你的Blog…

期待你往後每一篇的文章...

cythilya iT邦新手 4 級 ‧ 2018-11-07 09:58:45 檢舉

感謝支持!一起加油!
/images/emoticon/emoticon42.gif

0
huli
iT邦新手 5 級 ‧ 2018-11-14 12:36:49

恭喜完賽!很精彩的一個系列,每一篇內容都很豐富

0
tacodrem
iT邦新手 5 級 ‧ 2019-08-21 10:03:30

重新再看一次, 還是很有收穫!!

cythilya iT邦新手 4 級 ‧ 2019-08-21 10:29:10 檢舉

感謝!

0
阿展展展
iT邦好手 1 級 ‧ 2020-03-08 20:30:29

太神啦!!

我要留言

立即登入留言