工具

文本(包括代码)对比

  1. https://www.jq22.com/textDifference, 该网站还包括了用JQuery实现的一些组件

前端知识补充

  1. 被删的前端游乐场http://www.godbasin.com/

json格式化

json.cn(https://www.json.cn/):
json在线格式化网站
image

GitHub使用指南

  1. https://github.com/phodal/github

SQL学习

  1. 自学SQL网

组件

富文本编辑器

个人认为CSDN和Typora的markdown编辑器比较好用

  1. 对不会markdown的用户友好的编辑器:https://github.com/nhn/tui.editor

表情符号

https://www.emojiall.com/zh-hans
可以直接复制粘贴,国内外很多博客用的都是这上面的表情符号
image

矢量图标

https://www.iconfont.cn/
iconfont:阿里阿巴巴推出的字体图标库,可以找到大部分的图标,并且可以结合项目去自定义自己项目的字体图标库
image

CSS3动画

https://www.webhek.com/post/css3-animation-sniplet-collection/#/
css-animation:包含了一些常见的动画效果,并且包含片段代码,直接复制粘贴就可以了
image

画图工具(流程图、思维导图等)

ProcessOn:https://www.processon.com/
在线免费绘图
image

快速部署建站

surge(https://surge.sh/):
免费部署静态网站
image

在线性能评测

pagespeed(https://pagespeed.web.dev/):
根据各项指标给网站综合评分,让我们知道我们的网站在那些方面还可以进行优化
image

测试工具

  1. 接口测试工具:Postman

Chrome扩展组件

极简插件(https://chrome.zzzmh.cn/#/index):
极简插件可以不FQ直接下载Google扩展程序,而且网站是中文的,无需FQ登录google账号去Google商店下载扩展程序
image

posted @ 2023-01-05 23:07  Code6E  阅读(60)  评论(0)    收藏  举报