A. Webフロントエンドフレーム------ VUE

A. ES6文法

http://es6.ruanyifeng.com/

ECMAScriptの、およびES6の誕生とは何ですか?
1997年のECMAScriptでは 1.0が誕生した

のECMAScript 1999年12月 3 0.0が生まれた、それは大成功だった、業界では広くサポートされている、それはJSの基本的な文法を完全に新しいバージョンを継承している築きました。
今日まで、我々はグラマースクールバージョン3.0では、実際には、JSを学び始める ECMAScript4.0 2000年に現在のES6の前身であるが、このバージョンでは、徹底したES3のアップグレードを行うには、とても強烈で、彼らはありません「調和」であります 2009年12月、公式リリースのECMAScript5.0バージョン。専門家のECMAグループは、2013年半ばに主流の開発標準としてのECMAScript 2018第5版であることが予想されます。2011年6月、
ES5.1リリース、および国際標準ISOになっていない 、もはや新機能はES7に置かれます、新しい機能を追加し、2013年、ES6は凍結案、2015年6月、ES6は正式に採用します国際基準は 良い、いくつかのES6を学ぶために、私たちの単純な構文出生ES6を紹介しますが、唯一の私たちのVUEコース準備の背面にクラスの前に行います。興味のある学生は見ることができた場合

https://www.cnblogs.com/majj/p/9041582.html         ES6基本的な構文

https://www.cnblogs.com/haiyan123/p/8361470.html    ES6基本的な構文

对象的单体模式

 <!DOCTYPE HTML>
<HTML LANG = "EN">
<HEAD>
    <メタ文字コード= "UTF-8">
    <メタ名= "ビューポート"コンテンツ= "幅=装置幅、初期の規模= 1.0 ">
    <META HTTP-当量=" X-UA-互換性のある」コンテンツ= "IE =エッジ">
    <タイトル>ドキュメント</ TITLE>
</ HEAD>
<BODY>
    <SCRIPT>のvar者= { 
        名: "张三」、属性
        年齢: 18
        FAV(){方法
            はconsole.log(この、 "111111111111" )。
        } 
    } 
    Person.fav()メソッドを呼び出す </ SCRIPT>
</ BODY>
</ HTML>
    
       
    
    
オブジェクト指向とES6 JavaScriptの
https://www.cnblogs.com/chaixiaozhi/p/8515087.html
JavaScriptのオブジェクト指向(いくつかの方法で継承)
https://www.cnblogs.com/shizk/p/9561997.html オブジェクトが何であるかのためのJavaScriptの?(A)
 
<!DOCTYPE HTML> 
<HTML LANG = "EN"> 
<HEAD> 
    <METAのcharset = "UTF-8"> 
    <META NAME = "ビューポート"コンテンツ= "幅=デバイス幅、初期スケール= 1.0"> 
    < HTTP-当量=メタ"X - UA互換"コンテンツ= "IE =エッジ"> 
    <タイトル>ドキュメント</ TITLE> 
</ HEAD> 
<BODY> 
    <スクリプト> 
        
JavaScriptのコンストラクタが使用するオブジェクト指向
     // コンストラクタ方法オブジェクト作成
     関数動物(名前、年齢){
          この .nameの= 名前と、初期化属性
          この .age = 年齢; 
  
     } 
     
//    上記の方法のコンストラクタに追加 
    Animal.prototype。showName = 関数(){ 
            にconsole.log(この.nameの); 
     } 
    //    上記追加のコンストラクタメソッドへ 
     Animal.prototype.showName2 = 関数(){ 
        にconsole.log(この.nameのを); 
      } 
     //    上に追加のコンストラクタメソッドに 
     Animal.prototype.showName3 = 関数() { 
        にconsole.log(この.nameの); 
     } 
     
     //    上記の方法コンストラクタに追加 
     Animal.prototype.showName4 = 関数(){ 
       にconsole.log(この.nameの); 
    } 
     
     //    上記のコンストラクタを追加し、インスタンス作成
    するvar犬= 新しい新しい動物(「日間の日」、18がある


   はconsole.log(「************************************************* ******************************** " 
  
   
ES6のためのオブジェクト(コンストラクタ関数)を使用するための
   
    クラス動物{ 
        コンストラクタ(名前、年齢){ 
            この .nameの= 名;初期化属性
             この .age = 年齢; 
        } 
        
//       方法
        showname(){  
             //はコンマはならない 
            にconsole.log(この.nameの)
        } 
    
        
    } 
   
    VARの D = 新しい新しい動物(「ジョン・ドウを」、19);    // インスタンスオブジェクト
    d.showName(); 
     </ SCRIPT> 
    
</ BODY> 
</ HTML>
スプライスのテンプレート文字列

<!DOCTYPE HTML> <HTML LANG = "EN"> <HEAD> <METAのcharset = "UTF-8"> <META NAME = "ビューポート"コンテンツ=「幅=幅デバイス、初期スケール= 1.0 "> <META HTTP-当量=" X - UA互換"コンテンツ=" IE =エッジ「> <タイトル>ドキュメント</ TITLE> </ HEAD> <BODY> <SCRIPT>のvar A = 1。 ; VARの B = 2 ; // VAR STR = "ハハ" + A + "やあやあ" + B; VARの STR = `ハハ$ {A}、{B}おいhey` $; にconsole.log(STR); </ SCRIPT> </ BODY> <
// } // はconsole.log(A)。// VARのA = []; //

ため(LET I = 0;私は10 <; Iは++){ // A [I] =関数(){ // はconsole.log(I); // }; // } // [する。6](); // 610 // 変数が持ち上げ存在しない にconsole.log(FOOを); // 出力未定義 するvar FOO = 2 ; // constが文を繰り返さないで、一度すぐに初期化宣言、定数を宣言します。 </ SCRIPT> </ BODY> </ HTML>

 

二.VUE。はじめのフレームワーク

まず、VUEは何ですか?
これは、JavaScriptのフレームワーク、ユーザインタフェースを構築することである(それは自動的にJS、CSS、HTMLなどを生成します)

https://www.cnblogs.com/haiyan123/p/8352742.html      ビュー

https://www.cnblogs.com/pythonywy/p/11568799.html   ビュー

おすすめ

転載: www.cnblogs.com/lovershowtime/p/11654470.html