ES6學習筆記

2021-10-06 10:47:00 字數 2699 閱讀 5522

1)解構陣列

2)解構物件

3)解構引數

4)解構模組

查詢字串						 	 str.

charat

(index)

擷取字串 str.

substring

(start,end)

字串替換 str.

replace

(str1,str2)

字串匹配 str.

match

(rgexp)

檢查字串str是否存在s str.

included

(s) 檢查str是否以s開始 str.

startwith

(s) 檢查str是否以s結尾 str.

endswith

(s) 將字串s放到str前 str.

padstrat

(s) 將字串s放到str後面 str.

padend

(s)

將function(){}變成(resp)=>{}

在函式中,this指向函式本身,在剪頭函式中,this指向原本物件

...arg
arr.

foreach

((key, index, arr)

=>

)

給函式設定預設值
針對js檔案,可以把不同的檔案匯入到js檔案中

1.commonjs

2.amd

3.cmd

4.es6

1)安裝:		cnpm i webpack webpack-

cli-g(全域性安裝)

2)打包: cnpm init

3)專案安裝: npm i webpack webpack-

cli-d(專案安裝)

(快速安裝: npm install)

打包命令: webpack

4)配置打包檔案 webpack.config.js

5)直接 webpack

webpack五要素:

起點入口(entry)、輸出路徑(output)、載入器(loader)、外掛程式(plugins)、模式(mode)

暴露普通資料:
let a=

100export

匯入:index.js

import a from

console.

log(a)

使用預設(default)暴露資料:(可任意起名字)
匯出:spp.js

let a=

100export

default

匯入:index.js

import b from

console.

log(b)

安裝loader載入器(專案內安裝)
npm i style-loader css-lodder -

d webpack

安裝plugin(專案內安裝)
cnpm i html-webpack-plugin -d
壓縮html:(去除空格和注釋)

htmlwebpackplugin()
安裝載入器(專案內安裝)
npm i less less-loader -d
樣式預處理器(less、sass、stylues)

1.less

1)允許巢狀css

2)定義變數

3)定義函式

2.sass

安裝伺服器(全域性安裝)

npm i webpack-dev-server -g

webpack-dev-server

npm i url-loader file-loader -d				(專案內安裝)

webpack

載入html中的(專案內安裝)

npm i html-loader -d

webpack

npm i file-loader -d						(專案內安裝)

webpack

npm i mini-css-extract-plugin -d			(專案內安裝)

webpack

npm i optimize-css-assets-webpack-plugin -d	(專案內安裝)

webpack

(專案內安裝)

npm i @babel/core babel-loader -d

npm i @babel/preset-env core-js -d

ES6學習筆記

let 塊變數 作用域為塊 const 常亮 作用域為當前塊 解構賦值 例 var x,y 1,2 字元擴充套件 at includes startswith endswith repeat codepointat 模板字串 例 正則的uiy 數值擴充套件 number.isfinite numbe...

ES6學習筆記

常用語法 1 let 與var類似,不同的是let定義的變數有塊級作用域,比如 var a 1 while true alert a 2 用let let a 1 while true alert a 12 const用來定義變數,但是定義之後的值不能再次更改了。乙個實際的用途是用來定義引入的模組,...

ES6學習筆記

var 有變數提公升 let 是塊級作用域,沒有變數提公升 模板語言 還原百分百定義的格式 const 定義常量,特殊情況可以改變值 const b 1 b 2 error const b b.a 2 ok b.c 10 ok object是記憶體位址,位址不變就沒問題 預設值 在不知道接收到個什麼...