由於經手的專案中經常有機會使用Angular框架,過程中累積了一些前端專案的開發心得,想在此跟大家做個整理與分享。從開始一個新專案的檔案結構介紹,再以官網的範例專案搭配自己常用的前端開發工具帶大家了解Angular專案基本的開發流程。
前言 租賃代管業務中除了租戶管理,租賃物件本身宣傳廣告也是很重要的需求,為了吸引顧客上門,客戶要求提供一個元件給他們維護物件的資訊,廣告格式有, 文字敘述 -...
前言 上一篇使用 *ngComponentOutlet 的方式來動態產生元件,本篇要跟大家分享的是 ViewContainerRef,在程式中產生元件實體後再嵌...
前言 路由是 Angular 裡很重要的部分,以前的網頁技術 MPA 透過改變 url 對 server 發起頁面需求來達到換頁的效果,而所謂的 SPA 單頁應...
前言 大型網站應用程式專案由於功能較多,如果一開始就把全部的頁面或功能模組引入根模組,使用者體驗會因為初次進入畫面時間過久而降低,為了解決這個問題,延遲載入模組...
前言 登入功能也是一個網站應用專案中很重要的一部分,由於一般情況下只有在使用者登出或者登入的 token 過期的時候才會回到登入頁面,因此我們選擇用 延遲載入...
前言 透過自動化測試取代人工測試,降低測試成本,自動化測試帶來速度快、可重複與自動化的測試工程。 程式寫完之後,通常會需要做測試,可能就是跑跑看看東西或 log...
前言 專案開發後期會進入 QA 測試階段,其中免不了各種手動點擊切換頁面或迴歸測試等,每個功能都要人工進到畫面中看一遍有沒有問題,這樣不僅工作量大重複性高,且當...
前言 GitLab 最初是 MIT 授權的免費開源軟體。現在則有 GitLab CE(社群版) 和 GitLab EE(企業版),而兩者的核心程式碼是相同的,但...
前言 GitLab Workflow內容包括,git 版本控制系統、CI/CD Pipeline,以及專案管理的功能,像 Wiki、Issue Tracking...
結語 終於完成 Angular 專案開發指南 系列文章的撰寫,本以為可以輕鬆完成,卻剛好碰上許多事情同時發生,幸好平時就有寫一些研究成果來作為對內分享的文件,幫...