技術 Day 4 - 原型 (3): 主頁的元件組合

前言 今天就把剛完成的元件組合成一個頁面吧。 框架 (Frame) 我先以桌面顯示器為目標, 建立一個桌面的框架作為頁面的外殼, 其解析度為1440x1024。...

技術 Day 03 -遊戲機制的抽象化與模組化

拿昨天的動畫 sprite function 示範用 prototype 和 es6 的 class 重構 Prototype 步驟1.建立時呼叫⺟類別 (初始...

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

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

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

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

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

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

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

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

技術 Day 3 - 原型 (2) : 主頁元件

設置 先在Figma中建立2個頁面(Page), 名字分別為Blog跟Components(元件)。 Blog頁面主要是放置Blog的各個頁面, 例如:主頁、...

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

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

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

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

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

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