摘要：上傳圖片本地預(yù)覽功能靜態(tài)方法會(huì)創(chuàng)建一個(gè)，其中包含一個(gè)表示參數(shù)中給出的對(duì)象的。這個(gè)的生命周期和創(chuàng)建它的窗口中的綁定。這個(gè)新的對(duì)象表示指定的對(duì)象或?qū)ο?。是?duì)數(shù)組中每一項(xiàng)運(yùn)行給定函數(shù)，如果該函數(shù)對(duì)任一項(xiàng)返回，則返回。

http://www.alenqi.site/2018/03/04/complete-tags/

$ npm install crypto-random-string //安裝命令

const cryptoRandomString = require("crypto-random-string");
 
cryptoRandomString({length: 10});
//=> "2cf05d94db"
 
cryptoRandomString({length: 10, type: "base64"});
//=> "YMiMbaQl6I"
 
cryptoRandomString({length: 10, type: "url-safe"});
//=> "YN-tqc8pOw"
 
cryptoRandomString({length: 10, characters: "1234567890"});
//=> "1791935639"

    //宏觀任務(wù)是瀏覽器宿主api發(fā)起的任務(wù) 例：setTimeout
    //微觀任務(wù) JavaScript引擎發(fā)起的任務(wù) 例：promise
    //每個(gè)宏觀任務(wù)都有一個(gè)微觀任務(wù)隊(duì)列
    //promise會(huì)加到宏觀任務(wù)的最后
    
    var r = new Promise(function(resolve, reject){
        console.log("a");
        resolve()
    });
    r.then(() => console.log("c"));
    console.log("b")
    //a,b,c

  Lodash 通過降低 array、number、objects、string 等等的使用難度從而讓 JavaScript 變得更簡(jiǎn)單。 Lodash 的模塊化方法 非常適用于：

  遍歷 array、object 和 string
  對(duì)值進(jìn)行操作和檢測(cè)
  創(chuàng)建符合功能的函數(shù)
  
  // Load the full build.
  var _ = require("lodash");
  // Load the core build.
  var _ = require("lodash/core");
  // Load the FP build for immutable auto-curried iteratee-first data-last methods.
  var fp = require("lodash/fp");
   
  // Load method categories.
  var array = require("lodash/array");
  var object = require("lodash/fp/object");
   
  // Cherry-pick methods for smaller browserify/rollup/webpack bundles.
  var at = require("lodash/at");
  var curryN = require("lodash/fp/curryN");

題目：我們現(xiàn)在要實(shí)現(xiàn)一個(gè)紅綠燈，
把一個(gè)圓形 div 按照綠色 3 秒，
黃色 1 秒，紅色 2 秒循環(huán)改變背景色
fuction sleep(duration){
    return new Promise((resove,reject) =>{
        setTimeout(resove,duration)
    })
}
sleep(2000).then(function(){
    
})

JavaScript 標(biāo)準(zhǔn)把一段代碼（包括函數(shù)），
執(zhí)行所需的所有信息定義為：“執(zhí)行上下文”。

  uploadChange(file) {
    console.log(file)
    let blobUrl
    try {
      blobUrl = URL.createObjectURL(file.raw)
    } catch (err) {
      console.error("[Element Error][Upload]", err)
    }
    console.log(blobUrl)
  },
  

URL.createObjectURL() 靜態(tài)方法會(huì)創(chuàng)建一個(gè) DOMString，
其中包含一個(gè)表示參數(shù)中給出的對(duì)象的URL。
這個(gè) URL 的生命周期和創(chuàng)建它的窗口中的 document 綁定。
這個(gè)新的URL 對(duì)象表示指定的 File 對(duì)象或 Blob 對(duì)象。

用 URL.revokeObjectURL() 方法來釋放內(nèi)存

every()是對(duì)數(shù)組中每一項(xiàng)運(yùn)行給定函數(shù)，
如果該函數(shù)對(duì)每一項(xiàng)返回true,則返回true。

some()是對(duì)數(shù)組中每一項(xiàng)運(yùn)行給定函數(shù)，
如果該函數(shù)對(duì)任一項(xiàng)返回true，則返回true。

const tempData = [
  {
    id: 1,
    name: "rocker",
    adress: "US"
  },
  {
    id: 2,
    name: "rocker",
    adress: "US"
  },
  {
    id: 3,
    name: "rocker",
    adress: "US"
  }
];
let everyReturn = tempData.every((item, index) => {
  return item.id > 1;
});
let someReturn = tempData.some((item, index) => {
  return item.id > 2;
});

console.log(everyReturn);
//有一個(gè)是錯(cuò)的就返回 false 且的關(guān)系

console.log(someReturn);
//有一個(gè)是對(duì)的就返回 true 或的關(guān)系

查看可用的npm源
nrm ls

// 用法： nrm use ***
nrm use taobao
// 切換之后可用 nrm ls查看是否已經(jīng)切換了npm源

https://juejin.im/post/5d3edad9f265da03a652f133

1、普通函數(shù)

function foo(){
    //code
}

2、箭頭函數(shù)

const foo = () => {
    //code
}

3、class中定義的函數(shù)

class Rectangle {
  constructor(height, width) {
    this.height = height;
    this.width = width;
  }
}
//函數(shù)聲明   會(huì)提升
//類聲明     不會(huì)提升

佩奇有天放學(xué)回家對(duì)媽媽抱怨說：同學(xué)們都說我長(zhǎng)得像吹風(fēng)機(jī)
媽媽平靜的看著佩奇：說話就說話，你別拿嘴吹我

//方法1
JSON.parse(JSON.stringify())
//方法2 ES6
const arr1=[1,2,3];
const arr2=Array.from(arr1）
//方法3
用lodash的cloneDeep
//方法4  concat 方法會(huì)返回一個(gè)新數(shù)組