摘要： 建立canvas 今天开始我们一步步来看怎么使用PixiJS吧！ 在开始之前，要先提醒各位需要先运行webserver，否则将会遇到一些奇怪的问题喔！ 最基本的canvas画布是肯定需要的，Pixi提供了PIXI.Application建构式方便我们建立。 let app = new PIXI.Ap 阅读全文

摘要： 后来知道也可以透过canvas让网页动起来！ 而PixiJS是使用WebGL在canvas上绘制内容与制作动态 且同时有下列特色： 支持多点触控 掩码与混合模式 可外加WebGL滤镜 多装置支持 等等，什么是WebGL(sxjlf88)？ WebGL是一种JS的API，让网页能不需使用外挂程序就能在 阅读全文

摘要： 没错，你没有看错，虽然前面说JS是原型继承，但在ES6以后新增了class关键字！！！ 不过底层实作仍然是以原型继承方式进行，所以基本上算是一个语法糖。 今天我们就来看一下如何使用吧！ class 首先先来看一个最简单的class例子。 class Person{ constructor（val）{ 阅读全文

摘要： 昨天有说明到函式与建构式的原型，及指定建构式函式原型为另一个建构式函式，但其实这会造成复写constructor的问题。 复写constructor的问题(vmwork) 我们昨天有提到「建构式函式可以透过.constructor来存取建立物件的函式以此来作类型检查。」，但是这个例子却会导致tric 阅读全文

摘要： 昨天有提到说Object.setPrototypeOf可以指定一个物件为另一个物件的原型，但有想过到底这个原型，也就是[[Prototype]]最终会到何处吗？ 答案是Object.prototype！ Object.prototype 在第一天有提到说「JS中除了原始型别以外的一切都是物件」。 所 阅读全文

摘要： 前两天说明面向对象的三大特性及JS不符合面向对象，只能称作支持面向对象而已，今天我们来看看JS的原型继承。 首先我们先来看，什么是原型(vmwork)： 两个物件之间的原型关系（prototype relationship）跟继承（inheritance）有关： 每个物件都可以有另一个物件作为它的原 阅读全文

摘要： 昨天讲了面向对象的继承，今天我们来谈谈多态和封装吧！ 多态polymorphism 抽象讲法解释，就是使用单一界面操作多种型态的物件 继承父类别，定义与父类别中相同的方法，但实作内容不同，称为复写（override）。 我们昨天已经确定了JS是用原型继承的方式实作面向对象继承的抽象概念。 上面我们也 阅读全文

摘要： 昨天在看Prototype看到JS支持面向对象，被前辈问到说那什么是面向对象？JS是面向对象语言吗？ 便开始了一连串艰辛爬文过程，今天就来看一下两者有什么差异吧(rgwyjc)！ 首先面向对象有三大特色，封装、继承及多态，这三个都是抽象的概念。 其中继承这个抽象的概念，是为了避免多个类别间重复定义了 阅读全文

摘要： 闭包是是纯函式语言的一个特性，也是JS的一个关键性的特色，虽然不了解也能开发程序，但我们不是这种人对吧？ 闭包不仅可以减少某些高阶功能的代码数量和复杂度，并且可以让我们做到原本无法做的复杂功能。听到这还不想认识他吗！ 那什么是闭包呢？它是一种数据结构，可以说是一种技术，能记住函式及函式被建立时当下环 阅读全文

摘要： 今天我们来说then一些特殊情况以及Promise.all（）与Promise.race（）。 我们都知道函式作为参数传入时，可以参照的方式传入，也能传入时执行拿回传值作使用： function useReference（cb）{ console.log（“useReference”）； conso 阅读全文