iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

JavaScript 從 50% 開始,打造函式庫不是問題! 系列

我們都知道進入一個新的未知領域,大多數的學生都會選擇從理論開始學習。

本系列文章將從實務層面著手,讀者不僅能從中學習理論,也能理解如何將理論應用於實作中。

鐵人鍊成 | 共 46 篇文章 | 38 人訂閱 訂閱系列文 RSS系列文
DAY 11

JS 11 - 原型鏈

大家好! 「鏈」和「鍊」的意思不完全相同,但是它們都有環環相扣的概念,在這裡是通用的。我們進入主題吧! 原型鍊 昨天我們提到,陣列的 valueOf 方法其實...

2021-09-26 ‧ 由 Felix 分享
DAY 12

JS 12 - 繼承方法

大家好! 我們花了兩天介紹原型鏈和原型繼承的原理,今天就要介紹繼承的方法了。我們進入今天的主題吧! Object.create /* 使用說明 */ Obje...

2021-09-27 ‧ 由 Felix 分享
DAY 13

JS 13 - Getter & Setter

大家好! 理解完物件繼承的方法,就要接續介紹今天的 Getter 和 Setter 了。我們進入今天的主題吧! 存取行為 出現賦值和取值的行為,就是存取行為。...

2021-09-28 ‧ 由 Felix 分享
DAY 14

JS 14 - 控制物件

大家好! 文章到今天也快要寫一半了,謝謝各位的閱讀。我們進入今天的主題吧! 控制物件 先建立一個物件並賦值: let record = { name: nul...

2021-09-29 ‧ 由 Felix 分享
DAY 15

JS 15 - this 關鍵字

大家好! 要寫到今天也真是不容易呢!明天就要從 50% 開始了!我們進入今天的主題吧! 嚴謹模式 當我們直接呼叫 this 時,this 會指向 window...

2021-09-30 ‧ 由 Felix 分享
DAY 16

JS 16 - jQuery 太重了,何不選擇需要的功能就好?

大家好! 相信各位都有看到標題了,今天開始就要實作函式庫了。我們進入今天的主題吧! jQuery 很久之前,jQuery 因為簡單的寫法和方便的功能而大受歡迎...

2021-10-01 ‧ 由 Felix 分享
DAY 17

JS 17 - 繼承和瀏覽器的小問題

大家好! 昨天我們成功使用建構式建立一個新物件。今天我們要實作的就是,在物件原型中新增共用方法。 繼承 我們在 JS 12 提到了繼承方式,但是這些方式都是直...

2021-10-02 ‧ 由 Felix 分享
DAY 18

JS 18 - 陣列也有贗品?如何辨識偽造的陣列?

大家好! 昨天我們建立了看似陣列的物件,其實它就是接下來要介紹的偽陣列物件(Array-like Object)。我們進入今天的主題吧! 偽陣列 因為偽陣列不...

2021-10-03 ‧ 由 Felix 分享
DAY 19

JS 19 - 我要一份能控制網頁內容的三人全家桶!

大家好! 今天要介紹的是能控制網頁內容的原型方法。我們進入今天的主題吧! 插入元素 Felix.prototype.insert = function (el...

2021-10-04 ‧ 由 Felix 分享
DAY 20

JS 20 - HTML 字串算什麼,教你用 CSS 選擇器建立網頁元素!

大家好! 昨天我們建立了 insert 方法,今天我們就要延伸它的用法。我們進入今天的主題吧! 前言 $('<button>Submit</...

2021-10-05 ‧ 由 Felix 分享