從零開始的Angular與 Firebase實作 TodoApp (一) 環境建置

最近因為參加六角學院的比賽,主題是將每一次的設計稿進行切版。

但是對於一個前端工程師來說,僅僅只練習切版肯定是不夠的。

因此,除了切版以外,若能加上資料庫來實作,感覺有趣不少。

而 Google的 FireBase,簡單易學好操作,在沒有那麼多時間開發的情況下,使用 FireBase是最好的選擇。

因此這系列的文章,會教大家如何利用 Angular與 FireBase做一個簡單 Todo App。

...繼續閱讀 »

Angular HardLink 解決--prod 壓縮打包報錯的問題

在開發Angular專案的時候,由於前端已經轉換為MVC的框架,因此每一個Component都是獨立的

也因如此,所以檔案數量不僅多也肥大。

筆者這陣子在開發一個ERP系統,目前專案就已經將近30M了(不包含WebApi)

也就是說,用戶在使用系統的時候,以不考慮連線問題、後端處理等等

單獨下載檔案就需要下載近30M。

因此對於用戶體驗來說非常不好。

雖然說我們可以透過LazyLoading來解決這個問題,但是不管怎麼樣,一開始肯定是要將部分專案下載下來

更別說如果都沒有切Module,那肯定是很可怕的

...繼續閱讀 »

AngularJS 2 解決部分 第三方套件 無法import問題 -以Chart.js為例

昨天晚上學弟告訴我:他發現 明明已經使用 angular-cli安裝Chart.js這個建構圖表的 Third-party 

但是卻仍然無法使用,會一直報錯:

Cannot find modu
le '../../../node_modules/chart.js'

起初一開始以為只是它單純安裝完後沒有給人家import而產生的錯誤,但後來我自己在看Code的時候發現其實裡頭大有學問。

因此發布上這篇讓其他有相同問題的人可以少採一點坑。

 

 

...繼續閱讀 »

AngularJS 2 -透過路由實作登入頁面切換

最近這一陣子都在碰Angular JS 2

真的不得不說,使用Angular JS 2的框架來使用可以大幅降低開發的時間

非常的推薦

由於在網路上好像找不到中文的關於利用TS來操作路由進行頁面的切換跳轉

因此寫上這篇來讓各位讀者可以輕鬆的利用路由來進行切換

等比較有空的時候,再補上一系列的Angular js 2 基礎教學X"D

 

...繼續閱讀 »