前端开发学习及工具网站（持续更新）

前端开发学习及工具网站

该文章主要是记录前端开发中好的学习网站或者工具网站

大部分实用网站来源抖音鱼皮大佬分享，这里分享给大家

1、w3cschool(编程狮)

这个网站适合0基础学前端的同学，内容简单易懂，在闯关中进行学习，能够刺激你的学习欲望，可以在这里进行HTML+CSS+JS以及一些前端框架的简单学习，闯关成功还能获得证书哦

2、freeCodeCamp
这个网站可以说是w3cschool的升级版闯关网站，除了前端，还包括程序员必备的算法、数据结构、微服务、信息安全等知识。里面的内容相比于w3cschool多了很多的内容比如ES6标准、React框架等等
缺点就是：对网络有一定的要求

3、CODELF

这个网站主要是用来设置变量名的，你是否不好对变量进行命名，这个网站可以为你提供大量变量名供你选择，妈妈再也不用担心我不会对变量进行命名啦

4、iconfont（阿里巴巴矢量图库）

在这里面可以找到很多精美的小图标哦，还可以自己设置小图标的颜色，快拿去做个人博客试试吧。

5、Animate.css
这个网站提供了很多设计好的CSS样式

只需要在我们HTML的头部引入链接即可

<head><linkrel="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等前端资源打包下载

前端开发学习及工具网站（持续更新）相关推荐

前端开发技术栈（插件篇）：400+常用前端开发插件总结清单（持续更新......）
常用前端开发插件总结清单,日常前端开发的时候,尤其在使用一些常用的功能的时候,例如:表单,,动画效果,时间选择,文件上传,下拉框等功能.直接用插件可以让自己节省更多的开发时间,更多的去关心业务,自己封 ...
AutoCAD2019+vs2019+C# 二次开发学习笔记day01（持续更新）
目录一.新建项目 1.应用程序目标框架选择 4.7.2版 2.生成目标平台选择x64 3.调试启动外部程序选择 acad.exe 二.添加autocad类库三.如何运用命名空间 1.[C ...
【研发工具】高效开发、办公工具汇总--持续更新
[绘图] 国产:edraw 亿图 https://www.edrawsoft.cn/lp/edaw.php 收费软件,中文版一次性付费,英文版每年付费. 能够兼容visio工程,内部预定义模板丰富,包 ...
前端开发学习的基础网站
适用于Bootstrap的图标集成:http://www.bootcss.com/p/font-awesome/ bootstrap框架模板:http://mdbootstrap.com bootst ...
AutoCAD2019+vs2019+C# 二次开发学习笔记day05（持续更新）
目录一. 给定半径和圆心绘制圆 Circle 1.代码记录 2.封装函数二.给定两点绘制圆 1.代码记录 2.封装函数三.给定三点绘制圆 1.代码记录 2.封装函数四.多段线 Polylin ...
web前端开发需要哪些工具和需要学习什么？
首先封程中是在自身发展过程中java工程师,目前从事服务器(后端开发),但是之前也做过JavaWeb前端开发2年,所以还是有一些经验,下面简单介绍我的经验,这是不好的,你不喷,学习学习而忽视忽略它. ...
前端开发学习路线图，完整学习教程+工具+框架
回看近年的前端发展,不管是之前的散装前端时代,还是后来插件化.模块化的演进,亦或是现如今如火如荼的前端工程化迭代,发展速度实在是太快了,各种框架层出不穷,这些难免会让我们这些学习者眼花缭乱,满腹疑团. ...
老前端工程师现身说法，2021Web前端开发学习路线图
导读:2021Web前端开发学习路线图三大件学习现在每年依旧有很多初级入门的前端开发.所以对初入门的朋友也给出一点意见. 刚入门的朋友,我觉得不应该一开始就学习像Vue.TypeScript.We ...
VSCode前端必备插件2022版（持续更新）
VSCode前端必备插件2022版(持续更新) VSCode作为我们前端主流的开发工具,优势自然在于它的扩展插件,可以有效地提高开发效率和团队协作,本文提高的都是UP主亲测,最底下贴入我的vscode ...

前端开发学习及工具网站（持续更新）

前端开发学习及工具网站

前端开发学习及工具网站（持续更新）相关推荐

最新文章

热门文章