gitとES 6のまとめ

git
git紹介

git(https://github.com/)は、分散バージョン管理技術

である

SVNは、一元管理バージョン管理技術

である.

コード管理プラットフォーム:github、コードクラウド、gitlabなど

最初のステップgithubの登録と倉庫の作成
ステップ2公開鍵と鍵の生成
コマンド:ssh-keygen-t rsa-b 4096-C"[email protected]"
上記のコードを実行すると、C:UsersDellになります.sshは2つのファイルを生成する
ステップ3メールボックスとユーザー名をローカルに追加

  git config --global user.email "[email protected]"
  git config --global user.name "Your Name"

ステップ4倉庫のクローン作成

git clone     
  ：git clone  [email protected]:liyu888666/testpro.git
 ssh:   [email protected]:liyu888666/testpro.git
https:  https://github.com/liyu888666/testpro.git

git常用コマンド
クローン:git clone追加:git addファイル名ファイルステータスの表示:git statusコミット:git commit-m「説明」プッシュ:git push履歴ロールバック:

     、       : git checkout --   

     、           :  git reset HEAD    

     、     : git reset --hard commit_id

     、    ： git pull  git push

git logログを表示するgit log--pretty=oneline git reflog
違いを表示:1.ワークスペースの変更の違いを表示する:git diffファイル名2.ワークスペースと一時保存の違いを表示します:git diff--cachedファイル名3.ワークスペースとバージョンライブラリの違い:git diff HEADファイル名4.2つのバージョンライブラリの違いを表示:git diff commit_id commit_id

   ： git diff   bb6a1a8 6111f25

5.2つのブランチの違いを確認します:???
ブランチ:gitの重要な内容

      ： git branch
      ： git branch    
      ：git checkout    

        ：git checkout -b    

      ：git merge --no-ff       

        ： 
          git branch -d         //        
          git branch -D          //        

        ：    

  git   

        ：git tag
        ： 
            1.git tag    
            2.git tag     commit_id
          ：git tag -d        
          ：git push origin :refs/tags/         

ES6

    ：
    1.http://es6.ruanyifeng.com/#docs/function   
    2.https://www.cnblogs.com/Wayou/p/es6_new_features.html

JS:ES(EcmaScript),DOM,BOM

 ES1.0   1997
 ES2.0   1998
 ES3.0   1999
 ES4.0    XXXX   2005-2006
 ES5.0   2009
 ES5.1   2011
 ES6(ES2015)     2015
 ES7     2016
 ES8    2017
 ES9    2018
 .....

ES 6新機能:

1. let,const
     ：
   （1）      
    (2)       
    （3）      

2.テンプレート文字列適用シーン:文字列接合の問題を解決するために逆引用符で実現する:``値を取得する:${}

3.    ：  =>

匿名関数:function(item,index,arr){
console.log(arr)
}
匿名関数の代わりに=>を使用します(パラメータ1、パラメータ2、...)=>{

  //   

}
一般関数と矢印関数の違い:

           this,  this       this
           this,  this          

call,apply,bindの理解
1.同じ点:call,apply,bindはいずれもthisの指向を変えることができる.違い:callとapplyのパラメータ形式が異なり、

       .call(      ,  1,  2,......)
       .apply(      ,[  1,  2,......])

    bind      ， this     
      .bind(      )（  1,  2,......）
            
      .bind(      ，  1,  2,......)（）

オブジェクト拡張:1.keyがvalueと同じ場合は、次のように書きます.

    var name="1512A"
    var age=20;
        ：

    var obj={
         name:name,
         age:age

    }

         ：
    var obj={
       name,
       age

    }

2.関数の書き方を簡略化する
以前の書き方:

var obj={
   say:function() {
      console.log(`  ${this.name}`);

   }

}

現在の書き方:

        var obj={
           say() {
              console.log(`  ${this.name}`);

           }

        }

末尾カンマ:配列、オブジェクトの末尾にカンマを追加でき、開発が容易

   var obj={
   name:'alice',
   age:20,

}

割り当ての解除:

var info={name: "alice", age: 20, address: "  "}

var {name,address}=info;

var [one,two]=[20,45,6,2]

オペレータ(spread)とrest:...を展開します.
{23, 34, 45, 54, 342}

...  {23, 34, 45, 54, 342}

[]23, 34, 45, 54, 342]



1.  rest:             

    3,13,23,4,4,3 => [3,13,23,4,4,3 ]

2.       ：           

set:      ，      ，    

symbol: ES6          ,            。    ES6   Symbol   

javascript    ：string,number,boolean,null,undefined

map:      ，key           ，    ，   。。。。

  ：   map         ：  

class: ES6            

ES5  ：[https://segmentfault.com/a/1190000002440502](https://link.jianshu.com?t=https%3A%2F%2Fsegmentfault.com%2Fa%2F1190000002440502)

   ：

クラス名{
constructor(パラメータ1,パラメータ2,...)//コンストラクション関数の自動実行内容}
メソッド(//メソッドロジック}
}

   ：new   (    )

  ：

class Person {
constructor(name) { this.name=name || "1512A"; }
drive() { console.log( ${this.name} ); }
}

   ：

  ：

//中国人は人間のclass子類extendsの親類を受け継ぐ{

 constructor(  1,  2,....) {
     super(name)   //      ，         this，          

 }

     1() {
   //.....
 }

    2() {
   //.....
 }

}

  ：
//       

class ChinaPerson extends Person {

 constructor(name) {
     super(name)

 }

 play() {
    console.log(`${this.name}    `);
 }

 go() {
     console.log('go  ')
 }

}

    :              

  ：
function Fn(  1="   1",  2="   2") {

}

promise????

for of

  （module）

export default { data() {
}
}
import aaaa from 'header.vue'