iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 827 瀏覽

技術 JavaScript的原型、原型鏈、原型繼承

[[Prototype]] 又是什麼? 和 proto 的差別是什麼? [[Prototype]] 是在 JavaScript 中物件的特殊隱藏屬性，這個屬性對...

chris666 ‧ 2025-05-03

0 Like 0 留言 868 瀏覽

技術 javascript: 錨點下滑+滾動點亮nav (ES6 Class)

使用方法 let a = new ClickScroll() a.navBtns = [dom1, dom2, dom3] // 導覽列dom元素，陣列 a.t...

relife12345 ‧ 2024-12-17

0 Like 0 留言 840 瀏覽

技術 javascript: 錨點下滑+滾動點亮nav (ES5)

使用方法 let a = new ClickScroll() a.navBtns = [dom1, dom2, dom3] // 導覽列dom元素，陣列 a.t...

relife12345 ‧ 2024-12-17

1 Like 0 留言 311 瀏覽

鐵人賽 Modern Web DAY 20

JavaScript學習筆記系列第 20 篇

技術 [Day 20] Prototype 原型

prototype 原型在JavaScript中，原型的目的是為了「繼承」，達到物件之間的屬性可以共用。設定物件原型原型是為了繼承，那要怎麼做可以讓物件可...

Fang ‧ 2024-10-04 ‧團隊好想工作室 v8.0

0 Like 0 留言 192 瀏覽

鐵人賽佛心分享-刷題不只是刷題 DAY 13

30 天克服前端面試系列第 13 篇

技術 Day 13 - 請描述原型繼承如何在 JavaScript 運作中？

原型 (Prototype) 在 JavaScript 中，每個物件都有一個內部屬性稱為 [[Prototype]]，它指向該物件的原型。原型是一個物件，包含了...

Ashley ‧ 2024-09-27

0 Like 0 留言 374 瀏覽

鐵人賽 JavaScript DAY 6

30天的 JavaScript 設計模式之旅系列第 6 篇

技術 [Day 06] Prototype 模式

今天要介紹的是 Prototype 模式，這是 GoF 提出的模式之一。情境在軟體開發中，有些物件具有高相似度，或是使用的方法、功能類似，開發者需要一種方...

Monica ‧ 2024-09-20

0 Like 0 留言 523 瀏覽

鐵人賽 IT 管理 DAY 8

【前端工程師＆UI 的 30 天約會】戰勝猴子！：Figma 交付實戰篇系列第 8 篇

技術 [Day8-討論階段] 拒當通靈王！請設計師出 Demo（Prototype）吧！（進階篇）

補充說明：Prototype 是什麼 Prototype（中文稱：原型）是一種 Demo 想法的工具。能夠有效呈現概念和互動，在專案的前、後期使用最為加分。如...

TC ‧ 2024-09-20 ‧團隊擁有夢想的鐵人猴子隊

1 Like 0 留言 600 瀏覽

鐵人賽 IT 管理 DAY 7

【前端工程師＆UI 的 30 天約會】戰勝猴子！：Figma 交付實戰篇系列第 7 篇

技術 [Day7-討論階段] 拒當通靈王！請設計師出 Demo（Prototype）吧！

（圖片來源：純靠北工程師47c）通靈能力是工程師必備的嗎「通靈」這個萬年長談的議題，不管對「工程師」或「設計師」都是心中的痛。對於工程師，設計師或 PM...

TC ‧ 2024-09-19 ‧團隊擁有夢想的鐵人猴子隊

0 Like 0 留言 343 瀏覽

鐵人賽 Modern Web DAY 20

一起來玩圖像編輯器：Fabric.js 的實戰修煉系列第 20 篇

技術 Day20- 修改畫布 prototype 的入門-拆解 fabric-history prototype (2)

來細拆 fabric-history 裏面有哪些東西吧使用立即執行函數（IIFE）：將整個擴展包裹在一個立即執行函數中，可以避免污染全局命名空間。 fabr...

merano5342 ‧ 2024-08-23

0 Like 0 留言 426 瀏覽

鐵人賽 Modern Web DAY 13

超低腦容量學習法遇到javascript 系列第 13 篇

