iT邦幫忙

prototype相關文章
共有 40 則文章

技術 以陣列為參數傳入來產生物件

對JS不求甚解下,平常把function當class用, 但要用陣列當參數產生物件使用時, 才知道 function 本身可以用 apply 把陣列傳入當參數,...

鐵人賽 自我挑戰組 DAY 24

技術 與工程師的協作之路-工具篇(InVision)

在「Functional map 與 UI flow」篇中,介紹過了應該要給工程師的文件~而在「溝通篇(那些難以啟齒的事)」篇裡,提到了一個在文件篇外的詞--...

鐵人賽 DAY 12

技術 [Ruby & Rails] Ajax on Rails

Ajax on Rails Rails 就內建 Prototype 與 script.aculo.us 整合在一起。 之前所瀏覽過的 RoR 的書籍裡,大多有...

技術 理解JavaScript的繼承機制

對於沒有class的JavaScript來說,繼承機制一直是大家難以切入或是爭議不休的地方,有幾篇文章是我自己覺得理解JavaScript繼承機制不錯的文章,分...

鐵人賽 Software Development DAY 10

技術 收到一筆要建立複製人軍隊的訂單怎麼辦? (Prototype 原型模式)

Prototype 原型模式 需求描述 Amy(PO): As a 系統使用者I want 降低查詢線上交易報表的回應時間So that 提高作業效率 思考...

鐵人賽 Modern Web DAY 15

達標好文 技術 15. [JS] 什麼是原型鏈?

今天是鐵人賽的第十五天,旅程進行到了一半,而本系列文 JavaScript 的部分也即將告一段落。經過了連續三天型別相關的內容,今天也將接續下去,跟大家聊聊許...

鐵人賽 Modern Web DAY 28

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

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

鐵人賽 Modern Web

技術 【這些年我似是非懂的 Javascript】Prototype #建構器

今天要來分享一點關於 prototype 和建構器的部分。 建構器所 new 的不是你想的那樣 我之前在文中也提過因為 Javascript 並不會有複製的行...

鐵人賽 Modern Web DAY 20

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

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

鐵人賽 Modern Web DAY 6

技術 javascript 一定得懂的物件概念 (4)constructor,prototype,__proto__ 的糾葛

文章被我玩到全沒了 …已哭 下次要記得先存草稿>< var Paul=new Person('Paul','36'); console.log(Pe...

鐵人賽 Modern Web DAY 29

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

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

鐵人賽 IT人生 DAY 16

技術 Wireframe, Mockup and Prototype

之前在規劃雛型,都會用「真實感」的系統雛型期待客戶會被自己「以假換真」騙過去... 所以都會很追求版面的視覺爽度及效果,所以花很多時間在對齊、元件、很炫的效果...

鐵人賽 Modern Web DAY 28
前端開發 30 個問題 系列 第 28

技術 Prototype chain

前言2020 秋天,我將用 30 天的時間,來嘗試回答和網路前端開發相關的 30 個問題。30 天無法一網打盡浩瀚的前端知識,有些問題可能對有些讀者來說相對簡...

鐵人賽 Modern Web DAY 2

技術 Day 2 - 原型: Figma

前言 我先建立一個原型(Prototype), 用來釐清這個WebApp的功能跟UI界面。 建立原型所用到的工具是Figma, 它有免費版本, 功能應該足以應付...

鐵人賽 Modern Web DAY 6

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

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

鐵人賽 Modern Web DAY 5

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

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

鐵人賽 Modern Web DAY 10

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

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

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

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

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

鐵人賽 Modern Web DAY 7

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

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

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

技術 JavaScript Prototype (原型)

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

鐵人賽 Software Development DAY 7

技術 [Day7] 聖上說選 3 份奏摺各複寫 500 張 ─ 雛型(Prototype) <模式篇>

嗨 大家好 我是一路爬坡的阿肥 如果看到這篇,表示阿肥撐過了第一個禮拜 也就是一個月的 1/4,168 個小時,10080 分,604800 秒!接下來也要繼續...

鐵人賽 Modern Web DAY 2

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

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

鐵人賽 Software Development DAY 6

技術 【PHP 設計模式大頭菜】原型模式 Prototype Pattern

原型模式 Prototype Pattern 原型模式,你有些物件可能會需要建立很多一樣的物件,只是某些資料不太一樣而已,就有點像是每顆大頭菜都是一模一樣的物...

鐵人賽 Software Development DAY 8

技術 [Day8] 聖上說選 3 份奏摺各複寫 500 張 ─ 雛型(Prototype) <實作篇>

嗨 大家好 我是一路爬坡的阿肥 最近天氣的關係加上拼命寫文章 睡眠品質好到一直爬不起來(眼神死) 羨慕一天只需要睡3小時就精神飽滿的人 今日文章適合搭配範例專...

鐵人賽 Software Development DAY 12

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

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

鐵人賽 Modern Web DAY 3

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

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

技術 JS 原型(prototype) DAY66

原型物件會有自己的屬性原型也是實體可以繼承原型,原型也可以繼承原型所以繼承可以一段一段向上繼承,這種繼承方式稱為原型練 一個原型新增兩個實體這兩個實體會共用原型...

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

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

鐵人賽 Modern Web DAY 15

技術 Day 15: 物件原型

物件是 JavaScript 另一個大主題,光是 “almost everything in JavaScript is an object” 這句話就知道物件...

鐵人賽 Modern Web DAY 7

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

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