前端学习与工作中常用网站推荐

前端学习与工作中常用网站推荐

本文链接：https://blog.csdn.net/qq_39025670/article/details/80157311
一.视频学习网站

1.慕课网（质量好，价格较贵，更专业，废话少）

2.腾讯课堂 （质量参差不齐，价格便宜，较啰嗦）

。。。

当然还有很多其他的视频学习网站，但我觉得就这两个就够质够量了。

二.前端免费模板下载

1.html5tricks

有很多有趣的小程序

2.源码之家 

各类模板灰常之多，不过也有很多广告

3.代码家园

整个网站看起来舒服，广告很少

4.模板之家

广告较多

5.魔客吧

有些要money

6.站长之家

。。。

模板网站就推荐这些吧，差不多够用了。当然，我们下载这些模板的目的不是为了抄袭，而是为了参考学习。（手动滑稽：) ）

三.图片图标logo素材

1.标志在线

免费设计logo

2.阿里巴巴矢量图标

图标特别多，而且基本上都是免费的

3.iconmonstr

免费图标下载

4.懒人图库

素材很多，不知道要不要钱

5.loading.io

看名字就知道是下什么的了吧

6.preloaders

进度条下载，有些要钱还是dollar，不过也有很多免费的

。。。

好吧，就这些。

四.其他

1.JS格式化

如果你的编辑器不支持格式化js代码的话可以试试

2.css代码兼容

css代码复制上去，自动会帮你生成兼容的css代码，是不是很厉害！不过兼容IE几我也不太清楚，你们自己去看看吧

3.配色

这是给你网站配色的，有兴趣的可以了解下

4.html、css、js压缩，js多文件合并

es6代码需先转es5再压缩，当然，也可以使用fis3构建压缩html，css，js；fis3还可以将图片转成webp格式（ios有兼容问题）

5.图片压缩

基本上是无损压缩，效果很不错

6.图片转换

转webp格式图片

7.雪碧图 （似乎访问不了了）

选中雪碧图中的图片，自动生成css代码。如：background: url('imgs/example.png') no-repeat -433px -51px;width: 33px;height: 33px;

8.html在线编辑工具

可以在线运行html代码

9.rgb,rgba,十六进制等颜色相互转换

10.HTML特殊字符编码对照表

11.改图宝

修改图片尺寸，生成二维码，生成印章，图片加水印...

12.Easy-mock

做数据mock的

。。。

 

最后，再推荐一些比较好的书

《css世界》、《ES6标准入门》（电子档）阮一峰、《JavaScript权威指南》、《JavaScript高级程序设计》（红皮书）、《你不知道的JavaScript 上中下册》