頁面佈局規劃 如同前篇遊戲 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 )...
前言 談到經典小遊戲，除了圈圈叉叉遊戲之外，還有一個家喻戶曉的遊戲，就是貪吃蛇，雖然現在智慧型手機和各種遊戲機的遊戲越做越華麗，越來越炫砲，但是經典的遊戲終究還...
我們將運算子的優先性和相依性以及強制型轉 一起結合起來看，來解釋一些 JavaScript 看似奇怪的行為當我們討論時，你就會更瞭解更熟悉一些我們講到一些奇怪的...
嚴謹模式下你不能做的事 (續) 8. 不能對不可刪除的屬性 (undeletable properties) 使用 delete 運算子 一般模式下，dele...
今天要來做塗鴉牆第2部分，首先我們得想想該回傳些什麼，制定一個Json格式回傳回去。 前端部分 連接部分程式碼先寫好 var connection = new...
本文主要會談到 類別、建構子與實體。 什麼是原型串鏈？原型串鏈的功用是？ 什麼是原型式繼承？ 疑難雜症大解惑-如何分辨屬性是位於該物件或原型串鏈上的？如何分...
第七章的最後部分 四天弄下來，不管是 明確的、隱含的 還是相等性。已經是處在被問不倒的狀態。就算答錯，也能馬上意會，哪裡出問題。(阿不是問不倒？） 一句話回想四...
第十天，本系列文關於 Web Audio API 的部分也逐漸邁向尾聲。今天要介紹的是做頻譜分析、音檔視覺化必要的 AnalyserNode。 Analyser...
Day11 的文章介紹 JavaScript 中的嚴謹模式 (Strict Mode) 是什麼、如何使用、為什麼要用，並舉了簡單的例子來示範。 嚴謹模式 (St...
JavaScript 在語法的限制上很寬容，這是它容易上手的優點，不會在學習初期就用一堆語法規則打擊你。 但方便和安全永遠是一體兩面。 就像機場安檢，如果太過嚴...
DAY24 一個口令一個動作 - Redux Action 範例程式碼：https://github.com/max80713/react-30-days 有...
谷哥
‧
2018-10-25
https://codepen.io/hereiscasio/pen/mzKZzx?editors=1000 Used UI Component ( #2 )...
今天我們來實作一個共用塗鴉牆，其實之前看到Canvas的應用一直想玩玩看，但是一直都沒時間玩，剛好這次SignalR實作可以用到!XD 今天先做前端塗鴉的實作，...
Single Play機制 昨天完成判斷勝負功能之後，我們剩下最後一個功能，就是讓玩家可以跟電腦對弈，回憶一下 Day03 的時候，我們有設計一個 isSing...
運算子是一個特殊的函數但它和其他你自己寫的函數不同一般來說，運算子需要兩個參數來回傳一個結果讓我們看看例子 var a = 3 + 4; console.log...
延續昨天的話題，今天要來玩玩看麥克風收音！ 麥克風收音 收音也不是我們網站想收就能收的，要先透過 navigator.mediaDevices 的 getUse...
上一篇中，我們完成了一個簡單的Index頁面。今天，我們再加一些功能：1）在文章中設定是否為草稿，若是，則index不顯示，這可以透過GraphQL的filte...
本文主要會談到簡單的物件導向概念，作為後續「原型」（Prototypes）的暖身。 類別（Class）、建構子（Constructor）、實體（Instanc...
有沒有注意過 JavaScript 裡一個神奇的現象？ 比如以下程式： console.log(x); 執行結果： Uncaught ReferenceErr...
Taiming
Tony Lin
Casio
Jimmy
Homura
Gary
Summer
OneJar
Zack
iThome鐵人賽
看影片追技術