『壹』 angularjs 中怎樣判斷一個元素是否在一個數組中存在
判斷數組中是否包含某個元素
Array.prototype.S=String.fromCharCode(2);
Array.prototype.in_array=function(e){
var r=new RegExp(this.S+e+this.S);
return (r.test(this.S+this.join(this.S)+this.S));
};
var arr = ["xml","html","css","js"];
arr.in_array("js");
//如果 存在返回true , 不存在返回false
『貳』 AngularJS 於前端開發有什麼作用,對比其它框架有何優點
未來的發展趨勢是前端後端只靠json數據來進行通信:後端只處理和發送一段json數據到前端,然後計算和模板渲染都在前端進行。而前端的改動後,形成json數據然後傳回到後端。未來趨勢就是:後台程序再也不做模板的任何處理
AngularJS
的作用簡單說就是就是把後台的json值直接用html進行渲染,然後html的操作又直接在形成json傳回後台。
未來的後台MVC,試圖不再是模板了,而是一段結構整齊標準的JSON,而這個JSON作為前台的model直接在AngularJS直接使用。
或者說後台的試圖是前台的模型,而整個前台就是後台的視圖。後台程序再也不做模板的任何處理了。
Angular是框架的一種,不學也能開發前端。學backbone或者ember也能開發前端。沒有js的mvc,就光弄個jquery,也能開發前端。
那到底要不要學?個人覺得就是要看發展趨勢。angular是否簡化的前端開發,是否符合未來前端的開發趨勢。以現在的js的發展程度來看,angular
是符合發展趨勢的,第一,解耦前端,第二,可以模塊化,第三可測試,第四天生支持json,第五依賴注入等等等,還有一些其他特性使得angular跟隨甚至是推動了前端的開發趨勢。
所以說angular學習是有好處的:
1.了解前端的開發趨勢
2.學習MV*的設計方法
3.學習模塊化編程
4.學習如何測試模塊
5.使用angular簡化開發流程
6.隨著google的大力支持和逐漸流行,公司開始使用angular,有些崗位需要有angular的知識才能工作。
『叄』 關於AngularJS 框架的使用有哪些經驗值得分享
AngularJS 與 jQuery 等傳統操作 DOM 的思想有所不同,
對於 jQuery 等,一般是先有完整 DOM 然後在這些 DOM 的基礎上進行二次調教。
而 AngularJS 等框架則是 根據 數據模型 以及其對應的 DOM 模版,然後通過模版像搭積木那樣組合頁面。
顯然的,前者在 SEO 上有天然優勢;而後者,搜索引擎還只能拿到某個模版,而無內容。
暫時沒想到有什麼特別好的解決方案,或許,對於內容頁,可以繼續使用傳統方式,而只在需要更多交互的地方應用 AngularJS,特別是在移動端應用上。
同理適用於各種 前端的 MVC 框架,後端只要為前端提供數據介面,而不再需要為其拼接 HTML.
## 模塊化
AngularJS 也是遵循 AMD 的。(AMD 是啥,參考:使用 AMD、CommonJS 及 ES Harmony 編寫模塊化的 JavaScript)
雖然它也可以按照傳統代碼方式來寫(其首頁介紹的用法 AngularJS — Superheroic JavaScript MVW Framework),但是,既然都提供了這么一種模塊的方法,為何不用上呢
angular.mole('app', [
'moleA',
'moleB',
])
.controller('MainCtrl', [
'$scope',
function ($scope) {
}]);
而且,這種寫法還可以方便做代碼的合並與壓縮,在後面 Grunt 自動化 一節中,就會提到使用 Nodejs/Grunt 來自動的做這些事情。
## 可復用模版 or 業務邏輯模版
今年 Google 開發者大會中 提到的 Polymer(Welcome - Polymer)
這貨讓人感覺像是 Angular Directives 的進化。
而 Directives 做的事,就是把一堆 DOM 封裝為一條或者一組 自定義的 HTML標簽,作為可復用的模版,以供組裝業務調用。 Demos 可參看:Angular directives for Twitter's Bootstrap
當然,為了方便修改,很多時候在做 directive 的時候需要將 template 用 templateUrl 代替,
不用擔心文件的碎片化,不利於前端載入 Grunt 自動化 一節 會提到如何合並這些碎片化的 模版。
Directives 是作為可復用的模版,
而業務邏輯則是一般是一個業務對應一個 html 及其的 controller.
『肆』 angularjs數組判斷是否含有某個元素的實例
判斷數組中是否包含某個元素
Array.prototype.S=String.fromCharCode(2);
Array.prototype.in_array=function(e){
var r=new RegExp(this.S+e+this.S);
return (r.test(this.S+this.join(this.S)+this.S));
};
var arr = ["xml","html","css","js"];
arr.in_array("js");
//如果 存在返回true , 不存在返回false
延展閱讀:
AngularJS誕生於2009年,由Misko Hevery 等人創建,後為Google所收購。是一款優秀的前端JS框架,已經被用於Google的多款產品當中。AngularJS有著諸多特性,最為核心的是:MVC、模塊化、自動化雙向數據綁定、語義化標簽、依賴注入等等。
AngularJS 是一個 JavaScript框架。它是一個以 JavaScript 編寫的庫。它可通過 <script> 標簽添加到HTML 頁面。
AngularJS 通過 指令 擴展了 HTML,且通過 表達式 綁定數據到 HTML。
AngularJS 是以一個 JavaScript 文件形式發布的,可通過 script 標簽添加到網頁中。
『伍』 作為前端,我為什麼選擇 Angular 2
Angular 2就不同了,它的起點更高,整合了現代前端的各種先進理念,在框架、文檔、工具等各個層面提供了全方位的支持。 比如它的「組件樣式」能讓你在無需了解CSS Mole的前提下獲得CSS Mole的好處,它的Starter工程能讓你在無需了解Webpack的 前提下獲得Hot Mole Replacement等先進特性,它能讓你從Web Worker(你知道這是什麼嗎?)中獲得顯著的性能提升。
『陸』 在Angular中如何實現下拉框模糊查詢功能
AngularJS過濾器
加一個input框,綁定input的內容。
下面加個item列表
input當中的內容為abc的時候
item列表進行一個篩選abc。
下拉功能直接用html+js做,別用自帶select。
ng-repeat="x in names | filter:test | orderBy:'country'"
查看這個例子
網頁鏈接
『柒』 angular前端.map和.filter的區別
我們說的map()和filter()其實是Array.prototype.map()創建一個新的數組,其結果是該數組中每個元素都調用一個提供的函數後返回的結果。
語法:var newArray = arr.map(function callback(currentValue, index, array){undefined//對每個元素的處理})
具體操作可去相關網站進行了解。
『捌』 angular 模糊查詢是前端做還是後台做
這個問題主要還是要看查詢的數據量,而功能是前後端都可以實現的,由於緩存的限制,所以大數據量要放在後端,否則每次都要緩存很大的數據量,並且第一次會很慢。一般來講超過100k的數據要放到後端去做,相反小數據量的話放到前段去做更為合適,因為緩存一次之後就不需要再次請求了。
『玖』 怎麼看前端是不是angular寫的
很簡單就看它的標簽和引入的js文件 angular使用必須使用ng-app這個綁定應用
『拾』 Web前端主流框架—Angular的優缺點分析
Angular:
Angular是一款優秀的前端JS框架,已經被用於Google的多款產品當中。它有以下的特性:1.良好的應用程序結構;2.雙向數據綁定;3.指令;4.HTML模板;5.可嵌入、注入和測試。
優點:
1.模板功能強大豐富,自帶了極其豐富的angular指令。
2.是一個比較完善的前端框架,包含服務,模板,數據雙向綁定,模塊化,路由,過濾器,依賴注入等所有功能;3.自定義指令,自定義指令後可以在項目中多次使用。
4.ng模塊化比較大膽的引入了Java的一些東西(依賴注入),能夠很容易的寫出可復用的代碼,對於敏捷開發的團隊來說非常有幫助。
5.angularjs是互聯網巨人谷歌開發,這也意味著他有一個堅實的基礎和社區支持。
缺點:
1.angular入門很容易但深入後概念很多,學習中較難理解。
2.文檔例子非常少,官方的文檔基本只寫了api,一個例子都沒有,很多時候具體怎麼用都是google來的,或直接問misko,angular的作者。
3.對IE6/7兼容不算特別好,就是可以用jQuery自己手寫代碼解決一些。
4.指令的應用的最佳實踐教程少,angular其實很靈活,如果不看一些作者的使用原則,很容易寫出四不像的代碼,例如js中還是像jQuery的思想有很多dom操作。
5.DI依賴注入如果代碼壓縮需要顯示聲明。
以上就是青藤小編關於Web前端主流框架:Angular的優缺點分析的相關分享,希望對大家有所幫助,想要了解更多相關內容,歡迎大家及時關注哦!