AnglarJSの勉強のちょっとした収穫
3338 ワード
AnglarJS:SPAsを構築するために使用されます.
AnglarJSはMVCモードに基づいているので、彼はApplicationをModel View Controllerに分解しました.ViewはHTMLとAnglarJS自身のtemplateによって実現され、モデルとcontrolはJavaScriptの対象と方法によって実現される.
AngullarJSは<script>に書いてもいいです.directiveを通じてHTMLを拡張して、{Expression}でデータをHTMLに結び付けます.
私たちはを通じてAnglarJSをページに導入できます.
ng-controllerは対応するcontrollerをハローControllerと定義した.「script」ではangglar.module.co ntrollerによって具体的なcontroller実現方法を定義していますが、この方法はあるmoduleだけで有効です.
AnglarJSはMVCモードに基づいているので、彼はApplicationをModel View Controllerに分解しました.ViewはHTMLとAnglarJS自身のtemplateによって実現され、モデルとcontrolはJavaScriptの対象と方法によって実現される.
AngullarJSは<script>に書いてもいいです.directiveを通じてHTMLを拡張して、{Expression}でデータをHTMLに結び付けます.
私たちは
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/{version}/angular.min.js"></script>
簡単な例を通して、AnglarJS--「ハローワールド」を一応調べてみます.<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/{version}/angular.min.js"></script>
</head>
<body ng-app="helloApp">
<div ng-controller="helloController">
<p>{{hello.message}}</p>
</div>
<script>
angular.module('helloApp',[])
.controller('helloController', function($scope){
$scope.hello = {};
$scope.hello.message = "Hello World";
});
</script>
</body>
</html>
この例では、ang-apはAnglarJSアプリケーションがハローアプリであると定義していますが、ng-apがない場合は、HTMLは数式を直接表示して計算しません.ng-controllerは対応するcontrollerをハローControllerと定義した.「script」ではangglar.module.co ntrollerによって具体的なcontroller実現方法を定義していますが、この方法はあるmoduleだけで有効です.
部分はViewです.
$scopeはとても重要な概念で、一つのscopeと複数のサブscopeがあります.それぞれのviewにはscopeがあります.各controllerによって宣言されるscopeの各変数は、他のcontrollerにとっては見られないものであり、それぞれのcontrollerの中のscopeは異なるものである.
Filter:
フィルタの使い方は簡単です.特定のデータを絞り出すために、…124 filter:…124…124…を通して使います.
Formating Filter:date、concurrency、number、json、upercase、lowercase
Aray Filter:limitTo、filter、orderBy
Cusstomized:module.filter('filterName',function() });
カスタムフィルタ方法は、複数のパラメータがあります.使用中は、filter:var 1|var 2....
イベント:
事件はJavaScriptとほぼ同じで、ng-directiveになりました.
ng-click、ng-dbl-click、ng-mousedown、ng-mouseup、ng-mouseenter、ng-mouseleave、ng-mouseove、ng-mouseove、ng-keydown、ng-keyup、ng-keypes、ng-keycleas、ng-change
AJAX:
http serviceを使ってAJAX callを実現できる方法は、以下のようなものがあります.
$http.get(url,config)、$http.post(url,data,config)、$http.put(url,data,config)、$http.delete(url,config)、http.head(url,config)
JSON.strigifyによってデータをJSON stringに変換することもできます.
以上の方法ではconfigパラメータをserverに送信するHTTP requestを制御するために用いられており、彼はJavaScript Objectであり、method、url、params、headers、timeout、cache、tranformRequest、tranformReponseを含む.
これらの内容はjqueryのajax callの内容とほぼ同じで、methodはrequestのHTTP methodを定義し、urlはAJAX CALLのurlを定義しています.paramsは他のURLに追加するrequest paramsを定義しています.headersはserverに送信したい他のheaderを定義しています.またserverに送信する前にrequestを変換する方法で、tranformResonseはapprationに転送する前にserverから送信されたreponseを変換する方法を定義しています.
具体的な方法:
PromiseObject.success }).error(function){data、status、headers、config)} });
$http.json P(url,config)JSON dataを得る方法もあります.しかし、Securityではあまり良くないです.JSONPを使うと、リモートserverはローカルHTMLページで実行できるJavaScriptを任意に送ってもいいです.中にはJS方法で個人アプリの情報を盗む場合もありますので、JSONPを使うなら信頼されたserverに使った方がいいです.
AnglarJSには実はいくつかの内部原理と方法があります.例えば、watch()、digest()、appy()、comparie()、link()などですが、面接でよく聞かれるのは主にいくつかの基礎的な使い方と概念です.例えば、anglarjsはどこで使えますか?
学習の過程で主に参考になりました.http://www.w3cschool.cc/angularjs/angularjs-intro.htmlまだありますhttp://tutorials.jenkov.com/
$scopeはとても重要な概念で、一つのscopeと複数のサブscopeがあります.それぞれのviewにはscopeがあります.各controllerによって宣言されるscopeの各変数は、他のcontrollerにとっては見られないものであり、それぞれのcontrollerの中のscopeは異なるものである.
Filter:
フィルタの使い方は簡単です.特定のデータを絞り出すために、…124 filter:…124…124…を通して使います.
Formating Filter:date、concurrency、number、json、upercase、lowercase
Aray Filter:limitTo、filter、orderBy
Cusstomized:module.filter('filterName',function() });
カスタムフィルタ方法は、複数のパラメータがあります.使用中は、filter:var 1|var 2....
イベント:
事件はJavaScriptとほぼ同じで、ng-directiveになりました.
ng-click、ng-dbl-click、ng-mousedown、ng-mouseup、ng-mouseenter、ng-mouseleave、ng-mouseove、ng-mouseove、ng-keydown、ng-keyup、ng-keypes、ng-keycleas、ng-change
AJAX:
http serviceを使ってAJAX callを実現できる方法は、以下のようなものがあります.
$http.get(url,config)、$http.post(url,data,config)、$http.put(url,data,config)、$http.delete(url,config)、http.head(url,config)
JSON.strigifyによってデータをJSON stringに変換することもできます.
以上の方法ではconfigパラメータをserverに送信するHTTP requestを制御するために用いられており、彼はJavaScript Objectであり、method、url、params、headers、timeout、cache、tranformRequest、tranformReponseを含む.
これらの内容はjqueryのajax callの内容とほぼ同じで、methodはrequestのHTTP methodを定義し、urlはAJAX CALLのurlを定義しています.paramsは他のURLに追加するrequest paramsを定義しています.headersはserverに送信したい他のheaderを定義しています.またserverに送信する前にrequestを変換する方法で、tranformResonseはapprationに転送する前にserverから送信されたreponseを変換する方法を定義しています.
具体的な方法:
PromiseObject.success }).error(function){data、status、headers、config)} });
$http.json P(url,config)JSON dataを得る方法もあります.しかし、Securityではあまり良くないです.JSONPを使うと、リモートserverはローカルHTMLページで実行できるJavaScriptを任意に送ってもいいです.中にはJS方法で個人アプリの情報を盗む場合もありますので、JSONPを使うなら信頼されたserverに使った方がいいです.
AnglarJSには実はいくつかの内部原理と方法があります.例えば、watch()、digest()、appy()、comparie()、link()などですが、面接でよく聞かれるのは主にいくつかの基礎的な使い方と概念です.例えば、anglarjsはどこで使えますか?
学習の過程で主に参考になりました.http://www.w3cschool.cc/angularjs/angularjs-intro.htmlまだありますhttp://tutorials.jenkov.com/