地下城3F-計算機 :
想說這任務應該不會太難吧(總是太天真)，但一但開始執行後，就會冒出好多好多問題
使用哪種方式切版？ GRID
使用哪種方式寫邏輯？ 就vue吧
使用哪種計算機比較符合這樣的UI呈現？ IOS 計算機
要如何輸入完後，取運算值和子來用？
要如何三位一撇？
以下來記錄這次的新收穫
…
..

簡述

我在這挑戰JS地下城1F-九九乘法中，使用陌生GRID以及HTML、CSS、JS將九九乘法表呈現出來去完成它．
以下簡述GRID…

1F原始檔、1F DEMO

|| 應用

How To Know I am at the very bottom side of document (用scroll 偵測到文件底部)
document.body.offsetHeight = window.innerHeight + window.scrollY

arguments 參數 、This、建構式

“THIS” 執行函式的時候就會產生，他是一個關鍵字

• 每個執行環境都有屬於自己的this 關鍵字
• this它的指向跟我們怎麼「定義」它沒有關係
• this 與函式如何宣告、建立沒有關聯性，僅與 「呼叫方法/執行」有關

! Content：Brackets []、Braces {}、Peratheses ()

Brackets [] - Character Sets

With a “character class”, also called “character set”, you can tell the regex engine to match only one out of several characters. Simply place the characters you want to match between square brackets []. 參考來源

! Content： Metacharacters Symbols

Metacharacters Symbols

^ => Caret means must start with
$ => Must ends with, could matched with a word
^$ => Must begin and end with
. => Matches any ONE character
* => Matches any character 0 or more times
? => Optionals Charater
\ => Escape character

! Content： 正規表示式、可用的方法

正規表示式

A regular expression is an object that describes a pattern of characters.
Regular expressions are used to perform pattern-matching and “search-and-replace” functions on text

首先先訂定一個pattern - /pattern/modifiers