原创 js實現下載多張圖片並壓縮起來
1、背景 項目中需要把一些業務的圖片採集起來做一些業務分析。但是後臺工作量太大，分析下前端能不能實現這個功能。 2、實現 1、jszip.js 壓縮並保存圖片 2、FileSaver.js 保存壓縮文件 /** * 將圖片
2019-06-29 05:25:10
原创 svg設置高度後 父級div會比svg高度高4px左右
背景 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div s
2019-06-27 13:49:15
7
原创 判斷圖片是否可從服務器正常取回
場景 做OEM定製化功能，在服務端只保存的當前圖片的靜態路徑，但是當重新部署環境時，圖片目錄會被覆蓋，此時基於產品健壯性考慮，在加載OEM定製logo等圖片時，先做下判斷，看定製數據能否正常取回。 解決方案 /** * 驗證
2019-06-26 07:15:05
1
原创 CSS選擇器
css選擇器優先級 行內樣式> 交叉選擇器> id選擇器> 類名選擇器> 標籤選擇器> *通配符> 瀏覽器對標籤預定義的樣式> 繼承的樣式 選擇器 後代級別選擇器 選擇器 例子 例子描述 CSS element eleme
2019-06-18 05:21:44
原创 html判斷IE瀏覽器，根據版本加載不同的文件
1、cc:ie6 + tab鍵盤 <!--lte 小於或等於--> <!--[if lte IE 6]> <script type="text/javascript" src=""></script> <![endi
2019-05-21 13:43:47
2
原创 基於ng-alain開發的addFilter組件
1、效果 2、開發過程 1、高級查詢是有幾個基礎模塊組成 input、select、時間、IP輸入框等等 首先簡單封裝下這些基礎組件，然後根據類型來進行繪製不同的查詢項。 2、基礎組件提供輸入後或者選中後的查詢值，給高級查詢。並
2019-05-11 16:44:33
4
原创 git剔除一部分文件，不想讓它檢測到修改，防止誤合入
一、場景 項目中有幾個文件，在編譯或者其他狀態下會有修改，但是大多數時間是不需要有修改的，且只需要個別人來做這幾個文件的修改。因此想把這幾個文件過濾掉，讓git的檢測放行。 二、方案一 清除緩存 git rm -r --cached
2019-04-23 14:02:10
原创 angular封裝自定義指令，讓參數和指令重名，簡化使用。
1、場景： 封裝的_disabled指令，希望對它直接賦值使用，不想寫個_disable指令，再傳個參數來進行賦值。 <input nz-input type="string" placeholder="" name="sysOs"
2019-04-20 08:55:20
2
原创 angualr編譯打包時，刪除冗餘的代碼。
目錄 一、背景： 二、問題： 三、解決思路： 一、背景： 項目使用差異化管理，一個項目裏面有多個產品形態的項目。公用組件和其他公共代碼，只有業務模塊進行分離。 在加載的時候使用懶加載。 二、問題： 在執行編譯時，由於在路由中配置
2019-04-13 04:47:34
原创 Users/hansl/Sources/hansl/angular-cli/packages/angular_devkit/core/src/virtual-fs" is invalid.
錯誤信息：ERROR in Path "D:/../../../Users/hansl/Sources/hansl/angular-cli/packages/angular_devkit/core/src/virtual-fs" is i
2019-04-11 04:24:19
原创 ENOENT: no such file or directory, Verification failed while extracting [email protected]
現象：npm i時一直打印圖上信息，成功不了 第一步： 刪除package-lock.json 第二步：npm cache clean -f
2019-04-10 04:20:48
3
原创 Http failure response for (unknown url): 401 From Simple Intercept
1、問題現象及背景 和後臺配合做一個驗證碼功能，前端直接以一個get請求獲取驗證碼數據。報該錯誤 Http failure response for (unknown url): 401 From Simple Intercept --
2019-04-05 05:24:50
原创 angular使用自定義命令來啓動不同的proxy.conf配置
一、背景 項目做歸一化架構，需要同時啓動不同的項目，由於後臺映射的是不同的服務器，頻繁切換時需要經常修改proxy.conf.json文件。因此希望有個方法能解決這個困擾。 二、解決方式 1、安裝腳手架 npm install -g
2019-04-05 05:24:50
原创 日誌與事件相關性的聯繫
日誌與事件相關性的聯繫 從基礎知識開始 安全信息和事件管理 (SIEM)幫助管理和分析網絡產生的巨大數量的日誌信息。在SIEM所有功能中，事件相關性是最強大的功能。這個技術分析來自服務器、應用程序、路由器、防火牆和其他網絡設備的日誌數據，
2019-03-31 13:40:16