前端学习与工作中常用网站推荐
一.视频学习/刷面试题网站
1.慕课网(质量好,价格较贵,更专业,废话少)
2.腾讯课堂 (质量参差不齐,价格便宜,较啰嗦)
3.牛客网 (刷刷各大企业的面试题)
4.LeetCode (刷算法题)
......
二.前端免费模板下载
1.html5tricks
有很多有趣的小程序
2.源码之家
各类模板灰常之多,不过也有很多广告
3.代码家园
整个网站看起来舒服,广告很少
4.模板之家
广告较多
5.魔客吧
有些要money
6.站长之家
7.404页面模板
8.vue相关UI库,开发框架,应用实例等等(非常多)
9.17素材网(需要积分...F12...ctrl+s)
10.51个css时间轴
11.ImageHover(纯 css 实现)
近百种图片 hover 效果,非常 nice!
......
三.图片图标logo素材
1.标志在线
免费设计logo
2.阿里巴巴矢量图标
图标特别多,而且基本上都是免费的
3.iconmonstr
免费图标下载
4.懒人图库
素材很多,不知道要不要钱
5.loading.io
看名字就知道是下什么的了吧
6.preloaders
进度条下载,有些要钱还是dollar,不过也有很多免费的
......
四.其他
1.JS格式化
如果你的编辑器不支持格式化js代码的话可以试试
2.css代码兼容
css代码复制上去,自动会帮你生成兼容的css代码,是不是很厉害!不过兼容IE几我也不太清楚,你们自己去看看吧
查询css代码兼容性:网站
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的
13.查询css/js兼容性的网站
14.思维导图
在线版可以选择:Processon,桌面版可以选择:xmind
15.Sass转CSS
在线转换网站:https://www.sassmeister.com/
16.BootCDN
稳定、快速、免费的前端开源项目 CDN 加速服务.
国外的CDN:cdnjs
17.generate-avatar
自动生成头像的 TS 插件,效果类似 github 用户头像。只要输入一个字符串就能生成一个唯一的头像,因此,就不必要将用户的头像保存在数据库中了,用户头像根据用户的唯一 id 进行生成展示。
在线预览:https://generate-avatar.now.sh/
......
大佬的个人网站:
行业前沿,技术大拿:张鑫旭个人网站、阮一峰个人网站
很多免费技术视频和博文:技术胖个人网站
最后,再推荐一些比较好的书
《css世界》、《ES6标准入门 第三版》(电子书)阮一峰、《JavaScript高级程序设计 第四版》(红皮书)、《你不知道的JavaScript 上册》...
前端必读书籍推荐:https://blog.csdn.net/qq_39025670/article/details/114395139
好吧,文章到这儿就结束了,以后遇到实用的网站再继续更新...
最后,觉得文章有用就赏个赞吧!
前端学习与工作中常用网站推荐相关推荐
- 工作中常用工具推荐及资源分享
一.学习类工具 1. 前端导航网站 链接: https://webjike.com/web.html 前端导航是小呆导航推出的前端开发行业版,收录了大量高质量前端相关站点,为广大用户提供学习网站.学习 ...
- 开发工作中常用网站宝典(建议收藏!!!)
以下是我开发中非常有用的网站(建议收藏!!!) 网站 简介 https://www.csdn.net 很多开发中遇到的问题在这里几乎都可以找到答案,解析也很详细,不过有些资源收费,需开通会员,(可以到 ...
- web前端---49个工作中常用的CSS样式整理汇总
1.文字超出部分显示文字 单行文字的文字显示忽略号(一定的文字) p{width:200rpx;overflow: hidden;text-overflow:ellipsis;white-space: ...
- 工作中常用,实用工具推荐!
原文:工作中常用,实用工具推荐! Red Gate 家族 大名鼎鼎的RedGate,相信大家都不会陌生,Reflector就是它家做的.这里就不介绍了.我本地安装的是09年下的一个套装,我介绍下常用的 ...
- 分享一些工作中常用的工具软件,值得收藏!
前言 我之前分享过一篇:分享一些常用的网站和工具,值得收藏!,今天再分享一波关于工作中常用的工具软件! 文章首发在公众号(月伴飞鱼),之后同步到个人网站:http://xiaoflyfish.cn/ ...
- 工作中常用知识点、工具总结
java 开发环境 jdk java 集成开发环境 IDE 下载 mavem 依赖管理 下载 Git 代码版本管理 下载 XFtp.XSheel 上传文件到远端服务器.连接服务器命令行 安装mysql ...
- 前端学习资料及路线名称网站
IT前端学习资料及路线 名称 网站 JQuery文件网 https://code.jquery.com/jquery/ jQuery手册(pc端) http://jquery.cuishifeng.c ...
- hashmap应用场景_工作中常用到的Java集合有哪些?应用场景是什么?
秋招Java面试大纲:Java+并发+spring+数据库+Redis+JVM+Netty等 疫情期间"闭关修炼",吃透这本Java核心知识,跳槽面试不心慌 Spring全家桶笔记 ...
- 在工作中常用的sql语句
这个是我以前在工作中常用的一些SQL语句,里面大部分都是从其他网站上找的,只有部分是自己在工作中解决问题事记录的,现在一起贴出来跟大家分享下,其实很多时候看看别人的经验总结和技术的理解,会使自己少走很 ...
最新文章
- MindInsight张量可视设计介绍
- Springboot+Mybatis+Durid
- goland配置GOPATH入口
- mongodb 备份mysql_MongoDB备份与恢复
- 继承类对方法的影响java_4-Java面向对象-继承(上)
- SVN 批量添加文件到版本库的命令脚本
- LeetCode刷题过程中的一些小tips
- 【Project3】【web.xml分析】
- FreeRTOS源码分析与应用开发08:任务通知
- 企业网站的生命周期到底有多长 如何能够持续性发展下去
- 大数据架构师必读的NoSQL建模技术
- java爬虫模拟登陆_java爬虫模拟登陆的实例详解
- [读书笔记]《刻意学习》
- position:fixed;支持ie6,清楚ie6下抖动。
- 核磁谱图分析步骤_核磁共振解析图谱的步骤
- Android常用炫酷风格控件包含项目地址汇总
- SIP协议的功能在统一通信中的体现
- C语言大作业指针字符串处理,[C语言-PTA]说反话-加强版 — 字符串的指针式处理 | 祭夜の咖啡馆...
- 硬件加速原理分析探索
- Linux vmwaver下安装cenos联网时出现 network is unreachable问题