昨天我們一起認識了 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
語彙分析時期 上一章節 compiler 做的第一個步驟，就是語彙分析 ( lexing )。( 拆單字 )。語彙分析會做的事: 檢視原始碼字元 指定語意 (...
今天繼續把投票系統沒做完的做完吧，上一篇我們是從後端建立一個新的投票，今天我們要做成改成前端建立投票，然後讓大家進去投票，這個部分有點長，所以也是拆成2偏來講。...
昨天我們已經讓蛇的頭部可以動起來，並且可以接受方向鍵的操作來改變方向。接下來我們要讓這隻蛇有身體，讓他成為一條名符其實的蛇。 前情提要 在 Day12 - 貪吃...
https://codepen.io/hereiscasio/pen/VVYpNb Used UI Component ( #0 ) UI 圖來源見此 Dis...
Day 16 物件、函數與「this」 當函數被呼叫時執行環境會被創造，也會替我們創造變數環境 圖片來源：JavaScript 全攻略：克服 JS 的奇怪部分...
不知不覺這旅程也到一半了，讓我們稍微回顧一下目前我們聊到的東西吧。 Live Demo 在開始之前，讀者您需要準備好開發環境，並對 Javascript 的語...
函數執行環境下 (Function Context) (續) 2. 簡易呼叫 (Simple Call) this 物件： 一般模式下：Global 物件。...
https://codepen.io/hereiscasio/pen/mzvMdy?editors=1010 Used UI Component ( #3 )...
DAY29 React Router 範例程式碼：https://github.com/max80713/react-30-days 有任何問題都可以在 Yo...
谷哥
‧
2018-10-30
今天驟聞武俠大師金庸查先生逝世的消息，身為一位超過二十年的金迷，實在難以表達心中的難過。在此偷渡對一代文學大師的懷念，聊表追思，紀念這個對華文世界影響至深之偉...
有了地圖之後，我們就可以開始讓蛇在上面爬了，今天我們的目標是畫出蛇的頭，並且可以操控他在地圖上跑來跑去。 新增蛇的物件 首先我們先來新增一個蛇的物件 const...
Gary
Summer
Homura
Taiming
Tony Lin
Jimmy
OneJar
Casio
iThome鐵人賽
看影片追技術