一、前言保持線上項目穩定運行是很重要的,為了達到服務可用性在99.9%,也為了減少開發人員在項目部署時耗費大量精力,可以嘗試自動化發布自動化部署涉及到的配置比較多,每個環節需要掌握的知識也不同,所以分開寫該過程中用到的技術棧webpack docker nginx shell二、實踐環境macnode > 10.11.1docker > 20.0.0三、提前準備的內容通過create-...
背景:在開發移動端內部應用的時候,涉及安全問題,我們經常在企業微信或者圖片上看到水印,防止信息被泄露,針對這次開發做個復盤,記錄下。效果圖如下: 一、實現原理1、首先用canvas繪制水印2、創建蒙層div,可以覆蓋在頁面上,并設置pointer-events:none屬性3、將canvas繪制的水印作為背景圖重復渲染在第二步創建的div上4、將第三步水印div插入容器中二、組件封裝1、新建移動端...
背景:在開發移動端內部應用的時候,涉及安全問題,我們經常在企業微信或者圖片上看到水印,防止信息被泄露,針對這次開發做個復盤,記錄下。效果圖如下: 一、實現原理1、首先用canvas繪制水印2、創建蒙層div,可以覆蓋在頁面上,并設置pointer-events:none屬性3、將canvas繪制的水印作為背景圖重復渲染在第二步創建的div上4、將第三步水印div插入容器中二、組件封裝1、新建移動端...
一、項目背景前端項目開發一個模塊,上線前需要灰度一部分用戶,實現一個臨時的灰度方案。現有項目狀況:一個前端項目1.0.0版本后端服務1.0.0版本后端灰度服務2.0.0版本一個域名解析到前端服務80、443端口前端通過nginx轉發靜態文件1、實現原理1、打包一份前端項目2.0.0版本,上傳服務器,部署不同端口2、通過nginx獲取文件中攜帶的請求頭remote_user,在nginx代理靜態文件...
現象:在前端開發中,發現項目中很多路徑引入都是相對路徑,出現很多類似importapifrom"../../../api/test"import*asapifrom"../../../api"復制代碼這樣會導致文件引用的時候,需要計算層級,拖慢開發速度,解決方法如下:對于經常使用的目錄,可以采用別名的方式解決不管路徑如何,只要在該目錄下就從該目錄讀起,優化效...