iT邦幫忙

angular相關文章
共有 941 則文章
鐵人賽 Modern Web DAY 29

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day28 - Angular Schematics API List (五)

介紹完引入路徑在 @schematics/angular/utility 底下的 API 之後,接下來要介紹給大家的 API 是引入路徑在 @angular-d...

鐵人賽 Modern Web DAY 29
用Angular打造完整後台 系列 第 29 篇

技術 day29 Protocol Buffers 與 gRPC Web (一)

簡述 隨著微服務的趨勢,一個系統裡是有多個服務組成,而且每個服務之間都要互相通訊,所以現在開始有一陣風吹向了gRPC。 gRPC最麻吉的資料格式是Protoco...

鐵人賽 Blockchain DAY 28

技術 [區塊練起來-智能合約與DApp開發] DAY 28 - 實戰DApp!區塊鏈履歷應用(2)

貼心小語 上一篇我們初步將專案架構建置起來了,這一篇將會開始撰寫功能,並從 Government 與 Host 開始製作。 ComponentBase 在開始...

鐵人賽 Modern Web DAY 28
用Angular打造完整後台 系列 第 28 篇

技術 day28 Firebase(二)應用

簡述 本篇開始把Demo替換成firebase。 替換流程 WebService DataService 修改list中的關聯式 實作 (一) web.s...

鐵人賽 Modern Web DAY 28

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day27 - Angular Schematics API List (四)

此篇介紹的大多都是資料介面、資料模型的定義,不過還是有部分是很好用的 API ,依序為: change Host Change NoopChange In...

鐵人賽 Modern Web DAY 27
Angular 8 從推坑到放棄 系列 第 27 篇

技術 [Day26] 使用ngrx in Angular(3)

接下來我們就來看 ngrx 基本的使用方式. ngRX最主要由以下幾個部分組成 Actions State Change Selectors Store n...

鐵人賽 Blockchain DAY 27

技術 [區塊練起來-智能合約與DApp開發] DAY 27 - 實戰DApp!區塊鏈履歷應用(1)

貼心小語 前面幾篇將 web3.js 的基本功能介紹與實作完畢,已經可以透過這些功能做簡單的 DApp ,我們就來完成區塊鏈履歷的應用吧 系統規劃 與前面幾篇...

鐵人賽 Modern Web DAY 26
Angular 8 從推坑到放棄 系列 第 26 篇

技術 [Day 25] 使用ngrx in Angular(2)

Rxjs 的問題 State 可以在任何地方改變 State 是多個的 處理 Http 是非常不清楚的 Redux 的流程圖 ngrx 的流程圖 參考...

鐵人賽 Blockchain DAY 26

技術 [區塊練起來-智能合約與DApp開發] DAY 26 - web3.js 解碼 log 資訊

貼心小語 上一篇我們提到如何監聽 Event,並從中取得 log 資訊,但如果要從交易的收據中取得 log 資訊該如何做呢?讓我們繼續看下去~ 收據裡的 lo...

鐵人賽 Modern Web DAY 25
Angular 8 從推坑到放棄 系列 第 25 篇

技術 [Day24] 部署 Angular

