前端开发辅助网站录
<p><strong>整理了一下前端开发中经常用到的网站，做一个汇总备忘。</strong></p><blockquote>
<p>1.https://developer.mozilla.org/zh-CN/<br>
首先肯定是MDN 前端三剑客的查询文档网站。<br>
没有红宝书就翻这个啦ovo。<br>
<img src="https://img2020.cnblogs.com/blog/1737213/202108/1737213-20210802152151209-2102217723.png" alt="" loading="lazy"></p>
</blockquote>
<blockquote>
<p>2.https://animista.net/<br>
动画库！网站预设了很多动画风格，可以按自己的需求进行选择，直接导出代码，开箱即用。<br>
<img src="https://img2020.cnblogs.com/blog/1737213/202108/1737213-20210802152417914-1172946527.png" alt="" loading="lazy"></p>
</blockquote>
<blockquote>
<p>3.https://enjoycss.com/<br>
在线的CSS生成器<br>
网站提供图形化界面，可以简洁明了得设计自己想要的CSS效果，也有预设的风格提供使用。<br>
<img src="https://img2020.cnblogs.com/blog/1737213/202108/1737213-20210802152702195-1254382803.png" alt="" loading="lazy"><br>
<img src="https://img2020.cnblogs.com/blog/1737213/202108/1737213-20210802152854434-64522030.png" alt="" loading="lazy"></p>
</blockquote>
<blockquote>
<p>4.https://www.awwwards.com/<br>
请欣赏顶级的网页设计艺术，发散你的创作灵感。<br>
<img src="https://img2020.cnblogs.com/blog/1737213/202108/1737213-20210802153111989-633836190.png" alt="" loading="lazy"></p>
</blockquote>
<blockquote>
<p>5.https://element-plus.gitee.io/#/zh-CN<br>
Element UI前端组件库<br>
<img src="https://img2020.cnblogs.com/blog/1737213/202108/1737213-20210802153310044-1804321434.png" alt="" loading="lazy"><br>
组件库比较多就不一一展示了<br>
Ant Design https://ant.design/index-cn<br>
移动端Vant https://vant-contrib.gitee.io/vant/#/zh-CN/home</p>
</blockquote>
<blockquote>
<p>6.https://www.swiper.com.cn/<br>
轮播图设计<br>
<img src="https://img2020.cnblogs.com/blog/1737213/202108/1737213-20210802153718292-2127021491.png" alt="" loading="lazy"></p>
</blockquote>
<blockquote>
<p>7.https://www.bitbug.net/<br>
制作网站左边的icon图标。<br>
<img src="https://img2020.cnblogs.com/blog/1737213/202108/1737213-20210802151707741-1285451633.png" alt="" loading="lazy"></p>
</blockquote>
<blockquote>
<p>8.https://www.iconfont.cn/<br>
阿里的图标库<br>
<img src="https://img2020.cnblogs.com/blog/1737213/202108/1737213-20210802153844216-970595141.png" alt="" loading="lazy"></p>
</blockquote>
<blockquote>
<p>9.https://flexboxfroggy.com/<br>
非常有趣的游戏模式的Flex布局学习<br>
<img src="https://img2020.cnblogs.com/blog/1737213/202108/1737213-20210802154242043-358277301.png" alt="" loading="lazy"></p>
</blockquote>
<blockquote>
<p>10.https://webgradients.com/<br>
超赞的渐变色设计<br>
<img src="https://img2020.cnblogs.com/blog/1737213/202108/1737213-20210802154351218-268552078.png" alt="" loading="lazy"></p>
</blockquote>
<blockquote>
<p>11.https://regexr.com/<br>
正则表达式验证<br>
<img src="https://img2020.cnblogs.com/blog/1737213/202108/1737213-20210802154516381-511588523.png" alt="" loading="lazy"></p>
</blockquote>
<blockquote>
<p>12.https://www.5tu.cn/colors/yansebiao.html<br>
CSS可用的颜色查询<br>
<img src="https://img2020.cnblogs.com/blog/1737213/202108/1737213-20210802154713178-1686155834.png" alt="" loading="lazy"><br>
qaq 终于知道绀青之拳的颜色了~<br>
最后给大家科普一下可怕的口红色号 http://zhangwenli.com/lipstick/<br>
<img src="https://img2020.cnblogs.com/blog/1737213/202108/1737213-20210802155502825-504414994.png" alt="" loading="lazy"></p>
</blockquote><br><br>
来源：https://www.cnblogs.com/KingRainGrey/p/15090272.html
頁:
[1]