iT邦幫忙

prototype相關文章
共有 49 則文章

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

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

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

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

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

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

鐵人賽 Modern Web DAY 20
JavaScript學習筆記 系列 第 20

技術 [Day 20] Prototype 原型

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

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

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

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

鐵人賽 JavaScript DAY 6

技術 [Day 06] Prototype 模式

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

鐵人賽 IT 管理 DAY 8

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

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

鐵人賽 IT 管理 DAY 7

技術 [Day7-討論階段] 拒當通靈王!請設計師出 Demo(Prototype)吧!

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

鐵人賽 Modern Web DAY 20

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

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

鐵人賽 Modern Web DAY 13

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

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

鐵人賽 Software Development DAY 11

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

今天來點 JavaScript 的原型與繼承! Prototype(原型)是什麼? 當我們在 JavaScript 中建立物件時,每個物件都有一個隱含屬性 [[...

鐵人賽 SideProject30 DAY 9

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

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

鐵人賽 SideProject30 DAY 5

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

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

鐵人賽 Modern Web DAY 10

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

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

鐵人賽 Modern Web DAY 7

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

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

鐵人賽 Modern Web DAY 4

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

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

鐵人賽 Modern Web DAY 3

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

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

鐵人賽 Modern Web DAY 2

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

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

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

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

鐵人賽 Modern Web DAY 29

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

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

鐵人賽 Modern Web DAY 28

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

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

鐵人賽 自我挑戰組 DAY 24
開始入坑網頁吧! 系列 第 24

技術 JavaScript Prototype (原型)

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

鐵人賽 Modern Web DAY 20

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

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

鐵人賽 Software Development DAY 12

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

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

鐵人賽 Modern Web DAY 11
Javascript 從寫對到寫好 系列 第 11

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

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

鐵人賽 Modern Web DAY 6

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

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

鐵人賽 Modern Web DAY 5

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

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

鐵人賽 Modern Web DAY 7

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

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

鐵人賽 Modern Web DAY 6

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

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

鐵人賽 Modern Web DAY 5

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

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