今天要來把即時投票系統跟SignalR連線囉！ 基本上跟塗鴉板也是差不多，但是投票系統應該需要自訂投票的選項和建立投票的種類，這個部份我們需要去設計物件來達成，...
現在我們來談談 by value 以及 by reference瞭解這個觀念是很重要的讓你在 debug 時能夠比較順利 先來看看 by value我們直接來看...
接續昨天的話題，今天我們要透過 ScriptProcessorNode 來實作變聲器。 如果讀者您不知道什麼是變聲器的話，可以參考： 這篇會涉及訊號處理的部分...
本文主要會談到情境切換、callback vs callback hell、控制權轉移、解決 callback 的信任問題的解法-分別回呼與錯誤優先處理。 ....
程式語言到底是如何讓電腦操作的？這章節都是背後做的事情，另外用自己的想法寫了同一篇故事。請多多指教。 編譯器理論 JavaSctipt 實際上是一種編譯式語言...
DAY28 React Redux 一家親 範例程式碼：https://github.com/max80713/react-30-days 有任何問題都可以在...
谷哥
‧
2018-10-29
JavaScript 有一個語法 with 似乎相對冷門，比較少看到被使用。 事實上連 W3Schools 的 JavaScript 教材 都沒有 with 語...
https://codepen.io/hereiscasio/pen/yRxWpb?editors=1010 Used UI Component ( #1 )...
昨天 Day13 我們已經把畫面區塊規劃出來了，今天要來把主畫面地圖畫好。 地圖畫面座標系 我們需要一個 xy 軸的二維直角座標系，這邊我的做法是把地圖切成...
我們現在要討論重要的觀念讓你能夠將 JavaScript 使用成其他程式語言無法匹敵的強大工具這概念稱為一級函數（first class functions）在...
本文主要會談到 事件迴圈 共時 事件迴圈（Event Loop） 開發者會利用函式（function）的方式將程式碼切成一個個片段，而這些函式執行的時機是...
不知不覺來到第十三天，在這段時間我們一起認識了許多 Web Audio API 的特色功能，也在過程中做出不少小玩具。如果目前玩過的功能都無法滿足讀者您，那最後...
DAY27 各司其職 - Container Component vs Presentational Component 範例程式碼：https://gith...
谷哥
‧
2018-10-28
https://codepen.io/hereiscasio/pen/dgKWEX?editors=1010 Used UI Component ( #1 )...
錯誤 這邊是語言的貼身教練，在你把文章打好，要放上去之前，教練會先對內容看看語句是否通暢。 句子 錯誤 好嗎你？ ReferenceError...
今天應該最後一篇塗鴉牆了，來講講畫版載入時同步的功能，在載入時必須和前面畫過的畫面同步，避免之後進來的人看到的畫面跟先進來看到會有不一樣的狀況，所以我們得做一個...
在其他的程式語言中 物件與函數是兩個不同的東西，但是在 JavaScript 裡 它們是非常非常相關的它們在很多情況下幾乎是一樣的所以讓我們來談談物件和函數 我...
經過昨天演算法的腦力轟炸，剩下的部分就顯得相對簡單了。我們來一鼓作氣完成它！ 先複習一下調音器預計要實作的流程 目前解決了最麻煩的 聲音 -> 頻率 這...
本文主要是探討 ES6 Class 的美好與陷阱。 ES6 Class 關於 ES6 Class，我們先再次檢視先前提過的 Widget 與 Button 範...
頁面佈局規劃 如同前篇遊戲 Tic Tac Toe 一樣，我們要來規劃一下遊戲的畫面，因為我希望我們貪吃蛇的遊戲在電腦上可以玩，在手機上也可以玩，所以我想要把遊...
這部分，克服ＪＳ奇怪的地方，真的講得很好。這邊先嘗試用不同方法解決書上開的難題。 請看懂這張表，就能快速了解這幾個章節。 等級越高的先抓。 同等級的看他是 從...
DAY26 Redux Store 現身 範例程式碼：https://github.com/max80713/react-30-days 有任何問題都可以在...
谷哥
‧
2018-10-27
https://codepen.io/hereiscasio/pen/ZqXVWN?editors=1010 Used UI Component ( #2 )...
事前聲明 在挑戰鐵人賽之前，其實我也完全沒有想過貪吃蛇要怎麼做，所以為了做這次的貪吃蛇遊戲，我找了一些資料。其中對我幫助很大的是墨雨設計吳哲宇老師在 hahow...
動態型別和強制型轉真的很有用嗎讓我們談談存在（exeistence）和布林（boolean）我打開開發者工具我使用內建函數有個布林內建函數可以轉換雖然不建議用內...
今天我們要幫塗鴉牆加上橡皮擦的功能，只能畫不能擦掉感覺真的是蠻奇怪的，當然擦的時候也要同時擦全部的畫版。 橡皮擦功能 這邊我在實作時，一開始是想到只有用透明色或...
上周我們用振盪器當音源，並用那時候玩到的的東西，做出可以設定基準音，可以調整定弦法，可以單獨撥放各弦單音的吉他定音器。 現在學會了怎麼取得麥克風音訊，我們來挑戰...
本文主要會談到 什麼是行為委派？和類別有什麼差異？行為委派的優點是什麼？模型比較？ 什麼是 OLOO？如何使用委派機制達到去類別化？如何撰寫更簡潔易懂的程式...
DAY25 動作了然後呢 - Redux Reducer 範例程式碼：https://github.com/max80713/react-30-days 有任...
谷哥
‧
2018-10-26
https://codepen.io/hereiscasio/pen/xyWppM?editors=1000 Used UI Component ( #1 )...
Homura
Jimmy
Gary
Summer
Tony Lin
OneJar
Casio
Taiming
iThome鐵人賽
看影片追技術