iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

1 Like 4 留言 14509 瀏覽

鐵人賽開發技術 DAY 5

我在前端 ng 時系列第 5 篇

技術相見恨晚 - Lo-Dash

Lo-Dash 是我一個相見恨晚超好用的 library。 (大概 3 個月前才知道它～) Lo-Dash 提供很多我們平常 coding 會用到的工具函式，部...

yvonneyu ‧ 2014-10-03

1 Like 0 留言 5941 瀏覽

鐵人賽開發技術 DAY 4

我在前端 ng 時系列第 4 篇

技術 AngularJS - MVC 架構 - DEMO

今天放鬆點，DEMO 有 MVC 架構的簡單 AngularJS 範例。強烈建議先看上一篇 AngularJS - MVC 架構！需求：幫可愛雪納瑞換...

yvonneyu ‧ 2014-10-02

3 Like 4 留言 12330 瀏覽

鐵人賽開發技術 DAY 3

我在前端 ng 時系列第 3 篇

技術 AngularJS - MVC 架構

我是寫 JAVA 出身的工程師。在開始寫 AngularJS 的時候，我一直以為我了解 AngularJS 的 MVC 架構。直到...我膝蓋中了一箭......

yvonneyu ‧ 2014-10-01

2 Like 0 留言 16769 瀏覽

鐵人賽開發技術 DAY 2

我在前端 ng 時系列第 2 篇

技術 jQuery 跟 AngularJS 的糾葛

