2020/10/28

【學習筆記】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】來模擬後端應用。

2020/10/15

Delphi 10.4.1 對 DataSnap 相關修正一覽


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

2020/10/10

Windows 10 升級 2004 版後更換微軟倉頡碼表

 

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

 首先,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
    三個文件(刪除前請備份),然後將此處提供的 ChtChangjieExt.lex 重新命名為 ChtCangjieExt.lex,並複製到該目錄。

  3. 打開「包含香港增補字符集字元(HKSCS)」開關。

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

總結

使用倉頡補完計畫優點

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

使用倉頡補完計畫缺點

  • Z開頭的符號碼無法使用,只能使用微軟輸入法的符號快速輸入鍵輸入。

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