javascript prototype

在瀏覽器輸入網址並送出後,到底發生了什麼事?

這道題目涵蓋前端技術範圍很廣,很適合在各階段拿來梳理並檢視自己的技能和狀態。那麼,就讓我來檢視一下自己的狀態吧 d(`・∀・)b

效能調校 轉譯效能 關鍵轉譯路徑 你懂JavaScript嗎? 你所不知道的JS 加載效能 圖片最佳化 快取 Rendering Performance Critical Rendering Path Resource Hints Web Workers Worker requestAnimationFrame Gzip HTTP Caching Loading Performance You-Dont-Know-JS cache javascript javascript prototype · 留言


你懂 JavaScript 嗎?#7 原生功能(Natives)

本文主要會談到...何謂 Natives(原生功能)?怎麼用?物件包裹器、陷阱、解封裝;各類建構子的原生功能、原生的原型。雖然優先使用字面值而非使用建構子建立物件,還是需要來看一些需要關心的議題和警惕用的錯誤用法。

You-Dont-Know-JS javascript 2019鐵人賽 你所不知道的JS 你懂JavaScript嗎? javascript array javascript date 鐵人賽 javascript prototype · 留言


你懂 JavaScript 嗎?#3 暖身 (๑•̀ㅂ•́)و✧ Part 2 - 變數、嚴格模式、IIFEs、閉包、模組、this、原型、Polyfill 與 Transpiler

在上一篇暖身文章中大致聊過了一些基本知識,像是運算子、運算式、值與型別、變數、條件式、迴圈,本文還會再探討一些基礎概念,像是變數、函式範疇、拉升、巢狀範疇、嚴格模式、IIFE、閉包、模組、this、原型、Polyfill 與 Transpiler。本文也僅是概念而已,之後會有單篇章節細細討論的,所以就算是暖身 Part 2 摟。

You-Dont-Know-JS javascript 2019鐵人賽 你所不知道的JS 你懂JavaScript嗎? 鐵人賽 javascript prototype · 留言


ES6 Top Features You Must Know

ES6 快速小筆記:let / const、物件縮寫 Object Shorthand、預設傳入參數 Default Paramaters、解構賦值 Destructuring Assignment、字串模板 String Template、擴展運算子 Spread Operator、其餘運算子 Rest Operator、箭頭函數 Arrow Function、Class、Mudule 等。

ES6 javascript javascript prototype · 留言


JavaScript Object Oriented Programming

關於 JavaScript Object Oriented Programming,會寫這一系列的文章是因為希望自己的 JavaScript 程式碼能更物件導向、更模組化。這一系列的文章有以下的內容...

javascript javascript prototype · 留言


JavaScript Object Oriented Programming: All-in-one Constructor Pattern

所有的 method 和 property 都放在 consctructor 中,而不使用 prototype。

javascript javascript prototype · 留言


JavaScript Object Oriented Programming: Pseudo-Classical Pattern

在 pseudo-classical pattern 中,物件是由「建構子」(constructor)這個函式所建立,並把 method 放到建構子的 prototype 中。

javascript javascript prototype · 留言


JavaScript Object Oriented Programming: Extending Natives

Native JavaScript 物件將 method 存在 prototype 中。例如:當一個新的物件被建立,內容為空,但為何可以使用 toString 這個 method?

javascript javascript prototype · 留言


JavaScript Object Oriented Programming: Prototypal Inheritance

對大多數的語言來說,它們擁有「Class」和「Object」,而 Class 繼承其它的Class。對於 JavaScript 來說,繼承是使用 prototype 來實作的,意即沒有 Class,而是由物件繼承其它的物件來達成繼承。

javascript javascript prototype · 留言


Factory 工廠模式

JavaScript Design Pattern「Factory 工廠模式」筆記。

javascript 設計模式 Design Pattern javascript prototype · 留言


Singleton 單體模式

JavaScript Design Pattern 「Singleton 單體模式」 筆記。

javascript 設計模式 Design Pattern javascript prototype · 留言


Code Reuse Patterns

JavaScript Pattern 之 Code Reuse Patterns 筆記。JavaScript 沒有 class 的概念,而物件也僅是名值對(key-value pair),表示可以即時建立和改變。但 JavaScript 卻有建構式,類似其他語言(例如:Java)使用 class 的語法。

javascript 設計模式 Design Pattern javascript prototype · 留言


Decorator 裝飾者模式

Decorator(裝飾者模式)的說明與範例。

javascript 設計模式 Design Pattern javascript prototype · 留言