AngularJS 有些人覺得難學理由之一，是因為它跟大多數網站所使用的 jQuery 設計思維差很多。而且 AngularJS 又有內建 jqLite (j...

yvonneyu ‧ 2014-09-30

4 Like 2 留言 6197 瀏覽

鐵人賽開發技術 DAY 1

我在前端 ng 時系列第 1 篇

技術初學 AngularJS 的路

大家好，我叫 Yvonne。去年的時候，在連 JavaScript 都還不清楚怎麼用的情況下，開始接觸 AngularJS。 (被我同事挖洞，然後我自己跳下...

yvonneyu ‧ 2014-09-29

0 Like 0 留言 2478 瀏覽

鐵人賽開發技術 DAY 4

AngularJS的學習歷程系列第 4 篇

技術 Lynda.com的Up and Running with AngularJS付費課程

今天要介紹的是老牌影片教學網站 Lynda.com 所推出的 Up and Running with AngularJS。說到 Lynda.com，從以前他們...

lalabear ‧ 2014-09-19

0 Like 0 留言 2394 瀏覽

鐵人賽開發技術 DAY 3

AngularJS的學習歷程系列第 3 篇

技術 Udemy的AngulrJS付費課程- AngularJS JumpStart with Dan Wahlin

昨天說到Code School的課程，雖然相當精彩，可惜的是比較像是一盤開胃小菜，聞香用的。真的想要深入學習，以那樣的內容是不足的。今天推薦一個Udemy的課...

lalabear ‧ 2014-09-18

0 Like 1 留言 4804 瀏覽

鐵人賽開發技術 DAY 2

AngularJS的學習歷程系列第 2 篇

技術一個不錯的 Angular學習課程- Shaping Up With Angularjs

今天就先來介紹一下一個由Google 和 Code School 合作的 AngularJS免費課程 - Shaping Up With Angularjs 。...

lalabear ‧ 2014-09-17

3 Like 3 留言 2134 瀏覽

鐵人賽開發技術 DAY 1

AngularJS的學習歷程系列第 1 篇

技術認識 AngularJS -前言

話說之前在iT邦幫忙發表過邊學AngularJS邊做Todo List 系列文章，已經是兩年前的事情了。當時AngularJS剛出來不久，覺得很新奇，尤其是...

lalabear ‧ 2014-09-16

20 Like 2 留言 49450 瀏覽

鐵人賽開發技術 DAY 30

入門AngularJS筆記與前端領域的學習筆記分享系列第 30 篇

達標好文技術 Day30- 入門AngularJS筆記-directive

終於到了第三十天，這段日子大多分享angularJS內建的directive筆記，有些內建指令可以直接完成我們想要的效果。但有些內建的指令無法滿足需求，...

iamya ‧ 2013-10-30

15 Like 1 留言 16845 瀏覽

鐵人賽開發技術 DAY 29

入門AngularJS筆記與前端領域的學習筆記分享系列第 29 篇

技術 Day29- 入門AngularJS筆記-filter

filter是什麼？ angular的filter，可以幫資料做過濾。善用內建filter或自定filter，針對資料進一步篩選，呈現我們想要的資料。當專案...

iamya ‧ 2013-10-29

7 Like 1 留言 9562 瀏覽

鐵人賽開發技術 DAY 28

入門AngularJS筆記與前端領域的學習筆記分享系列第 28 篇

技術 Day28- 入門AngularJS筆記-AngularJS指令(24): ng-mouseover

ng-mouseover和ng-mouseleave是什麼？ ng-mouseover和ng-mouseleave是angular設定當滑鼠位於元素上方和離開元...

iamya ‧ 2013-10-28

9 Like 0 留言 16141 瀏覽

鐵人賽開發技術 DAY 27

入門AngularJS筆記與前端領域的學習筆記分享系列第 27 篇

技術 Day27- 入門AngularJS筆記-AngularJS指令(23): ng-form

ng-form是什麼？ angular針對form這個標籤包裝起來，自訂ng-form這個指令，增加對應的屬性與方法，用來進一步處理表單上可能會遇到的問題。...

iamya ‧ 2013-10-27

7 Like 1 留言 12345 瀏覽

鐵人賽開發技術 DAY 26

入門AngularJS筆記與前端領域的學習筆記分享系列第 26 篇

技術 Day26- 入門AngularJS筆記-AngularJS: angularJS與form的應用

為什麼要與form搭配使用？透過angular與form的應用，可以快速處理表單可能會遇到的問題。小結重點如下：我們可以在表單上綁定資料，獲取資料內容。...

iamya ‧ 2013-10-26

6 Like 1 留言 11549 瀏覽

鐵人賽開發技術 DAY 25

入門AngularJS筆記與前端領域的學習筆記分享系列第 25 篇

技術 Day25- 入門AngularJS筆記-AngularJS指令(22) ng-style

ng-style是什麼? ng-style是使用angular來直接設定css樣式的指令基本範例: http://jsbin.com/aGExOfa/1/ed...

iamya ‧ 2013-10-25

6 Like 3 留言 31548 瀏覽

鐵人賽開發技術 DAY 24

入門AngularJS筆記與前端領域的學習筆記分享系列第 24 篇

技術 Day24- 入門AngularJS筆記-AngularJS指令(21) $watch

$watch是什麼？使用$watch可以指定監控的範圍，一旦範圍內的value發生改變，所有地方都會自動更新，用來確保view和model的即時綁定，當vi...

iamya ‧ 2013-10-24

9 Like 2 留言 13509 瀏覽

鐵人賽開發技術 DAY 23

入門AngularJS筆記與前端領域的學習筆記分享系列第 23 篇

技術 Day23- 入門AngularJS筆記-AngularJS指令(20) ng-blur與ng-focus

ng-blur是什麼？在angular 1.2版本中，新增blur的監聽事件，所以務必確認專案的angular版本，若版本較舊，此項指令就沒辦法work。...

iamya ‧ 2013-10-23

8 Like 1 留言 38511 瀏覽

鐵人賽開發技術 DAY 22

入門AngularJS筆記與前端領域的學習筆記分享系列第 22 篇

技術 Day22- 入門AngularJS筆記-AngularJS指令(19) ng-class

ng-class是什麼？如果我們要使用angular在html中設定css樣式，我們可以使用ng-class這個指令。改寫官方範例：使用ng-model與...

iamya ‧ 2013-10-22

3 Like 1 留言 22549 瀏覽

鐵人賽開發技術 DAY 21

入門AngularJS筆記與前端領域的學習筆記分享系列第 21 篇

技術 Day21- 入門AngularJS筆記-AngularJS指令(18) ng-bind-html

ng-bind-html是什麼？是用來呈現html效果的指令。本篇分享將會介紹ng-bind、ng-bind-html、ng-bind-html-unsaf...

iamya ‧ 2013-10-21

3 Like 0 留言 9812 瀏覽

鐵人賽開發技術 DAY 20

入門AngularJS筆記與前端領域的學習筆記分享系列第 20 篇

技術 Day20- 入門AngularJS筆記-AngularJS指令(17) ng-bind-template

ng-bind-template是什麼？ ng-bind-template就是可以把多個model綁成一個群組，再用ng-bind的方法去綁定。 ng-bind...

iamya ‧ 2013-10-20

0 Like 1 留言 19055 瀏覽

鐵人賽開發技術 DAY 19

入門AngularJS筆記與前端領域的學習筆記分享系列第 19 篇

技術 Day19- 入門AngularJS筆記-AngularJS指令(16) ng-cloak

ng-cloak是什麼？和ng-bind很類似，同樣可以解決angularjs沒有載入完成或發生失敗的狀況。但ng-cloak指令需要另外增加css，用來解...

iamya ‧ 2013-10-19

1 Like 0 留言 8209 瀏覽

鐵人賽開發技術 DAY 18

入門AngularJS筆記與前端領域的學習筆記分享系列第 18 篇

技術 Day18- 入門AngularJS筆記-AngularJS指令(15) ng-bind

ng-bind是什麼？通常我們會將綁定model名稱放在{{ }}裡面來顯示model的值。正式開發專案時，有可能會載入很多library，如果我們載入太...

iamya ‧ 2013-10-18

3 Like 2 留言 22199 瀏覽

鐵人賽開發技術 DAY 17

入門AngularJS筆記與前端領域的學習筆記分享系列第 17 篇

技術 Day17- 入門AngularJS筆記-AngularJS的timeout應用

$timeout是什麼？ timeout 顧名思義是和時間有關，用來倒數、計時的一種方法。而$timeout則是應用於angular的指令本日參考範例：...

iamya ‧ 2013-10-17

5 Like 1 留言 15532 瀏覽

鐵人賽開發技術 DAY 16

入門AngularJS筆記與前端領域的學習筆記分享系列第 16 篇

技術 Day16- 入門AngularJS筆記-AngularJS指令(14): ng-checked

ng-checked是什麼？如果你要讓勾選框有**”選擇全部“**勾選或”**取消全部“**勾選的狀態，可以簡單使用ng-checked來作設定。改寫官方...

iamya ‧ 2013-10-16

3 Like 3 留言 15976 瀏覽

鐵人賽開發技術 DAY 15

入門AngularJS筆記與前端領域的學習筆記分享系列第 15 篇

技術 Day15- 入門AngularJS筆記-AngularJS的MVC應用筆記

在一開始分享AngularJS 主題的時候，有介紹到AngularJS 是遵循MVC 框架。 Day3的內容： http://ithelp.ithome.com...

iamya ‧ 2013-10-15

4 Like 1 留言 16031 瀏覽

鐵人賽開發技術 DAY 14

入門AngularJS筆記與前端領域的學習筆記分享系列第 14 篇

技術 Day14- 入門AngularJS筆記-AngularJS指令(13): ng-href

ng-href是什麼？ ng-href是用來取代html中 a 標籤裡的href屬性。為什麼要使用ng-href？如果Angular還沒載入或載入失敗，會直...

iamya ‧ 2013-10-14

1 Like 0 留言 18117 瀏覽

鐵人賽開發技術 DAY 13

入門AngularJS筆記與前端領域的學習筆記分享系列第 13 篇

技術 Day13- 入門AngularJS筆記-AngularJS指令(12): ng-src

ng-src是什麼？ ng-src是用來取代html中 img 標籤裡的src屬性。由於AngularJS是整個網站載完後才開始編譯，使用ng-src可以解...

iamya ‧ 2013-10-13

1 Like 0 留言 18576 瀏覽

鐵人賽開發技術 DAY 12

入門AngularJS筆記與前端領域的學習筆記分享系列第 12 篇

技術 Day12- 入門AngularJS筆記-AngularJS指令(11): ng-include

ng-include 是什麼？ ng-include 是angular用來載入html的指令。改寫官方Demo： http://plnkr.co/edit/Y...

iamya ‧ 2013-10-12

2 Like 2 留言 29818 瀏覽

鐵人賽開發技術 DAY 11

入門AngularJS筆記與前端領域的學習筆記分享系列第 11 篇

技術 Day11- 入門AngularJS筆記-AngularJS指令(10): ng-change

ng-change是什麼？當我們改變輸入的數值，就會執行ng-change裡的事情。改寫官方文件的Demo： http://jsbin.com/ICAyAN...

iamya ‧ 2013-10-11

7 Like 0 留言 15453 瀏覽

鐵人賽開發技術 DAY 10

入門AngularJS筆記與前端領域的學習筆記分享系列第 10 篇

技術 Day10- 入門AngularJS筆記-AngularJS指令(9): ng-switch

ng-switch是什麼？我們可以根據ng-switch去篩選要選擇的內容。通常我們會和ng-option的下拉選單一起搭配使用。官方文件Demo： ht...

iamya ‧ 2013-10-10

技術 相見恨晚 - Lo-Dash