前端常用的工具网站

前端常用的工具网站🔖

文章目录

  • 前端常用的工具网站🔖
    • 1. 图片在线压缩
    • 2. iconfont--矢量图标
    • 3. JSON在线格式化
    • 4. EMOJIALL--表情符号
    • 5. removebg--去除图片背景
    • 6. FREE API--免费API接口
    • 7. Lorem picsum --随机图片
    • 8.UU在线工具 -- 聚合工具

1. 图片在线压缩

这里推荐三个网站备选 tinypng、squoosh和doc small
如果是普通的日常大部分压缩图片的需求,可以使用tinypng这个网站。网站链接: tinypng
在这里插入图片描述
如果是需要对于较大图片的压缩,同时对图片压缩质量等有一些其他需求,可以使用squoosh这个网站。网站链接:squoosh

在这里插入图片描述

在这里插入图片描述

最后说一下doc small,这个网站比上面两个不同的时可以进行gif和pdf的一些压缩,但是实测一般,日常使用倒是可以满足。网站链接:doc small
在这里插入图片描述

2. iconfont–矢量图标

阿里推出的字体图标素材库,日常前端开发中可以找到大部分的图标,并且可以结合项目去自定义自己项目的字体图标库。这应该算是前端最常用的图标库了。网站链接: iconfont

在这里插入图片描述

3. JSON在线格式化

对于后端返回的json字符串进行一些格式化,平常使用的时候更加简练明确一点,方便查看数据的结构。网站链接:JSON在线格式化
在这里插入图片描述

4. EMOJIALL–表情符号

EMOJIALL主要提供了大量的基础通用的表情符号,使用时可以直接复制粘贴,在写一些文章中可以使用。网站链接:EMOJIALL
在这里插入图片描述

5. removebg–去除图片背景

removebg网站主要就是做一下去除背景的操作,如果电脑上没下PS同时对图片要求不是太高,可以简单使用这个网站进行图片背景的消除。当然图片质量有要求,用PS更好点。网站链接:removebg
在这里插入图片描述

6. FREE API–免费API接口

FREE API网站提供了大量的免费的 API接口供使用,每个接口都提供了完整的文档,开箱即用。网站链接:FREE API
在这里插入图片描述

7. Lorem picsum --随机图片

Lorem picsum这个网站可以解决有时候需要很多测试图片时需要到处翻找的问题,只需要改动网站后面的部分参数就可以生成一些随机的图片方便测试使用。网站链接:Lorem picsum
在这里插入图片描述

8.UU在线工具 – 聚合工具

这个网站就是那种许多小工具的聚合网站,不算是很好的,但是也许会遇到部分需要的功能。网站链接:UU在线工具

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/579483.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

生活服务网站搭建的作用是什么

如今生活服务商家面临获客、信息展示及多渠道传播信息的难题,传统线下形式如街道发传单、人口相传等形式非常低效,容易投入成本得不到回报,且数据难以统计。 互联网时代,线上渠道平台汇聚亿级流量,生活服务商家也需要一…

C++ std::string使用效率优化

字符串操作是任何一个C开发程序无法绕过的点,很多时候针对字符串的操作需要进行优化,从而达到更优的使用效率和内存利用率。一般会采用标准的std::string替代C字符串,一方面是std::string为一个成熟的类对象,其成员操作基本能满足…

什么是“私域流量”?

公域流量,字面意思就是人人都可以用的流量,但要付出一定成本,而且不一定可持续。 具体到实际对象,则是线下流量以及BAT等几个互联网流量大户,尤其是后者,比如微信、QQ、天猫、淘宝、百度、抖音、快手、微博…

vue-awesome-swiper轮播组件

安装版本&#xff1a;"swiper": "^6.0.0", 安装版本&#xff1a;"vue-awesome-swiper": "^4.1.1", <div class"swiper_conter"><swiper class"swiper" :options"swiperOption" ref"mySw…

二、C#基础语法( 变量与数据类型)

C# 是一种强类型的编程语言,这意味着在声明变量时必须指定其数据类型。数据类型是用于定义变量可以持有的数据类型的系统。C# 支持多种内置数据类型,同时也支持用户自定义的数据类型。 变量 变量是用来存储数据的容器。在 C# 中,每个变量都有一个特定的数据类型,这决定了…

算法leetcode|94. 二叉树的中序遍历(多语言实现)

文章目录 94. 二叉树的中序遍历&#xff1a;样例 1&#xff1a;样例 2&#xff1a;样例 3&#xff1a;提示&#xff1a; 分析&#xff1a;题解&#xff1a;rust&#xff1a;go&#xff1a;c&#xff1a;python&#xff1a;java&#xff1a; 94. 二叉树的中序遍历&#xff1a; …

Spring高手之路-Spring AOP

目录 什么是AOP Spring AOP有如下概念 补充&#xff1a; AOP是如何实现的 Spring AOP 是通过代理模式实现的。 Spring AOP默认使用标准的JDK动态代理进行AOP代理。 什么是AOP AOP(Aspect-Oriented Programming)&#xff0c;即面向切面编程&#xff0c;用人话说就是把公共的…

开发人工智能 需要什么工具

