iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

JS 忍者訓練計畫 系列

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

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

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

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

閉包封鎖之術(下) Day10

有好多好多的函式跟閉包在這裡!進階用法要注意上下文綁定的內容,還可以使用 prototype 功能,去增加函式的使用行為。但進階用法需要更小心使用。 每個透過...

2022-09-11 ‧ 由 Jim in the Gym 分享
DAY 12

原型之物件導向(上) Day11

warning: 在撰寫複雜的可用程式碼之前,理解原型繼承模型很重要。另外,請注意程式碼內原型鏈的長度、必要時打破它們,以避免潛在的效能問題。再來,除非要處理...

2022-09-12 ‧ 由 Jim in the Gym 分享
DAY 13

原型之物件導向(下) Day12

Prototype 使用讓喜歡物件導向風格的開發者可以更接近使用物件導向功能,但需要注意一些可能造成的幽微問題,並有可能在新版本的JS裡面,protype 客製...

2022-09-13 ‧ 由 Jim in the Gym 分享
DAY 14

與正規表達式吵嘴(上) Day13

正規可以常常用在處理字串,驗證資料,也可以處理 HTML 節點、CSS 選擇器、判斷元素類別。而且是可以跨語言跟環境使用的重要技術。 這章想學到什麼? 一行正...

2022-09-14 ‧ 由 Jim in the Gym 分享
DAY 15

與正規表達式吵嘴(下) Day14

JavaScript 有許多方法可以搭配正規表式是使用,例如 match, replace, search, split, replaceAll等,或使用 ex...

2022-09-15 ‧ 由 Jim in the Gym 分享
DAY 16

馴服執行緒和計時器(上) Day15

計時器不是 JavaScript 語言的一份子,而是由網頁瀏覽器所提供物件和方法的一部分。 function timeout (fn, time) {...

2022-09-16 ‧ 由 Jim in the Gym 分享
DAY 17

馴服執行緒和計時器(下) Day16

前一天介紹了中央控管計時器的方式,今天接續把這個方法用在動畫當中。另外進一步在測試中使用此控管的方法。而下一章會有更進階跟複雜的進行程式碼計值(code eva...

2022-09-17 ‧ 由 Jim in the Gym 分享
DAY 18

忍者煉金術:執行期間程式計值(上) Day17

JavaScript 提供許多能在執行期間可以直譯程式碼的各種方式,稱為程式計值。除了知道實際應用的場餅,例如壓縮或轉換,也要知道其帶有安全性上的風險跟處理,而...

2022-09-18 ‧ 由 Jim in the Gym 分享
DAY 19

忍者煉金術:執行期間程式計值(下) Day18

更大更多的用法,將字面字串轉換程式碼的例子,在實物上更深入到資料處理。例如把JSON字串轉換成JSON物件,現在已經有 JSON.parse() ,或是搭配 s...

2022-09-19 ‧ 由 Jim in the Gym 分享
DAY 20

with 述句(上) Day19

with 語法可以達到簡化撰寫存取屬性的目的,不需要重複寫上包含屬性的物件名稱,得以簡化程式碼。但也可以造成變數的使用混淆。 這章想學到什麼? 在 with...

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