Day 28 - 做個刮刮樂 昨天介紹了可以追蹤手位置的套件,今天用來做一個刮刮樂效果吧! 實作 要實作刮刮樂效果,需要兩個 Canvas,其中一個是最後想呈現...
經過重構之後我們終於可以回到「後加入的玩家看不到之前玩家」的問題,這個問題源自於我們在玩家加入時並沒有發送任何資訊給新加入的玩家「線上有多少人」 處理的方式我們...
本日閱讀進度:第13章 使用原型(563~580頁) 重點摘要: 原型是什麼?JavaScript物件可以從其他物件繼承屬性和行為。具體來說,JavaScri...
一路上感謝各位讀者們的支持和回饋。本 30 天系列文目前已經將篇幅重新整理、編纂成冊。《JavaScript 概念三明治》在天瓏書局上架囉!喜歡這個系列,想閱...
28 - Video Speed Controller 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? s...
Day 28 你!就是你。那個最後一個戴黑帽黑衣的站出來!你認識那位排在前頭和你穿ㄧ樣的俠客嗎? 昨天我們介紹了indexOf(),今天要來介紹和它算是一對...
一路上感謝各位讀者們的支持和回饋。本 30 天系列文目前已經將篇幅重新整理、編纂成冊。《JavaScript 概念三明治》在天瓏書局上架囉!喜歡這個系列,想閱...
熟悉測試的讀者可能知道,自動化測試可以大致分成幾個不同的層級: 單元測試(Unit Test):只測試一個「單元」,通常是一個 Function 或一個 Cl...
這次的題目如下:給定一個包含多個數字的陣列和一個目標值,然後從陣列裡面找出兩個數,兩個相加正好等於該目標值,要注意數字不可以被重複使用,陣列裡也可能有多種組合相...
前言 轉生第二十八日,這一篇將會介紹 ES6 的 forEach 以及 for...of forEach ES6 其實幫助我們許多開發上的簡化,當然迴圈的功能也...
Cookie 和 Session 這兩個名詞,相信大部分的開發者都不會太陌生,特別是 Cookie,從社群網站、電商平台、Google Analytics 分...
閱讀本篇文章前,仔細想想看 迭代器(Iterator)與聚合物(Collection)的差別在哪? 迭代器模式要如何實踐?實踐的目的為何? 什麼是多型巡訪...
前言 今日進行 AJAX 的觀念以及簡單的操作 AJAX AJAX = Asynchronous JavaScript And XML = 使用非同步資料請求...
[程式碼&DEMO] [HackMD完整筆記] 目標 實作滑鼠點擊後,能夠左右移動捲軸的效果。 步驟流程 STEP1 取得頁面元素與宣告變數...
隨著影像辨識及機器學習的進步,tensorflow 也推出了瀏覽器版本,讓使用者可以在瀏覽器中使用模型及訓練,也因此為互動上帶來更多可能,但對於機器學習沒有經驗...
本日閱讀進度:第12章 高階物件結構(536~553頁) 重點摘要: 將引數改寫成物件字面假設在建構程序中有許多參數,會變得難以閱讀和維護。這時可以將所有引數...
一路上感謝各位讀者們的支持和回饋。本 30 天系列文目前已經將篇幅重新整理、編纂成冊。《JavaScript 概念三明治》在天瓏書局上架囉!喜歡這個系列,想閱...
在上一篇我們注意到客戶端的邏輯如果都放在同一個檔案(SimpleRPG_Map.js)裡面是相當混亂的,因此我們需要稍微區分不同的職責來處理。在前面提到的 Un...
27 - Click and Drag 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? small ste...
Day 27 那一排,都是穿黑衣戴口罩的,去幫我找出搗亂的。抱歉,我只能給你 -1 因為連我們偶爾都會穿黑衣戴口罩。 終於,我們要進入ECMAScript...
前言 轉生第二十七日,這一篇將會介紹 ES6 的箭頭函式 箭頭函式 身為一名工程師,其實如果能夠打少一點字當然是好事,ES6 就是為了幫助我們加快開發速物而定義...
今天我們要解的題目是 Ransom Note,題目內容如下: 先給定一段句子或是文章,之後再給出一個比較短的句子,若該句子的單字都能從一開始給的文章文章擷取出來...
隨著 Node.js 的問世,前端開發者的觸角也逐漸蔓延到後端,甚至透過 Electron.js 這類強大的套件,也可以製作出完整的桌面 GUI 應用程式;藉...
前言 今天來說明一些跟瀏覽器有關的功能 BOM BOM = Browser Object Model = 瀏覽器物件模型 BOM 是屬於瀏覽器的功能,與網頁不...
閱讀本篇文章前,仔細想想看 泛用類別與泛用介面結合時的注意事項為何? 如果還不清楚可以看一下前一篇文章喔~ 其實筆者在泛用方面的型別推論與機制並沒有討論很...
26 - Stripe Follow Along Nav 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript?...
今天要來講講錯誤處理的部分,先讓我們來想想在網頁上是如何進行錯誤處理的。只要服務有持續在運行,就一定要假設錯誤是會發生的,包括網路發生問題、資料庫發生問題、流量...
本日閱讀進度:第12章 高階物件結構(521~535頁) 重點摘要: 物件建構程序在之前第11天~第13天的文章曾經介紹過物件,當時建立物件的方法,稱為「物...
昨天做出來了基本的雛形,今天就來完善吧,目前比較嚴重的問題是在移動的時候,字體是可以被移出去邊界外 為了解決這個問題, fabric 提供了很多事件可以讓我們...
在我們將加入地圖的指令處理完畢後,我們就能夠收到來自其他玩家的「加入」資訊,也就能夠呈現其他玩家在地圖上並且做出反應。不過原本 RPG Maker 所支援的只有...