前情提要及動機 在 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文件共同編輯...
昨天我們一起認識了 Tone.js，並用最簡單的範例讓它發出聲音；今天就接著介紹 Tone.js 的幾項重點觀念或功能吧！ 節點關係 Tone.js 是建構在...
本文主要會談到如何使用工具來做基準化分析。 基準化分析（Benchmarking） 在做效能檢測時，我們會遇到什麼樣的干擾或不定因素呢？例如，引擎或系統的差異...
今天就是即時投票系統最後一篇了，讓我們努力把它完成吧！ 讀取投票資料 首先我們要把畫面改一下，一堆按鈕投票感覺很笨 投票畫面修改 我們這次不要一堆按鈕，改成把選...
前情提要 昨天 Day17 我們已經讓食物可以隨機產生，食物還會炫砲的發光，蛇也可以順利吃到食物，而且吃到之後身體會變長，速度會變快。 但是讓蛇這樣一直吃下去，...
區塊作為範疇 JavaScript 是有區塊範疇的喔!只是要挖深一點才會發現。 for (var i = 0; i < 10; i++){ con...
函數在被呼叫時執行環境被創造，同時創造變數環境、外部環境與特殊變數 this 時也會創造變數 arguments圖片來源：JavaScript 全攻略：克服 J...
昨天我們認識了一個專注在樂理上的套件 - tonal，並在最後展示了一個互動音樂的範例。 該範例是由 tonal 與一個知名的 Web Aduio 框架 - T...
本文主要會談到 web worker、SIMD 與 asm.js。 到目前為止我們只談論了如何有效的運用非同步處理模式，現在就來探討為什麼非同步處理對 Jav...
函數執行環境下 (Function Context) (續) 7. 回呼函數 (Callback Function) 裡的 this this 物件：視乎怎麼...
想一想，決定食物如何出現 俗話說，吃飯皇帝大，如果不吃東西，貪吃蛇就長不大，也跑不快，所以今天我們要來製作貪吃蛇的另一個重頭戲，就是食物。 首先，我們要來決定食...
今天我們要來做投票列表，概念跟Day11的上線名單一模一樣，忘記的可以去回顧一下，那麼我們就開始吧！ 建立列表HTML元素 我們先把voteMenu區塊設成顯示...
函數執行環境下 (Function Context) (續) 5. 顯性函數綁定之 call()/apply() 篇 (Explicit Function Bi...
源自函式的範疇 前一章的內容回顧，a 泡泡包著 b 泡泡。 你在 a 裡面，會看到 b 但是不能拿 b 裡面的東西。 function b(aa){ var...
https://codepen.io/hereiscasio/pen/ExYGOPr?editors=1010 Used UI Component ( #3...
https://codepen.io/hereiscasio/pen/RwbXVaR Used UI Component ( #3 ) #1 Progress...
陣列可以透過兩種方式來創建，先用第1種方式，我們直接來看程式碼： var arr1 = new Array(); arr1[0] = 1; arr1[1] =...
昨天結束了 Web Audio API 的部分，那麼我們的旅程又是全新的開始啦～ Javascript 的音樂相關套件其實不少，Github 上數千顆星星的比比...
本文主要會談到 promise 是什麼？promise 的錯誤處理、模式與限制。 ... ... promise 就是承諾（真的）。 callback 不能...
DAY30 React Tomorrow 新一代 React API — React HooksReact BlogReduxReact Router
谷哥
‧
2018-10-31
Taiming
Summer
OneJar
Casio
Lai
Jimmy
Tony Lin
Homura
Gary
iThome鐵人賽
看影片追技術