系列文章
學JS的心路歷程 Day21-JS 支援物件導向?(二)
昨天講了物件導向的繼承，今天我們來談談多型和封裝吧！ 多型 polymorphism 抽象講法解釋，就是使用單一介面操作多種型態的物件繼承父類別，定義與父類別中...
#學JS的心路歷程 Day22-物件與原型（一）
前兩天說明物件導向的三大特性及 JS 不符合物件導向，只能稱作支援物件導向而已，今天我們來看看 JS 的原型繼承。首先我們先來看，什麼是原型： 兩個物件之間的...
學JS的心路歷程 Day23 -物件與原型(二)
昨天有提到說 Object.setPrototypeOf 可以指定一個物件為另一個物件的原型，但有想過到底這個原型，也就是 [[Prototype]] 最終會到...
學JS的心路歷程 Day24 - 物件與原型(三)
昨天有說明到函式與建構式的原型，及指定建構式函式原型為另一個建構式函式，但其實這會造成覆寫 constructor 的問題。 覆寫 constructor 的問...
學JS的心路歷程 Day25 - JS 的 Class
沒錯，你沒有看錯，雖然前面說 JS 是原型繼承，但在 ES6 以後新增了 class 關鍵字！！！ 不過底層實作仍然是以原型繼承方式進行，所以基本上算是一個語法...
學JS的心路歷程 Day26 - PixiJS - 入坑
前幾天參加 Mopcon 時聽了 Eia 大大分享了 PixiJS 的概念和一些實作。 聽完後我的內心是這樣的。 通常別人說要如何讓網頁動起來，我第一個想法都...
學JS的心路歷程 Day27 - PixiJS - 基礎(一)
建立 canvas 今天開始我們一步步來看怎麼使用 PixiJS 吧！ 在開始之前，要先提醒各位需要先運行 webserver ，否則將會遇到一些奇怪的問題喔！...
學JS的心路歷程 Day28 - PixiJS - 基礎(二)
材質暫存 (texture cache) 昨天有說到，圖片要放入 stage 前，需要先把圖片轉成 Sprite 的特殊圖片物件。 但是我們也可以先將圖片放進...
學JS的心路歷程 Day29 - PixiJS - 基礎(三)
今天我們來試著移動圖片吧! 首先，一樣先把圖片放到 PIXI 的 stage 中： let app = new PIXI.Application({ wi...
學JS的心路歷程 Day30 - JS 應用 - 搶優惠券
前幾天是雙十一，各家電商網站都推出了各種活動和現今優惠券，當時在逛 PTT 時看到了有篇文章，提供程式碼教大家用 JS 的方式搶票，看了一下後發現好像很多人好奇...