• 公眾號：前端印象
• 不定時有送書活動，記得關注~
• 關注後回覆對應文字領取：【面試題】、【前端必看電子書】、【資料結構與演算法完整程式碼】、【前端技術交流群】

我真的拿出我收藏的最最最實用的工具網站來給你們了。

相信很多人不光是在程式設計的過程中，在平時的生活中，也經常會收藏一些有用的網站，方便使用的時候，靠這些網站來解決一些麻煩的事情。
比如：

• 做自媒體的人經常需要一些圖片素材；
• 做前端開發的人經常需要豐富的顏色程式碼；
• 有些人需要各種文件檔案的格式轉化；
• ………………

這裡，我就把我壓箱底收藏的一些經常用的工具網站分享給你們，你們也可以收藏起來，方便在使用的時候找到。

一、線上正規表示式測試

線上正規表示式匹配網站：https://tool.oschina.net/regex/

想必正規表示式的匹配是很多程式設計師要用到的，但當遇到非常複雜的匹配需求時，我們還是需要除錯很多次的。

這裡給大家推薦一個線上的正規表示式匹配網站，可以直接測試正規表示式的匹配結果，不用頻繁操作程式，並且還可以替換相應文字。

重點： 這個網站裡具有一些常用的正規表示式匹配程式碼，我們可以直接拿來使用。

點選一下右側相應的正則，就可以獲得相應的正則匹配程式碼。

二、網路請求自動程式碼編寫

網路請求自動程式碼編寫：https://curl.trillworks.com/

這個網站可是我真真真壓箱底的網站！！！！做過爬蟲的程式設計師都知道，我們在分析網頁檔案的請求時，會在開發者工具裡檢視瀏覽器請求過來的檔案。

假設這個圖中箭頭指的檔案裡有我們需要的資料，我們需要自己擬一個請求，去獲取裡面的資料，但有時候我們不知道請求的時候需要攜帶什麼引數，我們就可以用這個網路請求自動程式碼編寫網站來幫我們擬一個請求。

我們先右鍵點選這個檔案，點選滑鼠所指的地方

然後將複製的內容貼上到該網站的左側，然後選擇對應的程式語言，就可以在右側自動生成我們想要的網路請求程式碼了，該程式碼裡已經自動攜帶上了請求時需要攜帶的引數。

這個網站也支援很多語言的，例如node.js 、PHP等等

所以，這樣就方便了我們爬蟲時分析網頁請求，節省了很多時間。

三、線上顏色程式碼轉變

顏色程式碼轉換：http://www.yuangongju.com/color

有時候我們只得到一個RGB形式的顏色程式碼，卻不知道它對應的16進位制程式碼到底是什麼，我們可以去這個網站上，線上轉碼，並且還可以得到其他格式的顏色程式碼，網站的背景顏色也會跟著改變，可以說是非常的生動了。

網站的下方，還有很多顏色程式碼的參照，我們也可以自己挑選。

四、圖片素材網站

（1）Pixabay：https://pixabay.com/zh/

Pixabay網站是一個支援中文搜尋的免費可商用相簿。

我們直接在網站中間的搜尋框，輸入中文就可以搜尋到我們想要的圖片。

（2）Unsplash：https://unsplash.com/

Unsplash網站的免費照片有很多，而且照片大多都是偏唯美，不過網站內是英文的，我們可以用瀏覽器自帶的翻譯功能改成中文的。

這網站裡是支援中文 、英文搜尋的。

（3）Cupcake：https://cupcake.nilssonlee.se/

Cupcake網站比較簡潔，照片大多適合做背景圖。它沒有搜尋功能，是直接下拉依次瀏覽的，並且照片也全部都是免費的。

（4）Pexels：https://www.pexels.com/zh-cn/

Pexels網站頁面也十分的好看，跟Pixabay也很類似，也可以通過搜尋框中輸入文字，得到想要的圖片。

五、線上時間戳轉換工具

線上時間戳轉換工具：https://tool.lu/timestamp/

這個網站的功能就顯而易見了，我就不多做解釋了。

六、js程式碼加密保護

JShaman：http://www.jshaman.com/protect.html

做web開發的程式設計師可能有這樣一個想法，就是我們的網站上線以後，程式碼檔案都可以被別人訪問到，可以被別人輕易的拿去使用，或者拿去破解某些功能，這時我們就想要讓js程式碼變得特別複雜，讓別人根本就不知道這是什麼東西，我們可以使用這個網站的js加密功能。

之所以推薦這個網站，是因為這個對js的加密保護可以被瀏覽器識別，而有些網站的加密是無法被瀏覽器識別的。

有很多種版本可以使用，跟著網站上顯示的步驟來，就能明白是如何使用的了。

七、線上格式轉化網站

迅捷線上轉換器：https://app.xunjiepdf.com/

我們在平時會遇到很多檔案轉換的問題，比如 pdf 轉 word，這些格式轉換我們都需要充值會員或者下載某款app才能實現，我是覺得沒有必要的，所以給大家推薦了這個網站，它可以實現很多檔案的格式轉換。

八、辦公軟體免費下載

辦公軟體免費下載：http://www.zhanshaoyi.com/rjxz.html

因為很多軟體的正版都需要錢，而且都特別的貴，對於有些用於平時學習使用的人來說，購買正版太費錢了，這個網站放了很多辦公軟體的破解版，我們可以在上面自行選擇下載獲得，都是無毒的放心使用。

九、icon圖示網站

前端開發人員，經常會用到一些小圖示，比如首頁小圖示 、個人中心小圖示 、購物車小圖示，我們都可以在接下來我推薦的網站上輕鬆獲得。

阿里巴巴向量圖示庫：https://www.iconfont.cn/

該網站聽名字就知道非常的好用，登入可以直接用github登入。

在搜素框中，可以直接搜尋想要的圖示名稱就可以看到很多很多型別的圖示

十、字型庫網站

字型庫網站：https://www.webfont.com/

我們平時做web開發時，用到的字型大多都是微軟雅黑，這裡推薦一個字型網站，可以將我們的字型變得更加美觀，更加多樣化。

點選 字型列表 ，挑選自己心儀的字型，點選立即使用，根據提示就可以輕鬆將我們的網站的字型給改變了。

十一、顏色自配網站

（1）顏色自配網站：https://color.adobe.com/zh/create/color-wheel

有時，在網上找不到想要的顏色，我們可以在這個網站上，自己手動配個喜歡的顏色拿來使用。

（2）Color Hunt：https://colorhunt.co/

這個網站上，都是一些大神配好的顏色，而且他們配的顏色是真的都很好看，我們可以直接瀏覽獲取使用，非常的方便。

十二、線上圖片壓縮

線上圖片壓縮：https://tinypng.com/

我們在該網站上，可以直接將圖片上傳進行壓縮

十三、多種語言線上程式設計網站

菜鳥工具：https://c.runoob.com/

該網站上，可以進行各種語言的線上程式設計，不需要下載任何的軟體。

當然了，該網站還有很多其他的有用的線上工具可以使用，例如密碼隨機生成 、線上二維碼生成 、URL編碼 等等。

結束語

好了，希望這些我壓箱底的網站對你們都有所幫助，覺得不錯的點個關注，點個收藏，日後我如果還發現一些不錯的網站，會持續更新到此文章。http://urstoron.com/4hr6