今天來介紹隱含的強制轉型。隱含強制轉型，就是 JS 在一些運算上，自動幫你做轉型。如果再不明白背後運作的原理，的確會用到滿肚子怒火。 隱含的強制轉型 (impl...
今天要來個小型的實作一個連線名單，連線名單可以讓你知道目前在線的人有誰(廢話)，之前的範例都是在進入時傳送訊息給所有人，如果是中途進來的人，是無從得知目前有哪些...
勝負判斷分析 昨天完成了 row 方向和 column 方向的勝負判斷，今天我們要來完成右斜和左斜方向的勝負判斷，我這邊先把這兩個方向命名為 forwardSl...
https://codepen.io/hereiscasio/pen/QZrBpP Used UI Component ( #2 ) #1 Text fiel...
關於物件，本文會提到 語法：宣告式與建構形式。 型別：再次複習 typeof、使用 instanceof 判定物件子型別。 內容：屬性值的存取、物件的複製（...
讓我們來講講另一個概念,JavaScript 中的型別,Javascript 很特殊，不同於其他你可能正在使用的程式語言,特別是在變數的資料和型別的部分,以及...
先談談明確的強制轉型，和一些看似明確，但只有知道才能當明確再用。明不明確，是看程式碼的人的程度決定的事情。 明確的強制轉型 Explicit Coercion...
音效處理節點玩了不少，今天就來看看一直忽略的音源部分能玩出什麼變化吧！ 振盪器 Oscillator 到目前為止，前面所有的範例，音源都是透過 const os...
前幾天的文章談到各種等級的 Scope 效果。 懶人包支援： 在 JavaScript 裡，有 3 種等級的作用域： 香港喜劇天王星爺——Function...
Vue 的計算屬性會在有關的資料產生變化時觸發 callback 函數更新屬性值，而監聽器則是以監聽單個資料變化為主，當監聽的資料產生變化時會觸發 callba...
DAY22 彈跳視窗 - Portal 範例程式碼：https://github.com/max80713/react-30-days 有任何問題都可以在 Y...
谷哥
‧
2018-10-23
上一篇中，我們用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
Tony Lin
Homura
Taiming
Casio
Summer
Jimmy
Gary
OneJar
Peter Chen
Zack
傑瑞林
iThome鐵人賽
看影片追技術