當呼叫函數時執行環境會被丟進執行堆最上方執行，函數的執行環境中我們已經知道也會有變數環境、外部環境、以及特殊變數 this ， 在全域環境中我們不管是透過函數陳...
昨天我們聊到的 Tone.js 的強力功能 - 排程播放，那麼就來玩玩看許多高手前輩都做過的 音序機 吧～ Sequencer 音序機，顧名思義，就是能夠把聲音...
第一個入門 JS 的實作學習目標 上一篇我們完成了 Todolist 的畫面，接著我們要開始操作它。主要會有三個方法。 觸發事件(當加號被點擊) 新增待完成...
總結鐵人賽這 30 天的想法與感謝。 一些想法... 看過一些 JavaScript 書籍好的其實我看的書不多，像是 JavaScript Info、Java...
昨天 Day21 我們已經說明了我們所需要的物件以及規則，為了要實現這些功能及規則，我們要來規劃我們需要哪些參數來幫助我們實現。 跟前面一樣，我們使用 crea...
今天文章輕鬆一點，來介紹一個簡單的 ES6 新特性：Enhanced Object Literals。 什麼是物件實字 (Object Literals) 平常...
3. 顯性函數綁定 (Explicit Function Binding) 3.1. Function.prototype.bind() 篇 傳統函數 Func...
昨天我們做到能互相傳遞編輯的文字，今天我們要來實現上線的名單吧！ 建立上線名單 首先我們來做一下上線名單的樣式，Day11一個Select元素裝進去太醜了，這次...
This 的動機與用處 先試試看能不能了解 this 的意思吧。 function identify() { return this.name.toUp...
https://codepen.io/hereiscasio/pen/GRRKdxb 我們可能都遇過有些特殊的響應式設計情境或細節，需透過 JS 處理會更好，...
https://codepen.io/hereiscasio/pen/VwZRmwy?editors=1010 Used UI Component ( #1...
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...
Jimmy
Gary
Lai
Summer
Taiming
OneJar
Homura
Tony Lin
Casio
iThome鐵人賽
看影片追技術