https://codepen.io/hereiscasio/pen/dybLbVd?editors=1010 Used UI Component ( #3...
https://codepen.io/hereiscasio/pen/gOYEXjM?editors=1000 Used UI Component ( #1...
https://codepen.io/hereiscasio/pen/eYOomxO?editors=1010 延續昨天的程式碼，今天專門介紹 Vue-port...
https://codepen.io/hereiscasio/pen/eYOomxO?editors=1010 Used UI Component ( #1...
https://codepen.io/hereiscasio/pen/dybrvBV Used UI Component ( #0 ) UI 圖來源見此 Di...
https://codepen.io/hereiscasio/pen/eYYOYVJ?editors=1010 跟之前做的 Google Alert 一樣，今...
Function Factories 是透過呼叫執行一個函數，這個函數執行完會回傳另一個幫我們做事的函數 ， 我們先來看看之前提過的一段程式碼： functio...
https://codepen.io/hereiscasio/pen/BaBMYEj Used UI Component ( #1 ) #1 Buttons:...
https://codepen.io/hereiscasio/pen/gOYVXVy 為什麼說這個 Toolbar 特效很難？難就難在如何以既有的 Vuetif...
旅程走到這邊，也逐漸認識 Tone.js 這個音樂框架了，是不是有種相見恨晚的感覺啊 XD 但也是因為我們先在 Web Audio API 上走過一圈，熟悉了模...
本文主要會談到 ES6 新增的熱門語法，包含以區塊為範疇的宣告、分散與其餘運算、預設參數值、解構、物件字面值擴充功能、範本字面值、箭號函式。 以區塊為範疇的宣...
前言 終於到了這次鐵人賽最後一個遊戲，經歷一番東挑西選及天人交戰之後，最後選定了這個遊戲，記憶方塊(Memory Blocks)。 這個遊戲也是很經典的童年回憶...
Scope 幾乎所有的程式語言都能設變數並且儲存值，之後我們可以從變數取值或是修改變數的值，這種利用變數儲存值，可供我們使用的機制，讓程式語言的執行過程中，保留...
前面 Day15 ~ Day18 舉了很多例子來剖析傳統函數在各種情境下的 this 物件。 過程雖然眼花繚亂，但有一個大原則：看呼叫時的物件是誰。不是看定義的...
https://codepen.io/hereiscasio/pen/MWgLONL?editors=1000 Used UI Component ( #0...
閉包 (Closures) 是要瞭解 JavaScript 的重要觀念，我們已經知道呼叫函數會將函數的執行環境放進執行堆中執行，，在函數被加進執行堆上方，在執行...
模組 標準模組可以這樣做 function CoolModule() { var something = "cool"; v...
今天就來探索 Tone.js 的核心功能 - 合成器 回顧一下這幾天一直使用的範例： const synth = new Tone.Synth().toMast...
沒想到昨天光完成前端的部分就花那麼多時間，看來這次實作比上次難了不少，大概是因為沒使用套件的關係吧！XD 那麼今天就來做signalR同步的部分吧。 資料Bin...
前情提要及動機 在 Day11 的功能構想中我們有提到，雖然到昨天 Day19 整個貪吃蛇遊戲已經很完整了，但是有一點美中不足的地方，就是透過手機開啟這個遊戲的...
本文主要會談到如何在 JavaScript 快速演進的狀況下，漸進的適應新功能？來嘗試 Transpiling 與 Shims/Polyfills 吧。 .....
昨天的文章我們介紹到傳統 JavaScript 對於函數定義的語法有 4 種寫法。 懶人包支援： 宣告式 (Function Declarations) 匿...
標題只是嚇嚇你而已 (毆)。 (Source: 網路圖片) 函數 (Function) 是程式編寫非常重要的一環。 大多數常見程式語言的函數定義都是一套語法格式...
https://codepen.io/hereiscasio/full/XWryZQO Used UI Component ( #3 ) #1 Tooltip...
在網頁互動中，經常可見滾動觸發事件，今天來試試看吧 最近在一個專案中需要監聽網頁 Scroll 事件，用以觸發元素的移動。學習了JS Scroll 事件，今天來...
昨天 Day18 我們已經準備好 isGameStart 參數來幫助我們做今天的重新開始按鈕。首先，我們需要先來製作一個按鈕，這個按鈕我想要直接蓋在遊戲地圖的正...
我們再來分別看一下函數陳述句與函數表達式，函數陳述句如下： // 函數陳述句 function greet(name) { console.log('Hel...
這是 JavaScript 惡名昭彰的東西之一，閉包 ( closure )。Tony 將會跟你說要抓到最重要的兩個重點就好！ 頓悟 這邊請當故事看，說明閉包真...
a = 2; var a; console.log( a ); 這應該會回傳 undefined 吧！NO，是 2。 console.log( a ); va...
有沒有覺得第一次看到Google共用編輯文件很好玩，它把類似Excel功能搬到Web上，然後又能共同編輯，我們這次就是要來模仿做一個類似GOOGLE文件共同編輯...
Casio
Jimmy
Gary
Summer
Taiming
OneJar
Tony Lin
Homura
Lai
iThome鐵人賽
看影片追技術