前端開發學習及工具網站
該文章主要是記錄前端開發中好的學習網站或者工具網站
大部分實用網站來源抖音魚皮大佬分享，這裏分享給大家
1、w3cschool(編程獅)
這個網站適合0基礎學前端的同學，內容簡單易懂，在闖關中進行學習，能夠刺激你的學習慾望，可以在這裏進行HTML+CSS+JS以及一些前端框架的簡單學習，闖關成功還能獲得證書哦
2、freeCodeCamp
這個網站可以說是w3cschool的升級版闖關網站，除了前端，還包括程序員必備的算法、數據結構、微服務、信息安全等知識。裏面的內容相比於w3cschool多了很多的內容比如ES6標準、React框架等等
缺點就是：對網絡有一定的要求
3、CODELF
這個網站主要是用來設置變量名的，你是否不好對變量進行命名，這個網站可以爲你提供大量變量名供你選擇，媽媽再也不用擔心我不會對變量進行命名啦
4、iconfont（阿里巴巴矢量圖庫）
在這裏面可以找到很多精美的小圖標哦，還可以自己設置小圖標的顏色，快拿去做個人博客試試吧。
5、Animate.css
這個網站提供了很多設計好的CSS樣式
只需要在我們HTML的頭部引入鏈接即可
<head>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css"
/>
</head>
然後我們只需要添加class類即可添加動畫
<h1 class="animate__animated animate__bounce">An animated element</h1>
6、wow.js
wow.js可以搭配Animate.css使用，它可以設置我們動畫效果的觸發時間，以及滾動到位置觸發動畫效果，可以說是Animate的好兄弟
網站裏面提到了使用方法，這裏我就不過多介紹啦
7、ZEIT Now
通過這個網站可以簡單發佈自己寫的網站，支持多種框架的一鍵部署
8、路過圖牀
通過該網站可以上場自己網站的靜態圖片，網站會生成圖片的訪問鏈接，然後在代碼中引入鏈接即可訪問圖片
9、ting png
該網站是一個免費的壓縮網站，我們可以把網站項目圖片進行壓縮，提高網站性能。支持多圖片打包下載
10、Pexels
免費素材照片網站，圖片來源於專業攝影師，照片質量非常高，可以選擇尺寸下載，無需註明即可在任何地方使用，可以在項目中進行商用
11、Normalize.css
使用Normalize.css可以統一html，取消一些元素的默認樣式，下載代碼，引入到自己的源代碼即可
12、dooccn.com
一個在線編程網站，支持各種常用語言，支持代碼提示和錯誤提示
13、unDraw
unDraw是一個矢量圖網站，和iconfont一樣，裏面的圖相比於iconfont要少，但是也是非常好用的，裏面的圖片風格一致，簡潔好看，可以自己更換主題
14、can i use
一個可以檢測語法在各種瀏覽器中的兼容性，提供支持的百分比，同時會提出該語法的一些bug，方便我們選擇適當的語法進行開發，保證不同瀏覽器的體驗
15、在線扒站工具
該網站可以一鍵將指定網頁的HTML、CSS、JS等前端資源打包下載
