iT邦幫忙

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
自我挑戰組

學JS的心路歷程 系列

這三十天我將會介紹我在學JS的路上認為需要注意且學習的地方。

鐵人鍊成 | 共 30 篇文章 | 60 人訂閱 訂閱系列文 RSS系列文 團隊好想工作室第二屆鐵人賽
DAY 21

學JS的心路歷程 Day21-JS 支援物件導向?(二)

昨天講了物件導向的繼承,今天我們來談談多型和封裝吧! 多型 polymorphism 抽象講法解釋,就是使用單一介面操作多種型態的物件繼承父類別,定義與父類別中...

2018-11-05 ‧ 由 turtle0617 分享
DAY 22

#學JS的心路歷程 Day22-物件與原型(一)

前兩天說明物件導向的三大特性及 JS 不符合物件導向,只能稱作支援物件導向而已,今天我們來看看 JS 的原型繼承。首先我們先來看,什麼是原型: 兩個物件之間的...

2018-11-06 ‧ 由 turtle0617 分享
DAY 23

學JS的心路歷程 Day23 -物件與原型(二)

昨天有提到說 Object.setPrototypeOf 可以指定一個物件為另一個物件的原型,但有想過到底這個原型,也就是 [[Prototype]] 最終會到...

2018-11-07 ‧ 由 turtle0617 分享
DAY 24

學JS的心路歷程 Day24 - 物件與原型(三)

昨天有說明到函式與建構式的原型,及指定建構式函式原型為另一個建構式函式,但其實這會造成覆寫 constructor 的問題。 覆寫 constructor 的問...

2018-11-08 ‧ 由 turtle0617 分享
DAY 25

學JS的心路歷程 Day25 - JS 的 Class

沒錯,你沒有看錯,雖然前面說 JS 是原型繼承,但在 ES6 以後新增了 class 關鍵字!!! 不過底層實作仍然是以原型繼承方式進行,所以基本上算是一個語法...

2018-11-09 ‧ 由 turtle0617 分享
DAY 26

學JS的心路歷程 Day26 - PixiJS - 入坑

前幾天參加 Mopcon 時聽了 Eia 大大分享了 PixiJS 的概念和一些實作。 聽完後我的內心是這樣的。 通常別人說要如何讓網頁動起來,我第一個想法都...

2018-11-10 ‧ 由 turtle0617 分享
DAY 27

學JS的心路歷程 Day27 - PixiJS - 基礎(一)

建立 canvas 今天開始我們一步步來看怎麼使用 PixiJS 吧! 在開始之前,要先提醒各位需要先運行 webserver ,否則將會遇到一些奇怪的問題喔!...

2018-11-11 ‧ 由 turtle0617 分享
DAY 28

學JS的心路歷程 Day28 - PixiJS - 基礎(二)

材質暫存 (texture cache) 昨天有說到,圖片要放入 stage 前,需要先把圖片轉成 Sprite 的特殊圖片物件。 但是我們也可以先將圖片放進...

2018-11-12 ‧ 由 turtle0617 分享
DAY 29

學JS的心路歷程 Day29 - PixiJS - 基礎(三)

今天我們來試著移動圖片吧! 首先,一樣先把圖片放到 PIXI 的 stage 中: let app = new PIXI.Application({ wi...

2018-11-13 ‧ 由 turtle0617 分享
DAY 30

學JS的心路歷程 Day30 - JS 應用 - 搶優惠券

前幾天是雙十一,各家電商網站都推出了各種活動和現今優惠券,當時在逛 PTT 時看到了有篇文章,提供程式碼教大家用 JS 的方式搶票,看了一下後發現好像很多人好奇...

2018-11-14 ‧ 由 turtle0617 分享