1滑负、React項目實現(xiàn)點擊圖片預覽：
“React-zmage” 一個圖片放大查看組件，動畫流暢簡潔用含，使用簡單方便矮慕。react-zmage 是一個基于 React 的的圖片縮放控件, 使用 Zmage 標簽包裹后的圖片可以立即獲得縮放效果, 替代原生的 img 標簽,也可以實現(xiàn)圖片的翻轉(zhuǎn)。
（1）引入：import Zmage from 'react-zmage'
（2）將頁面中的 img 標簽替換為 Zmage
<img src="圖片源連接" /> 替換為<Zmage src="圖片源連接" />
現(xiàn)在這些圖片都可以點擊放大查看了 啄骇！
2痴鳄、path.resolve() 它的作用是拼接路徑，其傳參個數(shù)沒有限制缸夹，每個參數(shù)均表示一段路徑痪寻。
path.resolve('/foo/bar', './baz') // returns '/foo/bar/baz'
path.resolve('/foo/bar', 'baz') // returns '/foo/bar/baz'
path.resolve('/foo/bar', '/baz') // returns '/baz'
path.resolve('/foo/bar', '../baz') // returns '/foo/baz'
path.resolve('home','/foo/bar', '../baz') // returns '/foo/baz'
path.resolve('home','./foo/bar', '../baz') // returns '/home/foo/baz'
path.resolve('home','foo/bar', '../baz') // returns '/home/foo/baz'
從后向前，若字符以 / 開頭虽惭，不會拼接到前面的路徑(因為拼接到此已經(jīng)是一個絕對路徑)橡类；若以 ../ 開頭，拼接前面的路徑芽唇，且不含最后一節(jié)路徑顾画；若以 ./ 開頭 或者沒有符號 則拼接前面路徑；
3、在開發(fā)時亲雪，當我們使用path.resolve()拼接路徑時，會遇到需要使用絕對路徑的情況疚膊，但是當我們把項目部署到服務器時义辕，絕對路徑會發(fā)生變化。因此寓盗，需要一個可以計算的絕對路徑的表達方式灌砖。有了__dirname，我們就可以解決以下問題傀蚌。__dirname基显， 在所有情況下，該變量都表示當前運行的js文件所在的目錄善炫。
