0

我是新進入web開發者,我正在進入這個世界的第一步,我想知道一些事情,我在維基百科上看到Angular運行「單頁面應用程序」 讓我們來看看像ASP一樣的WAF。在.NET MVC中,我可以爲動態數據驗證,一些動畫以及jQuery插件可以「輕鬆」提供的其他一些內容編寫一些jQuery代碼,尤其是在asp.net中,這裏有很多jQuery助手。AngularJS和MVC框架,項目的種類?

Can Angular.js能爲我提供這些東西嗎?它只對單頁面應用有用嗎?舉個例子,stackoverflow,在這樣的網站上使用它是否過於矯枉過正?

回答

0

我有一些ASP.NET MVC和單頁面應用程序的經驗,我認爲他們一起工作很好,尤其是從MVC 4和WebAPI的引入。

單頁應用程序的目標是通過減少加載時間和提供更流暢的導航來改善用戶體驗。例如Angular.js並沒有被設計用來幫助你爲你的網站添加不錯的效果,或者爲你擁有Jquery的DOM處理。

Angular.js將幫助您處理導航,客戶端渲染,並且如果您有很多JavaScript代碼,它將幫助您更好地管理依賴項和組織代碼,另一個使用HTTP apis和客戶端的好理由邊渲染是你將分離數據和數據的表示,所以你可以測試它並重新使用它。

你可以使用jquery和angular.js,當然你也可以在MVC中使用Angular.js。

你可以開始考慮看看到http://www.asp.net/single-page-application/overview/templates/breezeangular-template

希望它能幫助:)

1

我目前使用ASP的Web API,AngularJs和Twitter的引導一對夫婦的項目。 提示:

  • 學習和使用NG-包括和NG-躲築基GUI。它很容易和快速,並使用相同的方式來製作動畫。

  • 使用bootstrap for css(跳過JS部分)。 Bootstrap

  • 使用第三方庫進行動畫製作。我爲css 3使用了animate.css。儘量避免使用JS風格的動畫。顯示元素時執行簡單的不透明動畫並跳過隱藏動畫。然後在那之後隨意擴展。動畫通常會以某種方式破壞佈局。 Angularjs + animate.css guide

  • 使用angulars表單驗證。如果你需要的話,Google會提供指南。但不要忘記AngularJs網頁上的官方文檔。

  • 跳過指令,直到你必須知道它,但不要害怕嘗試出來,當你需要它。語法不好,但你只需要一些代碼,然後很容易擴展。

  • 請勿使用id =「foo」在jQuery中進行破解。使用(其他人的)指令。

祝你好運!