【學習筆記】React 边做边学（从零开始，包含Hooks）

重温 REACT Functional Component，本篇沒有完整結構，純筆記用途。

課程使用套件

• BULMA 樣式元件
• React Transition Group 動畫元件庫

 

容器排版

課程的主畫面排版由小到大依序由綠、黃、橙、紅高亮，配置如下：

綠色：Product 元件，在 Products 下，顯示產品圖片、金額和加入購物車等功能。

黃色：同位階有 ToolBar 和 Products 元件，在 ProductList 下，分別處理產品搜尋和產品清單的顯示。

橙色：同位階有 Header 和 ProductList 元件，在 APP 下，分別處理產品搜尋和產品清單的顯示。

紅色：APP，最大容器，主畫面是也！

My JSON Server -- 偽線上 REST 服務

開發 JavaScript 前端程式時，為了架設方便性，會使用類似 CodeSandbox 的前端線上程式編輯器進行測試，開發速度很快，對學習有加乘效果。

缺點就是在需要和後端 API 進行連結測試時，內部的 Web Server 往往還沒有在網際網路上公開，當然也就無法完整測試前端效果。這時就可以使用【My JSON Server】來模擬後端應用。

Delphi 10.4.1 對 DataSnap 相關修正一覽

Delphi 10.4.1 人品大爆發，大幅修正許多陳年臭蟲，讓人驚豔！以下是從官方網上文件節錄我覺得很有意思的修正項目。

倉頡五代！升級 Windows 內建微軟倉頡碼表 Win10 Win11 以上適用

 

作者：吳祐賓

 

 

在學習倉頡五代後，一直覺得微軟倉頡和新倉頡的倉頡四代碼表很不友善，一直到最近看到倉頡之友的【替換微軟倉頡碼表，盡享倉頡補完計劃的樂趣】，才知道原來微軟倉頡也可以更新碼表，終於能享受到輸入文字的樂趣了！

 

首先，本篇文章適用範圍：Windows 10 2004 版以上。

 

 

倉頡碼表下載點

 

倉頡三代補完計劃替換碼表下載地址：https://github.com/Arthurmcarthur/Cangjie3-Plus/releases

 
倉頡五代補完計劃替換碼表下載地址：https://github.com/Jackchows/Cangjie5/releases

 

 

安裝步驟

 

1. 任務管理器裏結束兩個Microsoft IME進程。
2. 進入 C:\Windows\System32\zh-hk 目錄，刪除
   
   • ChtCangjie.sdc
   • ChtCangjie.spd
   • ChtCangjieExt.lex
   三個文件（刪除前請備份），然後將此處提供的 ChtCangjieExt.lex，複製到該目錄。
   
   
   
   
   
   
   
3. 打開「包含香港增補字符集字元(HKSCS)」開關。
   
   
   

 

更多細節請閱讀補完計畫說明檔。

總結

 

使用倉頡補完計畫優點

 

• 字碼編排最貼近符合倉頡歷代改版標準。
• 可以使用倉頡五代輸入方式。
  

 

使用倉頡補完計畫缺點

• Z開頭的符號碼無法使用，只能使用微軟輸入法的符號快速輸入鍵輸入。 (20220904 MSCJData 版本已解決此問題)
• 由於微軟倉頡的排序邏輯寫死在程序中，與碼表沒有關聯。補完計畫在調整此問題已將部首、筆畫、兼容區字符移除，RIME 則無此問題
  

 

整體來說優點大於缺點，能暢快享受輸入文字的樂趣，在這邊分享給大家。