主題
前言：
製作這個時的筆記：
想做個有後臺編輯功能的個人網站(類似巴哈小屋擴充版)，雖然是個人網站，但擴充一下也可以變成論壇啦@@...主要需求：類似於巴哈小屋有後臺功能，能po創作、能訪客留言。外加同篇文章能分各語系編輯、能貼上程式碼的文字編輯器。之前用wordpress搞多語系有點煩，乾脆自己寫一個，還能玩蝦趴特效
原生js方法引入
同場加映：
demo中使用者按滑鼠左鍵加一節，按滑鼠右鍵刪一節。
模糊效果、css變數[取消瀏覽器滑鼠右鍵跳出的選單][區分按下滑鼠左右鍵]
將變數宣告在(網頁)root，js可以用root.style去取得內容。
缺點是套用相同css類別的物件會一起被模糊：
作法2：不使用css類別，改用inline style並搭配react useState
js的FixedUpdate
例：js方法執行到update()，並在update方法裡面用requestAnimationFrame()傳入update方法。requestAnimationFrame會在等待約1/60秒後呼叫update方法，使其變成一個永動loop，類似於unity的FixedUpdate()。
後記：
下篇文章大概是講解firebase讀寫rule權限、react component之類的目前做到多語系文章編輯：
。不過React比JQuery在DOM上的操作比較優化
