前言 身為一個前端工程師,碰了不少的library 或是 框架。因為公司中以前的專案是使用 Anuglarjs,比較資深的工程師也推坑使用 Angular?,所...
在上一篇中介紹了什麼是 Angular CLI 與他可以提供許多方便功能,不過只是大概介紹他的用法與他是什麼,要實際暸解到他背後的運行邏輯其實是滿複雜的,這邊就...
經過前面二十九天的的練習與學習,相信大家應該在表單的實作上都熟悉了不少,只要不是太複雜、太特別的表單應該也都難不倒你們。 今天是本系列文的最後一天,就讓我們來...
Schematics 的起源 相信大家都知道,現代有非常非常多的事情都已經可以被自動化的機器或是工具取代。而這些事情之所以會被取代,基本上都是因為只要有個模組或...
架構:(1) userComponent:訂閱(subscribe)sharedService 的 User資料 (2)sharedService利用Subje...
貼心小語 上一篇提到了 DApp 的概念及運作原理,其中我選擇使用 web3.js 以及 Angular 來開發,這篇將會一步一步把環境建置完畢。 Angul...
前幾篇講的大多都是想法與概念,都還沒有講到跟程式面有關的東西。接下來進入工程的世界了。 在聊到想法與構想的時候,可以非常天馬行空,什麼樣的問題跟什麼樣的解決方案...
說明 static min(min: number): ValidatorFn數字要高於等於 min static max(max: number): Vali...
為什麼選擇Angular與Nestjs? 在前端的世界有很多的框架可以幫助開發者快速實現或完成某些功能,讓開發者可以不用自己造輪子,而是站在巨人的肩膀上面,跟著...
純函數(Pure Function) 定義 根據 Wikipedia 的定義,一個函數稱為純函數需要符合下列兩個條件: 函數對於同樣的參數,永遠產生同樣的結果...
在上一篇提到如何使用ngFor顯示多筆資料和使用ngIf 控制條件決定顯示與否,這一篇要來介紹另一個更加複雜的情況,如果是多個條件的情況要如何控制顯示? 使用n...
要學打人,先學挨打。 這句話是指剛學武的人在學習怎麼要打人之前,要先學會挨打。知道被打是怎麼一回事之後,自然而然就知道要怎麼打人。當然,這句話其實還有其他方...
搞定了架構和想法後,再來就要搞定畫面的呈現。自己刻畫面固然可以隨心所欲呈現自己想要的樣子與控制自己只使用的最少的程式碼。但缺點就是什麼都要親力而為,會花上不少時...
前言 昨日上了 Kevin 大大的 Reactive Form ,發現假如有需要動態驗證、動態產生表單和比較複雜類型的表單狀況,使用 Reactive Form...
昨天跟大家分享了 Cypress 有多厲害之後,大家有沒有很期待呢? 這兩天就讓我來跟大家介紹 Cypress 到底有多厲害吧! 由於 Cypress 的功...
ngrx/store 之會員篇 今天開始 今天完成 今天的目標:將會員有關的元件及服務從使用者服務轉為向 ngrx/store 做 dispatch 跟 s...
預設放置組態檔案的目錄 Storybook集中放置組態設定檔案的目錄預設是.storybook,若需要變更路徑及名稱,要在Storybook的CLI指令做設定。...
什麼是 DApp? 全名是 去中心化應用程式(Decentralized Application, DApp) ,簡單來說就是後端使用區塊鏈技術的應用程式。跟採...
之前在開發表單的時候,我們都是使用 Angular 所提供的驗證器來驗證表單欄位裡的值是否符合我們的需求。 雖然 Angular 已經這麼貼心地提供了這麼多驗...
每日一句來源:Daily English Celebrate what you've accomplished, but raise the bar a li...
關於 TypeScript Compiler API 相信大家都知道什麼是 TypeScript ,而 TypeScript Compiler API 就是 T...
在前幾篇,一直在討論元件(component)的各種應用。元件顯示資料的各種方法,以及最後討論到元件的資料要如何輸入與輸出。元件的討論在此告一段落,這一篇要來討...
HttpClient 啟用 app.module.ts ----- import { HttpClient, HttpHeaders } from '@angu...
貼心小語 上一篇學會了如何發起交易,這一篇將會進入到另一個重要功能,就是部署合約! 為什麼用 Truffle? 應該有人看到標題就想問:為什麼已經用了專用函式...
To improve is to change, to be perfect is to change often. 昨日改進 今天先修正一下昨天的方法,並...
昨天筆者曾提到: _options 參數是一個物件,這個參數可以使用 JSON Schema 進行驗證,以確保它具有適當的預設值與類型。 但什麼是 JSON...
雖然鐵人賽比完了,但是我依然會把這個專案繼續寫下去,如果還沒看之前Angular Stock的朋友,麻煩幫我點連結進去看。 好,接下來我們遇到一個問題在於說,...
這次試著部署Angular專案到Azure的時後,遇到一些問題,趕快紀錄下來。 建立App Service Angular相關設定 (重要) 建立新的ang...
上一篇建立起響應式表單(Reactive Forms),看起來和一般的表單沒有不一樣。這一篇將來實際應用,顯示響應式表單厲害之處。在開始之前,先介紹表單控制元件...
簡述 有些公司會在確任產品規格前,會先做些Demo到市場做水溫,或是拿Demo去談合作,等確定是有利可圖的產品,就會進行正式開發。 那大部分在做Demo時,多半...