圖片地址+?d 下載圖片配置，請(qǐng)求頭中加下面
Content-Disposition: attachment; filename="Image.png"docker鏡像啟動(dòng)和停止
docker run -d -p 3000:8000 harbor.gemii.cc/lizhospital/ui-luzhen-platform-web:v1.0.0
docker ps // 查看所有正在運(yùn)行容器
docker stop containerId // containerId 是容器的ID
docker ps -a // 查看所有容器
docker ps -a -q // 查看所有容器ID
docker start(docker ps -a -q) // stop停止所有容器
docker rm $(docker ps -a -q) // remove刪除所有容器
docker system prune --volumes // 清除緩存react項(xiàng)目報(bào)錯(cuò):process is not defined on hot reload
- npm 依賴包安裝版本問題，刪掉node_modules文件夾，重新安裝
- 升級(jí) react-scripts
參考文檔：https://stackoverflow.com/questions/70357360/process-is-not-defined-on-hot-reload
軟件盤彈起時(shí)會(huì)壓縮窗口高度，解決辦法：設(shè)置最小高度。
微信網(wǎng)頁(yè)reload()刷新失敗，解決辦法： 使用location.href+隨機(jī)數(shù)。
Max-height 導(dǎo)致 calc失效？
元素沒有設(shè)置寬高，導(dǎo)致viewport失效。
Android和iOS軟鍵盤彈起時(shí)窗口高度不一樣，Android會(huì)減少，ios則不變。
iOS下input 設(shè)置為disable時(shí)，字體顏色會(huì)有一個(gè)透明度。
圖片緩存問題，使用react-avatar-editor 組件時(shí)遇到，不想從緩存加載圖片，在圖片鏈接后面加隨機(jī)數(shù)
Android的窗口高度比ios的窗口高度少1，滾動(dòng)加載時(shí)需要注意。
Vim 保存只讀文件的修改指令：:w !sudo tee %
「Text Autosizer」，又稱「Font Boosting」、「Font Inflation」,給元素指定寬高，就可以避免 Font Boosting 被觸發(fā)。
-webkit-box-orient: vertical;打包時(shí)丟失。設(shè)置/* autoprefixer: off / -webkit-box-orient: vertical; / autoprefixer: on */
process.env.PUBLIC_URL react中使用來寫組件中的圖片路徑
-
頁(yè)面性能提升：
- Css整理去除無用的css樣式
- 圖片優(yōu)化，精靈圖體積減小
- eslint語(yǔ)法檢查？
- 使用code-split => react-loadable
- 內(nèi)存優(yōu)化？？？ 去掉console.log() 去掉定義了但是沒有使用的變量
- 使用shouldComponentUpdate 減少不必要的渲染
iPhone自帶click點(diǎn)擊效果用css去除: 給可點(diǎn)擊的元素設(shè)置： -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
transform 會(huì)導(dǎo)致元素字體模糊
pnpm 在windows下執(zhí)行報(bào)錯(cuò)：
pnpm : 無法加載文件 C:\Program Files\nodejs\pnpm.ps1，因?yàn)樵诖讼到y(tǒng)上禁止運(yùn)行腳本。有關(guān)詳細(xì)信息，請(qǐng)參閱 https:/go.microsoft.com/fwlink/?
LinkID=135170 中的 about_Execution_Policies。
解決辦法：
1、在系統(tǒng)中按下Win + R，輸入 Windos PowerShell
2、點(diǎn)擊“管理員身份運(yùn)行”
3、輸入“ set-ExecutionPolicy RemoteSigned”回車
4、根據(jù)提示，輸入y，回車
