搞搞就懂

讓 create-react-app 產出的專案支援 IE 11

如何在 create-react-app 產出專案中依據建置環境來切分各自的組態參數

開發 API 常會透過 ValidationAttribute 來規範 Request Model 屬性的特殊要求，預設當這些 Model 檢核不過時會以 HTTP Status 400 狀態回應，此時若團隊已有規範通用性的回應結構來傳遞所有訊息狀態時，就必須捨棄原本機制並自行定義所需的 Invalid Model State 回應方式。

透過 StyleCop.Analyzers 來針對 .NET Core 專案代碼進行規範，避免個人寫作風格太過強烈。

紀錄將 .NET Core Application 部屬至 IIS 的步驟流程

透過 ngrok 轉發，將 host 在 localhost 的服務/站台露出至 Internet 中，省去 line bot 開發時需頻繁地佈署 Webhook 才能驗證功能的困擾。

本文說明如何在 SPA 網站中加入 Google Tag Manager (GTM) ，並且透過 GTM 將資料收集至 Google Analytics (GA) 來追蹤網站內各頁面的訪問流量。

透過 webpack 打包後的檔案為靜態頁面，所以只要能通過 HTTP 訪問到該頁面就夠，其中唯一可能發生問題的就是路徑問題，這牽涉到 webpack 的設定需要與其搭配；另外當 Router 是使用 History 模式時，就需要透過 web server 設定來執行 url rewrite 機制，確保訪問到正確的檔案。

本文將介紹 Vuex 的使用方式 ( 模組化 Store )，並且利用 Vuex 掌握全站讀取中的 web api 數量狀態，自動依據該狀態來自動呈現 loading 互動效果。

網站上線前一定會歷經各個測試環境 (sit / uat) 的試煉，因此需定義出符合各環境的各項參數值，本文提供兩種方式來搭配使用，應可符合絕大多數需要調整環境參數的情境。

針對第三方套件使用的合宜性來進行審視，並透過 async component 與 webpack 代碼分割功能來實現 Lazy Loading Routes 機制，讓打包後產出的 bundle 檔案能依照各頁面需求載入所需的代碼。

筆者在套用語系時，習慣將該 key 值對應的中文語系文字當作註解一併插入，但語系文字會經常被調來調去，此時註解在畫面的文字就會有不同步的情況；本文透過 C# 實作一個同步語系文字的工具，讓「語系檔」與「語系套用註解」永遠保持一致的狀態。

在填寫多步驟式的表單資料時，若需要在回上一步後顯示先前填寫過的資料，可以使用 keep-alive 標籤包裹，讓指定的步驟組件狀態被快取，輕鬆完成這類需求。

表單驗證是每個網站必備的工作項目，本文使用 vee-validate 實作表單驗證，並搭配 vue-i18n 語系檔來打造友善的多語系錯誤提示環境。

要讓網站也可以提供給外籍人士使用，不可免俗的需要多國語系的支援，因此本文透過 vue-i18n 來打造一個多國語系網站，並介紹基本的使用情境及用法。

當多數組件中有共同方法及物件是會被經常使用到的時候，絕對會希望抽出成獨立的方法讓所有組件重複使用，因此 Vue 提供幾個不同的方式來發便開發人員建立複用的機制，可以依照需求特性選擇作法。

在 React 16 版本後新增錯誤邊界 (Error Boundary) 的概念，新加入 componentDidCatch 組件生命週期方法來捕捉「子組件」錯誤，當邊界內層子組件發生不預期錯誤時，不會影響到邊界外層父組件；當然也會有一些限制存在，本篇文章來針對 Error Boundary 進行說明。

在開發具有登入功能的網站時，各功能頁面將所屬不同權限用戶使用，因此進入頁面前都需進行權限檢核；這篇文章將在 React Router 4 版本中實作一個符合基本需求的 PrivateRoute 組件，讓用戶在切換路由時進行權限的檢核，達到頁面功能權限控管的需求。

透過電子郵件中的圖片作為電子郵件讀取紀錄的發送管道。

在透過 NLog 記錄 Exception 錯誤至 DB 時，當有其他「額外」資訊需要一併紀錄到「獨立」欄位時，可以利用自訂 Event Context Layout 來自行決定需輸出的欄位資訊，讓錯誤訊息清楚地呈現在每一筆 Log 資料的特定欄位中，對於錯誤釐清與各項資訊交叉比對都較為方便。