技術 js的OOP：用建構函式與new建立prototype

build-in object就是js自帶的建構函式我們在新增物件、陣列時，有時會像下面這樣寫，其實就是使用js天生自帶的各種建構函式來建立各式各樣的衍生物件...

Pam ‧ 2023-09-28 ‧團隊好想工作室 v7.0

0 Like 0 留言 752 瀏覽

鐵人賽 Software Development DAY 11

從零開始，在 coding 路上的 30 個為什麼？不對！是無數個為什麼！系列第 11 篇

技術 Day 11 - 理解 JavaScript，為什麼要知道原型、原型鏈與原型繼承？

今天來點 JavaScript 的原型與繼承！ Prototype（原型）是什麼？當我們在 JavaScript 中建立物件時，每個物件都有一個隱含屬性 [[...

viii ‧ 2023-09-25

0 Like 0 留言 1567 瀏覽

鐵人賽 SideProject30 DAY 9

30天製作RWD個人品牌網站系列第 9 篇

技術 Day9. Figma(4) 製作Prototype原型

今天是最後一天的Figma教學，前面幾天介紹了Figma，並以Wireframe為例說明了主要功能的使用方法，應該都有感受到Figma的操作有多簡易、方便了吧！...

luna0228 ‧ 2023-09-24

0 Like 0 留言 881 瀏覽

鐵人賽 SideProject30 DAY 5

30天製作RWD個人品牌網站系列第 5 篇

技術 Day5. 網頁UI設計-Wireframe線框稿

到Day5啦！已經到個小段落了，那就再說明一下，這次的挑戰是以我的作品集為範例，分享給大家RWD靜態網站從頭到尾的製作過程，希望過了這30天你也能創造屬於自己的...

luna0228 ‧ 2023-09-20

0 Like 0 留言 1773 瀏覽

鐵人賽 Modern Web DAY 10

從零開始學 - Side Project專題開發及切版實作技巧系列第 10 篇

技術 Day 10 - Prototype 原型互動 / 產品模擬

Day 10 - Prototype 原型互動 / 產品模擬 (Figma 教學) 每日一談嗨，大家好 ! 我是阿蘇今天是Day10 ，今天來跟大家談談 P...

阿蘇蘇 ‧ 2022-09-25 ‧團隊死線衝鋒 Deadline Squad

2 Like 0 留言 1439 瀏覽

鐵人賽 Modern Web DAY 7

擊敗前端面試大作戰！系列第 7 篇

技術 [擊敗前端面試大作戰] prototype and prototype chain

Javascript 是一個基於原型的語言（prototype-based)，他可以用在 OOP(Object-oriented programming)也可...

bywater529 ‧ 2022-09-21

0 Like 0 留言 840 瀏覽

鐵人賽 Modern Web DAY 4

JavaScript 之路，往前邁進吧！系列第 4 篇

技術 JS之路 Day04 - Prototypal Inheritance(原型繼承)

Array Methods繁多，許多人常常使用時會在去MDN看文檔，但如果你仔細看會發現奇怪地方，比如說你想要去查map的語法，你實際會看到Array.prot...

Vic ‧ 2022-09-19 ‧團隊好想工作室 v6.0

0 Like 0 留言 1578 瀏覽

鐵人賽 Modern Web DAY 3

JavaScript 之路，往前邁進吧！系列第 3 篇

技術 JS之路 Day03 - Prototype Chain(原型鏈)

昨天Prototype世界的例子中，小白這種打電話讓別人再去打電話找的方式，其實就是一種Prototype Chain的概念。畫一張示意圖會比較清楚一些，用一...

Vic ‧ 2022-09-18 ‧團隊好想工作室 v6.0

0 Like 2 留言 1525 瀏覽

鐵人賽 Modern Web DAY 2

JavaScript 之路，往前邁進吧！系列第 2 篇

技術 JS之路 Day02 - Prototype (原型)

前言我相信每個語法的發明都有它意義存在，以我看來Prototype的存在，是為了要讓JavaScript 也能實現物件導向，準確點來說，可以用來做到物件的繼承...

Vic ‧ 2022-09-17 ‧團隊好想工作室 v6.0

0 Like 0 留言 921 瀏覽

技術為了轉生而點技能-JavaScript，day17(原型-prototype、自訂原型、新增method

本篇記錄有關prototype的定義，自訂及新增methods的簡單操作。原型：prototype 在JS裡面，原型也是一個物件，而每個原型的物件都有自己的屬...

openthedoor2004 ‧ 2021-12-08

1 Like 1 留言 3350 瀏覽

鐵人賽 Modern Web DAY 29

網頁 UX / UI 攻心術｜30天練成 Figma、Axure RP 以及 UX 心法系列第 29 篇

技術 Day 29. Hi-Fi Prototype－以 Figma 製作高精度原型 (下)

由於 Figma 的核心是 GUI 設計工具，附帶原型製作能力，所以一般來說我們都會使用它來進行高精度原型設計，說到這裡，你會不會想問，有高精度，那是不是也有低...

Rson ‧ 2021-10-14

0 Like 1 留言 4448 瀏覽

鐵人賽 Modern Web DAY 28

網頁 UX / UI 攻心術｜30天練成 Figma、Axure RP 以及 UX 心法系列第 28 篇

技術 Day 28. Hi-Fi Prototype－以 Figma 製作高精度原型 (上)

終於，我們要進入 UX/UI 設計中的最後一個流程－高精度原型 Hi-Fi Prototype，這也是交付所有能夠設計的細節，給工程師進入開發前的最後一個階段...

Rson ‧ 2021-10-13

0 Like 0 留言 1234 瀏覽

鐵人賽自我挑戰組 DAY 24

開始入坑網頁吧! 系列第 24 篇

技術 JavaScript Prototype (原型)

原型 Prototype 與原型鍊 Prototype Chain JavaScript 每一個物件(包含函數)都有原型這個屬性用來繼承屬性與方法。原型會去參...

阿沁 ‧ 2021-10-08

0 Like 0 留言 4088 瀏覽

鐵人賽 Modern Web DAY 20

1995到2021，php到react網站開發歷程系列第 20 篇

技術 DAY20-網站構思之進階figma

前言：昨天我們使用了幾個基本的方法設計了網頁的首頁，今天阿森要來進一步介紹一些figma prototype的功能，讓我們最佳化figma預覽的效果，也就是...

Cooksuhr ‧ 2021-10-02 ‧團隊Obit0 Studio

2 Like 0 留言 1178 瀏覽

鐵人賽 Software Development DAY 12

淺談物件導向與Design Pattern介紹系列第 12 篇

技術 IT鐵人DAY 12－Prototype 原型模式

　　前幾天介紹的都是屬於Creational Patter，今天要來介紹最後一個位，也就是Prototype！問題情境與解析　　假設今天有個複雜的物件，你...

HLD ‧ 2021-09-27 ‧團隊波皮辣椒那你會修電腦嗎仙姑狗

1 Like 1 留言 1489 瀏覽

鐵人賽 Modern Web DAY 11

Javascript 從寫對到寫好系列第 11 篇

技術 Day 11 - OOP 初探 (1) - Closures 與繼承鏈

前言在學習 FP 的過程中，會看到 FP 常常被拿來跟 OOP 做比較，那 OOP 究竟是什麼呢？它們是對立關係只能選一種用嗎？誰比較有優勢呢？今天會先簡單...

ycchiuuuu ‧ 2021-09-26 ‧團隊鐵人賽臻融一

0 Like 0 留言 2097 瀏覽

鐵人賽 Modern Web DAY 6

網頁 UX / UI 攻心術｜30天練成 Figma、Axure RP 以及 UX 心法系列第 6 篇

技術 Day6. 常見原型種類及製作方式

建立原型要點根據 Google Glass 案例裡提到的經驗總結，製作低精度原型目的是為了及早失敗、及早學習。案例中提到三個要點供我們參考： (1) 找出最...

Rson ‧ 2021-09-21

0 Like 0 留言 1760 瀏覽

鐵人賽 Modern Web DAY 5

網頁 UX / UI 攻心術｜30天練成 Figma、Axure RP 以及 UX 心法系列第 5 篇

技術 Day5. 及早失敗，從中學習- 低精度原型

試想當你有了一個絕佳的 idea，如何驗証這個概念可不可行、夠不夠好呢？設計師常用的方法，是製做一個低精度原型，盡快試錯調整。 Google 於 TED 分享了...

Rson ‧ 2021-09-20

0 Like 0 留言 1220 瀏覽

鐵人賽 Modern Web DAY 7

從零開始的寫web app 30天生活系列第 7 篇

技術 Day 7 - 原型 (6): 預覽主頁

前言今天利用之前所建的主頁, 建立一個可讓使用者互動的原型｡預覽利用Figma的預覽功能, 即右上角的三角形(如下圖紅色標示), 可以幫助我們修正原型｡...

tlyau62 ‧ 2021-09-19 ‧團隊ㄟˊ~這是幹嘛的？

0 Like 0 留言 1056 瀏覽

鐵人賽 Modern Web DAY 6

從零開始的寫web app 30天生活系列第 6 篇

技術 Day 6 - 原型 (5): 帖子頁的元件組合

前言利用剛設計好的帖子頁元件, 組合成帖子頁｡元件組合建立一個屬於帖子頁的frame 先在Pages/Blog中, 按一下主頁的frame, 再按快捷...

tlyau62 ‧ 2021-09-18 ‧團隊ㄟˊ~這是幹嘛的？

0 Like 0 留言 819 瀏覽

鐵人賽 Modern Web DAY 5

從零開始的寫web app 30天生活系列第 5 篇

技術 Day 5 - 原型 (4): 帖子頁元件

前言今天要完成帖子頁的元件設計｡帖子頁的元件帖子基本上可以用回主頁的帖子元件, 這裡只是少了READ MORE, 還有把內容全部顯示出來｡回覆...

tlyau62 ‧ 2021-09-17 ‧團隊ㄟˊ~這是幹嘛的？

技術 JavaScript的原型、原型鏈、原型繼承

技術 javascript: 錨點下滑+滾動點亮nav (ES6 Class)

技術 javascript: 錨點下滑+滾動點亮nav (ES5)

技術 [Day 20] Prototype 原型

技術 Day 13 - 請描述原型繼承如何在 JavaScript 運作中？

技術 [Day 06] Prototype 模式

技術 [Day8-討論階段] 拒當通靈王！請設計師出 Demo（Prototype）吧！（進階篇）

技術 [Day7-討論階段] 拒當通靈王！請設計師出 Demo（Prototype）吧！

技術 Day20- 修改畫布 prototype 的入門-拆解 fabric-history prototype (2)

技術 js的OOP：用建構函式與new建立prototype

技術 Day 11 - 理解 JavaScript，為什麼要知道原型、原型鏈與原型繼承？

技術 Day9. Figma(4) 製作Prototype原型

技術 Day5. 網頁UI設計-Wireframe線框稿

技術 Day 10 - Prototype 原型互動 / 產品模擬

技術 [擊敗前端面試大作戰] prototype and prototype chain

技術 JS之路 Day04 - Prototypal Inheritance(原型繼承)

技術 JS之路 Day03 - Prototype Chain(原型鏈)

技術 JS之路 Day02 - Prototype (原型)

技術 為了轉生而點技能-JavaScript，day17(原型-prototype、自訂原型、新增method

技術 Day 29. Hi-Fi Prototype－以 Figma 製作高精度原型 (下)

技術 Day 28. Hi-Fi Prototype－以 Figma 製作高精度原型 (上)

技術 JavaScript Prototype (原型)

技術 DAY20-網站構思之進階figma

技術 IT鐵人DAY 12－Prototype 原型模式

技術 Day 11 - OOP 初探 (1) - Closures 與繼承鏈

技術 Day6. 常見原型種類及製作方式

技術 Day5. 及早失敗，從中學習- 低精度原型

技術 Day 7 - 原型 (6): 預覽主頁

技術 Day 6 - 原型 (5): 帖子頁的元件組合

技術 Day 5 - 原型 (4): 帖子頁元件

標記使用者

技術為了轉生而點技能-JavaScript，day17(原型-prototype、自訂原型、新增method