原创 react:react-cropper插件,實現圖片裁剪upload上傳功能

因業務需求,需要用戶自定義個人頭像(圖片剪切上傳);調研了之後,決定使用react-cropper插件來實現頭像上傳功能! react-cropper插件還是很全面不錯的, 滿足了功能的需要。 步驟實現: 1、安裝       npm i

原创 http-server : 無法加載文件 C:\Program Files\nodejs\node_global\http-server.ps1

使用http-server報錯信息如下:         http-server : 無法加載文件 C:\Program Files\nodejs\node_global\http-server.ps1,因爲在此係統上禁止運行腳本。有關詳

原创 查看本機的ssh公鑰

查看本機電腦的ssh公鑰的方法: 1、命令窗口查找       打開命令窗口,進入.ssh目錄: cd ~/.ssh      找到id_rsaa.pub文件: ls      查看公鑰: cat id_rsa.pub  ||  vim

原创 使用css僞元素,模擬html中的title屬性

在html中, title屬性的作用是顯示額外的信息,當鼠標移動到元素上時,這些提示信息就會顯示出來。然後,title屬性的缺點也很明顯,一是原始樣式太醜,一是鼠標移動到元素上之後,需要等待一段時間纔會顯示;因此,我們可以使用僞類來解決這

原创 react中日期時間格式化

項目開發過程中,總會遇到這樣那樣的時間格式化問題,那麼在react中,日期時間格式化該怎麼解決?? 一種是直接使用插件 moment,方便快捷完美的解決時間格式化問題; 另一種是,假如整個項目只有一處使用到了時間,那麼使用 moment會

原创 CSS3繪製不規則圖形(一)

由於近期的項目中出現了不規則的邊框和圖形, 所以只好提前先溫習一下,以前收集的一些CSS3繪製的圖形。。。樣式繪製的圖形比圖片的性能要好,體驗更佳。廢話不多說,我們直接看效果:1、三角形系列(三角形、倒三角、左三角、右三角、左上三角、右上

原创 問題:ubuntu14.04下,搜狗輸入法不能輸入中文

在Ubuntu 14.04 環境下,使用搜狗輸入法,時不時的就不能輸入中文,這是一件很讓人崩潰的事情。 現在將解決方法寫下來,步驟如下:      1、重啓搜狗輸入法            通過下面的兩個命令重啓:            

原创 自定義 input[type=radio] 樣式

input[type=radio] 原生的單選框樣式和原生的複選框樣式是一樣的不美觀,而通常設計過程中,爲了契合產品風格,也會將這些組件樣式設計的很漂亮,但是直接修改原生的樣式,會發現只可以設置少數的樣式,其餘樣式並沒有效果。 因此,我們

原创 Windows7環境下: Git安裝步驟

因項目需求, 需要在window7環境下開發, 所以在win7系統下安裝了Git工具。1、首先需安裝git工具,可以從git官網直接下載安裝程序(也可以從國內鏡像),按照默認選項安裝即可。     安裝完成之後,在開始菜單裏找到“Git”

原创 問題:npm WARN [email protected] requires a peer of ajv@^6.0.0 but none is installed.

在react項目中, npm install 時,報錯:npm WARN [email protected] requires a peer of ajv@^6.0.0 but none is installed. 報錯解決方案:命令:

原创 自定義 input[type=checkbox] 樣式

input[type=checkbox] 複選框作爲網頁中常見的一種組件, 我們在設計開發過程中,爲了頁面的美觀,往往需要設計符合產品的風格樣式; 而原生的複選框樣式並不美觀,且直接修改它的樣式,會發現只可以設置少數的樣式,其餘樣式並沒有