iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

JS 忍者訓練計畫 系列

忍者 JavaScript 開發技巧密探一直是自己技術閱讀書籍願望清當中,但一天天過去它還是只是擺在書架上的其中一本。

本次藉由鐵人賽 30 天寫技術文章的機會,讓忍者有機會被下架閱讀,也趁機補足自己技術基礎不足的地方。忍者從了解 JS 語言到 CCS 選擇器,總共 15 個章節。預計兩天完成 1 章的介紹與練習。

那我們就開始吧,你也覺得這樣很棒對嗎?

鐵人鍊成 | 共 30 篇文章 | 15 人訂閱 訂閱系列文 RSS系列文 團隊啊 ah
DAY 21

with 述句(下) Day20

with 的功能強大,但因為爭議的關係在未來使用於程式碼中的機會不大,但可以看看他如何在各實作中呈現,例如測試或樣板等等。 這章想學到什麼? 真實世紀 wit...

2022-09-21 ‧ 由 Jim in the Gym 分享
DAY 22

跨瀏覽器開發策略(上) Day21

忍者:JavaScript開發技巧探秘第二版出於 2017 年,還有很多一些如何處理IE問題的內容,2022年6月微軟IE瀏覽器已全面終止支援。 至今2022年...

2022-09-22 ‧ 由 Jim in the Gym 分享
DAY 23

跨瀏覽器開發策略(下) Day22

在下一張可以看到,瀏覽器對於屬性項、屬性和樣式有不同的處理方式,儘管現在跨瀏覽器的議題已不再是主要探討的議題,我們還是可以從程式開發的角度學到許多東西。 這章想...

2022-09-23 ‧ 由 Jim in the Gym 分享
DAY 24

跨越屬性項、屬性與 CSS(上) Day23

HTML 屬性項與 JS 屬性有名稱上的差異,例如 class 為 JS 語言保留字,所以屬性為 className。 這章想學到什麼? 認識屬性項(attr...

2022-09-24 ‧ 由 Jim in the Gym 分享
DAY 25

跨越屬性項、屬性與 CSS(下) Day24

DOM 屬性項、屬性與樣式之間的處理有許多的細節,在實作中雖不以 JS 為主要影響成想的部分,但也可以在理解細節中學習瀏覽器處理這些樣式間的流程跟實作差異。 這...

2022-09-25 ‧ 由 Jim in the Gym 分享
DAY 26

從事件中倖存(上) Day25

在大 IE 還存在的時代,事件監聽的綁定要判斷不同的寫法,才有辦法兼容不同的瀏覽器。 這章想學到什麼? 認識 DOM Level 懷舊處理跨瀏覽器事件方式 測...

2022-09-26 ‧ 由 Jim in the Gym 分享
DAY 27

從事件中倖存(下) Day26

除了基本的綁定事件與取消綁定事件基礎,還有許多管理事件的技巧。除打造相互獨立的模組化元件,還有委託事件與氣泡機制等需要注意或可用的方式,另外這一章沒特別深入非同...

2022-09-27 ‧ 由 Jim in the Gym 分享
DAY 28

操控 DOM(上) Day27

為什麼函式庫實作如此複雜? 如果函式庫(或框架)已經處理完畢,為什麼還需要暸解他裡頭的運作細節? 使用函式庫,若能暸解內部操控 DOM 的原則與細節,你可...

2022-09-28 ‧ 由 Jim in the Gym 分享
DAY 29

操控 DOM(下) Day28

操控 DOM 在下一章會講到使用選擇器,而本章最後講到有趣的取得文字的小技巧,使用物件類型 nodeType 判斷如果是文字就相加,如果 nodeType 是節...

2022-09-29 ‧ 由 Jim in the Gym 分享
DAY 30

CSS選擇器引擎(上) Day29

CSS有許多不同的選擇器讓我們更精準也更彈性的抓取 DOM,元素,這一章示範使用偽類 :only-child 抓取只存在單一子層的元素結構。另外是以 id 為根...

2022-09-30 ‧ 由 Jim in the Gym 分享