# 不同類型數(shù)據(jù)賦值時的區(qū)別

=> 1. 基本數(shù)據(jù)類型，會直接將棧里面的數(shù)據(jù)賦值給其他變量，賦值結束后，兩個變量相互之間沒有關系，互不影響

??=> 2. 引用數(shù)據(jù)類型，會將棧里面的地址賦值給其他變量，該地址會指向堆里面的同一條數(shù)據(jù)，造成數(shù)據(jù)共享的問題：其中一個改變。另一個會跟著改變

# 淺拷貝

=> 對于數(shù)據(jù)的第一層，拷貝的是值，而其他層級，拷貝的依然是地址。

??=> 方式一： ...展開運算符?

+ var newObj = {...obj}

=> 方式二： var newObj = Object.assign({}, obj)

# 深拷貝

=> 無論引用數(shù)據(jù)的層級，拷貝的都是值

??=> 方式一： JSON對象

?? + var newObj = JSON.parse(JSON.stringify(obj))

+ 缺陷：會自動忽略undefined和方法，將正則變成空對象

=> 方式二： lodash庫

?? + 1. 導入庫文件地址

????+ 2. 調用_.cloneDeep方法

# 放大鏡效果

=> 步驟：

?? + 1. 動態(tài)渲染頁面

???? =》 小圖片，大圖片和縮略圖的渲染

??????=》 動態(tài)設置大圖片盒子的寬高（蒙層的移動和大圖片的移動是等比例的）

??????=》 大圖片盒子的寬高 = 蒙層的寬高 * 大圖片的寬高 / 小盒子的寬高

????+ 2. 縮略圖的切換效果

???? =》 選項對應的內容只有一個盒子，只能通過修改盒子里面的圖片路徑實現(xiàn)

????+ 3. 鼠標的移入移出效果

????+ 4. 蒙層跟隨鼠標移動和大圖片的跟隨移動

???? => 1. 蒙層的移動范圍需要邊界限定

??????=> 2. 鼠標在蒙層的中心位置

??????=> 3. 大圖片是往相反方向移動

??????=> 4. 大圖片的移動距離 = -（蒙層的移動距離 * 大圖片的寬高 / 小盒子的寬高）