簡述 AppComponent 是系統內的 根組件，這篇會講述登入初始流程。 功能 開發過程中大概遇到幾種設定如下。 多語系初始設定 icon 讀取圖片 登入...
視覺回溯測試 做視覺回溯測試的目的是要檢查每次修改元件UI的變化，當專案越來越大時，或是接近上線時期，修改元件的部分，有時會影響到整個專案。人工去檢視一定會有疏...
在現代的網頁中絕大部分會需要與 server 互相溝通，無論是從 server 獲取商品的資料用於顯示在畫面中，還是畫面中的設定要儲存回 server 的設定都...
在上一篇中介紹了如何透過 router 傳遞參數，也介紹了怎麼建立嵌套的 route 等等，在本篇中要繼續介紹 Angular route 的其他好用的用法與功...
貼心小語 上一篇完成了教育單位與企業單位的功能頁面，今天將會設計簡單的履歷頁面來呈現履歷資訊，衝呀～～～！!! 流程思考 我們當初在設計履歷合約的時候，有製作...
一個網站要吸引人，除了要有適當的排版，還要有吸引人的文字與豐富的動畫，讓人的目光不由自主地佇足想要瀏覽。 首頁可以說是一個網站的門面，好的首頁會讓人想要繼續看下...
前言 回到基本的概念，今天來討論一下 Angular Lifecycle Hooks，雖然前面我們已經實作了租戶管理元件，但是對於 Angular 元件基本的生...
今天的練習基本上跟前一篇非常類似，不過就只是將主角從 React 換成了 Vue ，大體上沒有太大的改變。 但是魔鬼藏在細節裡，且為了不是每天文章都會仔細閱讀的...
還記得筆者在 Day02 - 要學打人，先學挨打 有提到過關於 ng add 的應用嗎？ 雖然我們都知道 ng add 可以幫我們新增某個 Library 或...
貼心小語 上一篇我們學會了 web3.js 的 util 函式，這一篇將會設計取得交易及收據的方法。 取得交易 有時候可能會需要來看交易的內容，比如說： ha...
前言 Angular 搭配 TypeScript 使用，已經能夠在編譯階段檢查出很多問題了，為什麼還要程式碼檢查呢？ 因為 TypeScript 檢查更注重的是...
我們前一篇，雖然有將需求二實作出來，但是看到 keyCode 已被淘汰的訊息，還是覺得有點不痛快。 上網搜尋了一下，找到一篇其他開發者分享的文章： [從 0 開...
Emacs 對於 typescript 的設定 其實在前面寫 javascript 設定時，已經將後端 tsserver 設定完畢了，這裡只要加入 (add-h...
洋蔥
‧
2018-10-30
在 Angular 的 Component 中有一個生命週期，當 Angular 實例化這個 Component 並且把它或他的 sub-component 呈...
以下列出，啟動或是建置 Storybook 時，有哪些可以使用的 CLI Options。 start-storybook 啟動 Storybook Usage...
前言 大多數前端應用都要透過 HTTP 協議與伺服器通訊，才能下載或上傳資料並訪問其它後端服務。Angular 給應用提供了一個簡化的 HTTP 客戶端 API...
平常都用慣 TypeScript 版的 Cypress，但這兩天都用 JavaScript 在寫測試，令我有點不太習慣。 雖然 JS 版或 TS 版的差別並沒...
結語 終於完成 Angular 專案開發指南 系列文章的撰寫，本以為可以輕鬆完成，卻剛好碰上許多事情同時發生，幸好平時就有寫一些研究成果來作為對內分享的文件，幫...
今天我們要來為我們用 Reactive Forms 所撰寫的登入系統寫單元測試，如果還沒有相關程式碼的朋友，趕快前往閱讀第三天的文章： Reactive Fo...
Naming components 修改一下Story檔案，對應於Component的Title名稱(default export區塊)，就會發現Sidebar...
Angular [目標] 進入系統>>登入>>首頁 1. VSCode 撰寫 appapp.module.ts impor...
Angular 中 Components 之間的傳遞資料的方式，就長得像下面這張圖。 Input() 裝飾器使用方式 @Input 的目的是確認資料綁定 in...
在上一篇中提到了 Angular 中的兩種不同的 Form，介紹了他們在使用上以及細節上的不同，接著在本篇中將會著重介紹 Template-driven for...
JavaScript 的內容有很多，【每天 5 分鐘】的介紹，不知道要寫到什麼時候 XD這幾天很掙扎，在 30 天的鐵人賽中， JS 的部分 要介紹到哪邊為止？...
把靜態檔案加到 Angular 專案中 前一篇，我們已經學會用 Angular CLI 建立元件及範本，今天我們要試著把靜態檔案加到 Angular CLI 所...
前言 前端的專案通常會挑一個樣式框架來搭配使用，好處是， 元件樣式如表格、列表與選單等元件不需要重新打造。 介面經過專業設計外觀優美。 元件樣式風格統一。...
在上一篇中介紹了 Angular 中 Module 的一部分，接著要繼續介紹還沒講完的部分，那就往下看吧 Entry components 在上一張的 Ng...
簡述 AppComponent是系統內的 根組件，通常會建議寫部分服務的初始設定。 功能 開發過程中大概遇到幾種設定如下： 多語系初始設定 icon讀取圖片...
在【Day - 14】我們完成了基本的聊天對話功能，然而，所有的回應都是以文字的形式呈現，於是我想透過Azure AI Service的語音服務，將文字轉成語音...
接下來，我們就要來建立第一個專案範本。 首先，我們可以在桌面上先建一個資料夾，命名叫 Angular，記住不要使用中文字命名，以免發生錯誤。 接著打開...
Yating Chang
lala_lee_jobs
Fandix
HAO
tso1158687
ShawnWu
Leo
ABow_Chen
TimTim
Olivia
momochenisme
iThome鐵人賽
看影片追技術