【公司名稱】: 美商睿科網路科技有限公司 【公司地址】: 台北南港軟體園區三期 捷運南港展覽館站附近台北市南港區三重路66號6樓https://goo.gl/m...
工作很簡單 就維護個網站 寫點內部小程式 修修電腦這樣 維護現有網站及功能新增。 建置、管理及維護公司相關系統 協助處理各部門電腦軟硬體相關問題 管理與維護公...
雖然IT鐵人賽告一段落了,總覺得前端JS框架沒有包含進來,以至於有些Spring MVC的Async的method沒有應用到有點可惜,所以打算繼續學習Angul...
之前的鐵人文章都是使用 version AngularJS 1.2.x。 今天來介紹 10/13/2014 release 的 AngularJS 1.3 功能...
上一篇 bindonce 中介紹 AngularJS 的效能不好是因為實作 $digest cycle 的關係。 這篇就來深入了解到底 $digest cycl...
寫過 AngularJS 的人應該都知道,網路上批評 AngularJS 最大的問題就是 “AngularJS 效能很差” 效能很差的最大原因是因為 Angul...
在這個人人手裏一隻手機,包包一個 ipad 的年代。 multi device website 已經是很多網站的基本需求。 實現 multi device we...
網路上有很多 Service vs Factory 的文章,最常看到的說法是 Service 是用 new 來建立的,而 Factory 是回傳 return...
AngularJS 提供的 Providers 有,Factory、Service、Value、Constant 跟 Provider。 就算學習 Angula...
繼續 「AngularJS 結構」的 "依功能分類資料夾”,程式已依照不同的功能放在各自的資料夾底下。 假如讓功能除了分資料夾外,還讓每個功能都有專屬...
我學習結構的心路歷程是 1. 把全部放在一個檔案 非常適合寫 jsfiddle 範例教學,可是請不要在你網站上這樣做。 /** app.js*/angul...
做專案久了,一定會有需求要顯示從外部來的 HTML 格式。 例如:顯示會員 HTML 格式的留言。 我們不能擔保使用者輸入的資料是絕對安全的。除了靠後端過濾外,...
SEO (Search Engine Optimization) ,搜尋引擎最佳化。 AngularJS 再沒有做任何 SEO 的機制情況下,google 是搜...
簡單介紹一下目前開發 AngularJS 的工具 - gulp。 gulp 是幫助前端開發的工具,幫助我們 complie 語法或優化效能 (minify 或...
快樂的星期五到了!!! 期待假日的同時,決定快速且優雅地寫完今天這一篇。 在 「初談 directive - isolate scope」 篇有寫到 ‘&...
再來繼續介紹 directive 屬性吧,補上 初談 directive 順序圖。 (為了教學流暢,介紹順序有點變更。數字不會變!) 8. transclud...
isolate scope - 獨立的 scope。 當設定 scope 為 isolate scope 的時候,我們可以確保只給 directive 需要知道...
本來要繼續上一篇初談 directive 教學。 可是 scope 實在太重要了,決定要多送 scope 幾篇來講解它。 directive scope 屬性說...
directive 在 AngularJS 的開發中扮演了非常重要的角色。 使用 directive 指令可在指定的 DOM 元素標記,讓該元素有特定的行為或是...
今天來說明 ui-router 提供的事件 在各種事件中插入監聽點,可以在轉換 state 中完成一些需求。 例如說使用者在登入完後,不能在回到登入頁的需求(包...
ui-router 的一大優點是 nested view。 ui-router 的 nested view 是 state 存有親子關係。 子(children...
今日目標: 了解Polymer 元件和AngularJS Directive元件的差異 昨天的說明在AngujarJS裏面可以直接使用Polymer元件,取代...
ui-router is routing framework for AngularJS。 ui-router 不是 AngularJS 原生的 router...
AngularJS 提供的 filter 無法滿足我們顯示的種種需求。 所以完成一個專案,大部分都會需要自己寫 filter 的。 範例: 後端傳來的值是...
ng-filter 非常好用。 它會在不動原始資料的情況下,幫你把顯示的資料 format 成不同的樣式。 非常適合處理 Model 顯示在畫面上的情形。 大家...
今日目標: 了解元件大本營和各地軍火庫、威力強大的武器 包裝成WebComponent,polymer不是第一家,但在Google加持下,的確有可能成為最大的一...
延續昨天的介紹,今天來討論 ng-model controller 的兩個 Properties: $viewValue 跟 $modelValue 。 $vi...
在某些情況下,AngularJS 官方提供的 validation 無法滿足我們的需求。 ex: 驗證手機電話號碼、台灣的郵遞區號等。 就是要自己寫 valid...
最近的專案才有機會接觸到 form,也瞭解了 form 幫忙做驗證的強大功能。 記錄一些我在開發 form 的經驗跟簡單的 custom validation。...
我們很常遇到的需求是當某些條件成立時,畫面上特定地方要把它藏起來,不能讓使用者看到。 這時候就是 ng-If 跟 ng-show 出場的時候。 ng-show:...