人工智能&#xff08;Artificial Intelligence, AI&#xff09;是指利用计算机模拟、扩展和延伸人类智能的理论、方法、技术和应用系统的一门学科。人工智能研究的目标是使计算机能够像人类一样具有智能&#xff0c;能够感知和理解环境、学习和推理、决策和规划&#xff0c;具备…

jar 运行清单文件MANIFEST.MF生成定义Main-Class Premain-Class IDEA maven-assembly-plugin

可运行jar文件中的启动清单文件 META-INF/MANIFEST.MF 内容自定义生成 清单文件中的 Main-Class: Premain-Class: Can-Retransform-Classes: 在maven-assembly-plugin插件中的生成配置如下, 注意命名 <archive> <manifest> <mainClass>c…

MySQL中的like模糊查询

like与通配符搭配使用进行模糊查询 通配符 % 表示任意多个字符 _ 表示任意单个字符 #用户名中包含a的 select * from user where name like %a% #用户名中第二个字符为a的 select * from user where name like _a% #用户名中第二个字符为_的(需要使用转义字符) select * from u…

强烈推荐,提高开发效率的IDEA插件

自动生成JVM诊断工具arthas的命令 arthas idea (2.36) 基于IntelliJ IDEA开发的Alibaba Arthas 命令生成插件&#xff0c;支持Alibaba Arthas 官方常用的命令。 官方的命令太复杂&#xff0c;此插件为了简化使用者的难度&#xff0c;提供了一些常用命令的支持 该插件支持Aliba…

Dockerfile构建镜像

Dockerfile构建镜像 Dockerfile 是一个文本格式的配置文件&#xff0c; 用户可以使用 Dockerfile 来快速创建自定义的镜像&#xff0c;另外&#xff0c;使 用Dockerfile去构建镜像好比使用pom去构建maven项目一样&#xff0c;有异曲同工之妙 基本结构 Dockerfile 由一行行…

Intel® SGX Instruction References(五)

文章目录 前言一、Intel SGX Instruction Syntax and Operation1.1 ENCLS Register Usage Summary1.2 ENCLU Register Usage Summary1.3 ENCLV Register Usage Summary1.4 Information and Error Codes1.5 Internal CREGs1.6 Concurrent Operation Restrictions 二、Intel SGX …

Nodejs 使用 fs-extra 模块进行目录和文件操作

在Node.js中&#xff0c;fs-extra模块是fs模块的扩展&#xff0c;提供了一些额外的功能&#xff0c;使文件和目录的操作更加便捷。那么我们如何使用 fs-extra 模块进行目录和文件操作呢&#xff1f;以下是一些常见的用法示例&#xff1a; 1. ensureDir/ensureDirSync - 创建目…

WuBit:聚合BRC20资产交易,续写铭文市场新浪潮

2023年的数字货币领域见证了重大的创新&#xff0c;尤其是比特币Ordinals协议的推出&#xff0c;它为铭文赛道带来了新的生命力。这一协议的核心在于将比特币分割为更小的单位——聪&#xff0c;并在每个聪上嵌入独特信息&#xff0c;从而创建了一种新颖的非同质化资产。BRC20等…

亚马逊云科技 re:Invent 2023 产品体验:亚马逊云科技产品应用实践 王炸产品 Amazon Q,你的 AI 助手

意料之中 2023年9月25日&#xff0c;亚马逊宣布与 Anthropic 正式展开战略合作&#xff0c;结合双方在更安全的生成式 AI 领域的先进技术和专业知识&#xff0c;加速 Anthropic 未来基础模型的开发&#xff0c;并将其广泛提供给亚马逊云科技的客户使用。 亚马逊云科技开发者社…

TypeScript学习(基础篇)

前言 在现代的Web开发生态系统中&#xff0c;JavaScript已经成为一种必备的技术。然而&#xff0c;随着应用的增大&#xff0c;JavaScript的一些限制开始显现&#xff0c;例如缺乏静态类型检查和编译时错误检查。这正是TypeScript发挥作用的地方&#xff0c;TypeScript是一种静…

GO语言基础笔记(四):并发编程基础

目录 Goroutines 通道&#xff08;Channel&#xff09; 代码示例 Goroutines 定义与特点&#xff1a; Goroutines是Go语言中实现并发的基本单位。它比传统的线程更轻量级&#xff0c;拥有更小的内存占用和更快的启动时间。在Go程序中&#xff0c;您可以轻松地启动成千上万的G…

Redis基本介绍和使用场景

1、什么是Redis Redis 是一种基于内存的数据库&#xff0c;对数据的读写操作都是在内存中完成&#xff0c;因此读写速度非常快&#xff0c;常用于缓存&#xff0c;消息队列、分布式锁等场景。 Redis 提供了多种数据类型来支持不同的业务场景&#xff0c;比如 String(字符串)、…

【Linux系统基础】(2)在Linux上部署MySQL、RabbitMQ、ElasticSearch等各类软件

实战章节&#xff1a;在Linux上部署各类软件 前言 为什么学习各类软件在Linux上的部署 在前面&#xff0c;我们学习了许多的Linux命令和高级技巧&#xff0c;这些知识点比较零散&#xff0c;同学们跟随着课程的内容进行练习虽然可以基础掌握这些命令和技巧的使用&#xff0c;…