GitとEs 6のまとめ

GitとEs 6のまとめ
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]

rest:データリストを配列3,13,23,4,4,3=>[3,13,23,4,4,3]

に変換する.

展開オペレータ:配列をデータリスト

に変換する
set:配列の拡張で、中の値は唯一で、繰り返すことはできません
Symbol:ES 6に新たに追加された基本データ型で、属性名の競合を根本的に防止します.これがES 6がSymbolを導入した理由です
JAvascript基本タイプ:string,number,boolean,null,undefined
map:オブジェクトの拡張であり、keyはオブジェクト、文字列を含む任意のタイプの値として機能します...
注意:配列mapメソッドとの区別戻り値:配列
class:ES 6実装の最新のオブジェクト向け書き方です
ES 5継承:https://segmentfault.com/a/1190000002440502
クラスの定義:

class   {

   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  ')
     }

}

≪デフォルト・パラメータ｜Default Parameters｜ldap≫:関数パラメータにデフォルト値を直接指定します.
例:function Fn(形状エネルギー1="既定値1",形状パラメータ2="既定値2"){
}
promise????
for of
モジュール

  export default {
      data() {

  }

 }

  import aaaa from 'header.vue'

VUE
参考資料:https://cn.vuejs.org/https://router.vuejs.org/zh-cn/https://vuex.vuejs.org/https://github.com/vuejs/awesome-vue
一、vue+jquery vue(IE 9+)

二、vueファミリーバケツ:vue+ES 6+vuerouter+less(sassまたはstylus)+vuex+webpack+......

   vue         

  npm install -g @vue/cli

   npm install        ，        ：
   npm config set registry https://registry.npm.taobao.org

eslintコードチェックを無効にする:config->index.js useEslint:trueを探してfalseに変更
実機テスト:vueスクリプトラックconfig->indexを開きます.jsのhost:“localhost”をhost:'0.0.0.0'に変更
パッケージパス:vueスクリプトラックconfig->indexを開きます.jsのbuild:{//Template for index.html index:path.resolve(_dirname,'.../dist/index.html')、

// Paths
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static',
    assetsPublicPath: '/',  assetsPublicPath: './'

モバイル端末H 5ページHDマルチスクリーン対応方案:https://note.youdao.com/share/?id=8e3044287f1ab4822b3647cfa21c67e5&type=note#/
通常、ブラウザでデフォルトで使用される番号:16 px;
ブラウザ最小12 px文字設定可能

            transform:scale(0.8)