步驟 使用並且確認環境設定是否正確 撰寫 Unit Test 以及確認Code 是否正確 ng build -prod(會花比平常 ng build 或是...

鐵人賽 Blockchain DAY 25

技術 [區塊練起來-智能合約與DApp開發] DAY 25 - web3.js 訂閱Event

貼心小語 上一篇成功透過 web3.js 來呼叫合約中的函式。我們之前設計的函式只要會變更狀態變數的操作都會記錄 log ,也就是觸發 event ,那要怎麼去...

鐵人賽 Modern Web DAY 25

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day24 - Angular Schematics API List (一)

介紹完如何開發給非 Angular 專案所使用的 Schematics 與如何在非 Angular 專案中使用 Schematics 之後,我們再把主軸拉回到...

鐵人賽 Modern Web DAY 27
用Angular打造完整後台 系列 第 27 篇

技術 day27 Firebase(一)

簡述 有些公司會在確任產品規格前,會先做些Demo到市場做水溫,或是拿Demo去談合作,等確定是有利可圖的產品,就會進行正式開發。 那大部分在做Demo時,多半...

鐵人賽 Modern Web DAY 24
Angular 8 從推坑到放棄 系列 第 24 篇

技術 [Day 23]最佳化 Angular Application

如何 最佳化 Angular Application Angular 會分析所有 NgModule 了解妳目前專案的特性 Angular Module 會隔離...

鐵人賽 Modern Web DAY 26
用Angular打造完整後台 系列 第 26 篇

技術 day26 IndexModule

簡述 通常開設商店都會有收入跟費用,現在業主打開後台,都會希望在第一時間看到一些數據,也就是常聽到的 Dashboard。 功能 有出現哪些資訊要看各產業,De...

鐵人賽 Modern Web DAY 25
用Angular打造完整後台 系列 第 25 篇

技術 day25 SearchModule(二):應用

簡述 列表中非常常見的搜尋列,如下圖所示: 功能 搜尋列的組成大約分幾種: input 輸入編號或是帳號。 select 下拉式選單。 data 時間工具。...

鐵人賽 Modern Web DAY 30

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day31 - 完賽心得

各位邦友大家好,我是 Leo 。 終於「又」完賽了!!!!(舉雙手瘋狂吶喊中) 繼去年參賽閉關兩個月之後,本來想說今年如果提早準備應該不會重蹈覆轍了...結果還...

鐵人賽 Blockchain DAY 24

技術 [區塊練起來-智能合約與DApp開發] DAY 24 - web3.js 呼叫合約

貼心小語 上一篇我們使用 Truffle 進行合約部署及函式庫連結,那麼在部署完之後當然要與合約進行互動,我們將使用 web3.js 來調用合約。 取得合約實...

鐵人賽 Modern Web DAY 24
用Angular打造完整後台 系列 第 24 篇

技術 day24 SearchModule(一)

簡述 列表中非常常見的搜尋列如下圖所示 功能 搜尋列的組成大約分幾種: input 輸入編號或是帳號。 select 下拉式選單。 date 時間工具...

鐵人賽 自我挑戰組 DAY 24
人生第一次的SideProject 系列 第 24 篇

技術 [Day 24 ] 角色卡部署至Github測試上線

今天陸陸續續寫了一些進度,不過後來想到角色卡跟資料庫無關的部分功能基本都OK了,就先來試著發布在網路上看看。 因為專案本來就是用Github做版控,所以buil...

鐵人賽 Blockchain DAY 23

技術 [區塊練起來-智能合約與DApp開發] DAY 23 - web3.js 結合 Truffle 部署合約

貼心小語 上一篇學會了如何發起交易,這一篇將會進入到另一個重要功能,就是部署合約! 為什麼用 Truffle? 應該有人看到標題就想問:為什麼已經用了專用函式...

鐵人賽 Modern Web DAY 23
用Angular打造完整後台 系列 第 23 篇

技術 day23 OrderModule

簡述 開始實作訂單管理的功能模塊。 功能 訂單列表(換頁搜尋)。 用Dialog新增/修改訂單。 用子組件查看商品。 檔案結構 -src |-app...

鐵人賽 Modern Web DAY 22
Angular 8 從推坑到放棄 系列 第 22 篇

技術 [Day 21] 介紹 Pipe

透過Pipe,可以不用在Component端寫程式改變資料的顯示模式,而是透過 Pipe 的模式來調整要顯示的資料內容,如此一來我們就不用在 Component...

鐵人賽 Blockchain DAY 22

技術 [區塊練起來-智能合約與DApp開發] DAY 22 - web3.js 發起交易

貼心小語 上一篇我們能夠去取得交易及收據的資訊,這一篇將會透過 web3.js 來發起交易,算是蠻重要的一個功能! 參數格式 web3.js 發起交易的函式需...

鐵人賽 Modern Web DAY 21
Angular 8 從推坑到放棄 系列 第 21 篇

技術 [Day 20] Angular 使用 React Form

如有需要動態驗證、動態產生表單和比較複雜類型的表單狀況,使用 Reactive Form 處理應當會比 Template-Drive Form 好解決. 匯入...

鐵人賽 Modern Web DAY 22
用Angular打造完整後台 系列 第 22 篇

技術 day22 ProductModule(二):Image

簡述 開始實作商品管理的上傳圖片、預覽圖片以及相關功能。 功能 商品新增修改 在商品新增修改上有出現一個上傳圖片的功能,我們會把上傳圖片的功能拉出來做一個...

鐵人賽 Modern Web DAY 21

技術 [DAT-21] Typescript 介紹-列舉(Enum)

這一篇要來介紹Typescript的實用功能 - 列舉(Enum) 什麼是列舉(Enum) 列舉可以轉換一組備有限範圍的資料,比如說日期、郵遞區號、星期等等。列...

鐵人賽 Blockchain DAY 21

技術 [區塊練起來-智能合約與DApp開發] DAY 21 - web3.js 取得交易及收據

貼心小語 上一篇我們學會了 web3.js 的 util 函式,這一篇將會設計取得交易及收據的方法。 取得交易 有時候可能會需要來看交易的內容,比如說: ha...