2020/08/27

【React 開發】用 DevExtreme 打造高效能的 Web 應用程式

 

作者:吳祐賓

 

 

DevExtreme 學習心智圖

 

DevExtreme 是個很適合做後台的函式庫,官方的說明文件寫得很齊但也很零碎,整理文件後再繪製成心智圖方便學習。

 

 

本文內容參考來源:Create a DevExtreme Application

 

如果你使用 DevExtreme 模板從頭建立專案。它是個帶有導覽列和數個支援響應式佈局的展示視圖之簡單應用程式。

2020/08/21

Destructuring assignment at REACT Function Component

 

React 學習時一定要記得一個概念,它就是 JavaScript,不管看到什麼,或是沒看到什麼,它就是 JavaScript,而且是支援最新標準的 JavaScript。

為什麼會這樣說?是因為要有 ES6 的概念,看 React 程式碼才有機會看懂!例如,今天要說的主題:【解構賦值(Destructuring Assignment)】。

2020/08/19

用 REACT 思考 -- 使用 Function Component

 

React 的核心概念是【物件】,學了它好一陣子,一直感受到 React 的 Class Component 受制於 JavaScript 語法糖框框是一種半吊子的解決方案。

在 REACT 16.8.0 開始支援 HOOKS 後,Function Component 這種貼近 JavaScript 設計概念的正規作法終於獲得改善,HOOKS 也是源自 Class Component 的提取,也有更多的改善之處,除此之外,有沒有更加地好學、好上手,我想才是支援 HOOKS 後所需要關心的地方。

2020/08/14

Delphi WebBroker: Preventing CSRF with SameSite Cookie

 

前陣子在陪好友練習 Cookie 操作時,無意間發現瀏覽器跳出一個奇怪的警告訊息:

 

一查才發現,原來是瀏覽器為了防止 Cookie 被偷,偷偷改了規則!現在對 Cookie 裡面的 SameSite 這個屬性管得更嚴,Chrome 80 (2020 年) 以後的版本。如果你後端的 Delphi WebBroker 應用程式沒設定好,Cookie 可能會出問題,網站功能就直接當掉!

 

若現在不理它,未來可能會被瀏覽器無視,所以先來了解要如何解決。

2020/08/08

跨來源資源共用CORS處理方式(一)

 

寫對外公開 WebAPI 時,會因為瀏覽器安全性的關係而禁止非同源存取。

如以下範例: