上一篇中，我們用GraphiQL測試了GraphQL的查詢。今天，我們就要用這些查詢來打造一個Index頁面。 YouTube 影片 加入GraphQL 打開...
https://codepen.io/hereiscasio/pen/ZmYyYK?editors=1000 Used UI Component ( #2 )...
本文主要會談到 this 是什麼？判斷 this 的值的四個規則與例外。 語彙的 this，這裡會提到箭頭函數中的 this 的不同之處。 this 是什...
勝負判斷分析 窮舉法 在 3x3 的圈圈叉叉遊戲中，獲勝的組合只有 8 種，以上圖為例，每個格子裡面的數字代表 block id，我們窮舉出所有獲勝連線： /...
接著昨天的話題，今天就來玩玩 PannerNode 及 AudioListener，並在最後做出一個可以藉由拖拉控制位置的程式應用範例～同樣的，由於是立體音效，...
我們已經討論過 JavaScript 的同步性(逐字逐行執行) 那非同步回呼（asynchronus callbacks）是什麼? 非同步表示在一個時間點不只執...
Gatsby提供了一個叫做 GraphiQL 的工具，幫助我們測試網站上的GraphQL查詢。GraphiQL提供一個可視化界面，讓我們可以直觀地看到查詢的結果...
DAY21 突襲檢查 - Prop Types 範例程式碼：https://github.com/max80713/react-30-days 有任何問題都可...
谷哥
‧
2018-10-22
不知道有沒有人有這樣的經驗，寫了一段 javascript 自己測試覺得沒問題，但放上線卻整組爛光光，最後 debug 很久才發現原來是自己的程式污染到 Glo...
到目前為止，我們伸縮自如的圈圈叉叉遊戲已經很像樣了，但是目前判斷勝負的工作還是需要玩家自己來判斷。我們希望電腦可以幫助我們判斷勝負，這樣就不用自己在那邊算自己是...
https://codepen.io/hereiscasio/pen/WaqpQq Used UI Component ( #1 ) #1 Sheets 今天...
本文主要會談到 閉包是什麼？有什麼功用？ 迴圈與閉包搭配使用時的謬誤與陷阱。 模組模式是什麼？ 如何管理模組？探討模組依存性載入器/管理器與 ES6 模組。...
如果函數在自己的執行環境裡的變數環境中找不到變數的值會往外部環境找，外部環境會參照到函數本身的詞彙環境(程式碼寫在哪裡)，如果找不到會再往範圍鏈上去找，直到全域...
以下會用到 Pug 套件，請去安裝 pug套件，可參考： 從頭開始用 Laravel 來做CRUD -12- 架設 - npm - pug 重點： pr...
今天要來介紹 Web Audio API 裡的 StereoPannerNode。由於是立體音效，內文中的範例及程式Demo，都建議佩戴耳機聆聽，效果比較好喔！...
上一篇中我們準備好了Markdown、post template，以及相應的一些GraphQL query，今天就要使用Gatsby提供的createPages...
DAY20 三個願望一次滿足 - Render Props 範例程式碼：https://github.com/max80713/react-30-days 有...
谷哥
‧
2018-10-21
Things We need to discuss How to do Functional Component Composition Thinking...
這一篇藉由一個小小的例子來看我們上一篇安裝完的套件功能 編輯一個 testutil.js 檔案 啟動 Emacs 來編輯一個 testutil.js 檔案，如果...
洋蔥
‧
2018-10-21
在 Day05 我們已經把該有的事件都做得差不多了，接下來我們希望把圈圈元件和叉叉元件加上去，讓我們點擊下去的時候，1會顯示圈圈，-1會顯示叉叉。 這邊先講一下...
上一篇文章介紹了傳統 var 關鍵字宣告變數的缺點。 懶人包支援： 語法允許重複宣告 (Re-Declaring) 不支援區塊作用域 (Block Scop...
這部分會出現比較多重複的詞。最後就把他列成表格了。 這章節的主要重點 確認個別的 Native 是否適合或一定要作建構器。 雖然不適合，但有哪些部分適合借用...
函數呼叫(Function Invocation)與執行堆(Execution Stack) 全域執行環境被創造並執行時是放到執行堆去執行的，圖片來源：Java...
本文主要是比較動態範疇與語彙範疇的差異。 動態範疇（Dynamic Scope）vs 語彙範疇（Lexical Scope） 前情提要，先前提過範疇是指編譯器...
接著，今天就來把定音器完成吧！ 依照昨天立定的計畫： 練習做出 可調整基準音 + 可設定調弦法 + 分別撥放單弦聲音 的吉他定音器。 開始依序完成吧！ 基準...
Gatsby可以以Markdown作為資料來源自動產生頁面，這讓我們可以輕易的建立Blog之類的網站：寫blog只需寫markdown。 YouTube Vid...
長久以來 JavaScript 宣告變數所用的關鍵字 (Keyword) 都是 var。 大家已經非常習慣，甚至在 let 和 const 導入這麼久之後，仍時...
DAY19 做個計時器 - HOC 範例程式碼：https://github.com/max80713/react-30-days 有任何問題都可以在 You...
谷哥
‧
2018-10-20
https://codepen.io/hereiscasio/pen/wQvVzP?editors=1000 Used UI Component ( #5 )...
強制轉型，這是進入 JavaScript 陣營後，需要防守的重要一環。尤其是隱性強制轉型。在不了解的情況下，相當捉模不定，重點還是玩遊戲的規則呀。 ToStr...
Zack
Casio
Summer
Taiming
Gary
Jimmy
傑瑞林
OneJar
Tony Lin
iThome鐵人賽
看影片追技術