原创 Angular 環境配置 如何使用環境配置 優化Tree-Shake 結論

如何使用環境配置 在實際開發中,總是需要針對不同的環境設定不同的參數,Angular 提供了一種應用環境機制,當使用 ng new 構建一個新項目時默認會在 src/environments 目錄下針對開發環境與生產環境(environme

原创 Angular 如何處理未可知異常錯誤

寫在前面 代碼寫得再好,始終都無法完整的處理所有可能產生異常,特別是生產環境中的應用,很大一部分是數據來自用戶、遠程,很難保證所有數據都按程序規定的產生。事實上,除非測試人員發現或者客戶報告,否則都無法得知。因此,將應用產生的未可知異常進而

原创 小談 ng deploy 的實現

Angular CLI 在 8.3.0 發佈過一個新命令 ng deploy,可以將 Angular 應用部署到遠程服務器或雲存儲上面,例如:Firebase hosting、Azure、GitHub pages 等等,這也是算是 Angu

原创 淺談Angular Cli Schematics 寫在前面 指令類型 執行原理 任務器 Angular.json 總結

寫在前面 Schematics 是前端開發工作流工具,例如:創建一個組件、變更配置項至當前項目。並且不限制任何語言環境;雖然如此,但 Schematics 目前依然只能依賴 Angular Cli 來運行相應的命令行。 本文是在重構 ng-

原创 ng-alain 與 .net core 搭配 寫在前面 一、構建項目 二、編寫後端 三、編寫前端 四、部署 五、總結

寫在前面 鑑於很多使用 ng-alain 都以 .net 爲後端,以下我將以一個示例來描述 ng-alain 如何同 .net core 一起開發。示例以單箇中後臺項目爲基準,對於多項目的應用大體相同,但整體目錄結構當然不能以單個項目了,更

原创 淺談Angular網絡請求

在Angular網絡請求是一個最常見的應用之一,下列我將以 ng-alain 項目爲基礎描述 Angular 網絡請求。 注:示例中代碼都以簡化的形式出現。 寫在前面 Angular發起一個請求再簡單不過即使用 HttpClient 類

原创 Angular代碼風格

寫在前面 自身的良好編碼風格只能律己,而無法律人;我喜歡 Angular 其中主要一個因素是有一整套的工具及風格指南,它可以極大的簡化團隊開發溝通成本,但是有些小缺失例如在編碼風格上官方只提供 TypeScript 的部分,對於其他文件並沒

原创 淺談Angular Cli Schematics

寫在前面 Schematics 是前端開發工作流工具,例如:創建一個組件、變更配置項至當前項目。並且不限制任何語言環境;雖然如此,但 Schematics 目前依然只能依賴 Angular Cli 來運行相應的命令行。 本文是在重構 ng-

原创 Release ng-alain 2.0

從計劃2.0開始足足進行近四個月,其中發佈過八個版本。當初給2.0做的願景基本上達到要求,當然一切都還是那句話:【讓開發者更加專注於業務】。 ng-zorro-antd 提供的大量的基礎組件,當你熟悉這些組件以後,開發 Angular 會是

原创 ng-alain 與 .net core 搭配

寫在前面 鑑於很多使用 ng-alain 都以 .net 爲後端,以下我將以一個示例來描述 ng-alain 如何同 .net core 一起開發。示例以單箇中後臺項目爲基準,對於多項目的應用大體相同,但整體目錄結構當然不能以單個項目了,更

原创 淺淡 RxJS WebSocket

引言 中後臺儀表盤是一個非常複雜,特別是當需要全面屏運用時,數據的實時性需求非常高。WebSocket 不管在什麼環境中使用其實都是非常簡單,各現代瀏覽器實現標準都很統一,而且接口也足夠簡單。 即便是在 Angular 也是如此,只需要簡單

原创 如何更好使用 ng-zorro-antd 圖標

自 ng-zorro-antd 1.7.x 以後圖標發生破壞性變更,雖然帶了諸多優勢,同時也帶來幾個劣勢: 若採用動態加載會產生額外的HTTP請求 若靜態加載需要逐一註冊圖標 st 組件的 format 參數無法直接指定圖標 ng-a

原创 更友好的管理VSCODE代碼片斷

寫在前面 對於我這種嚴格依賴 VSCODE 的人來說,會更努力的尋找釋放生產力的方式,而代碼片斷是我日常最常用的功能之一。 從官網的 Creating your own snippets 可以非常容易的構建自己代碼片斷庫。然而維護一個需要保

原创 使用 ng-packagr 打包 Angular

寫在前面 爲了讓 Angular 類庫應用範圍更自由,Angular 提出一套打包格式建議名曰:Angular Package Format,包括 FESM2015、FESM5、UMD、ESM2015、ESM5、ES2015 格式,不同格式