語彙分析時期 上一章節 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...
今天要來把即時投票系統跟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 範...
Tony Lin
Homura
Taiming
Casio
Jimmy
Gary
OneJar
Summer
iThome鐵人賽
看影片追技術