推荐16个前端必备的实用工具与网站

news2024/12/30 14:59:49

1. GitHub Desktop

对于新手来说,要记住那么多git命令可能有点困难,建议新手用git可视化工具,会方便很多
在这里插入图片描述

2. 图片在线压缩

tinypng 是一个完全免费并且高压缩率的在线压缩图片网站,一般能满足日常大部分压缩图片的需求,如果你需要压缩大于5M的图片,可以考虑用 squoosh ,这个网站支持大图片压缩和图片压缩质量自定义
在这里插入图片描述
大图片压缩点这里:squoosh
在这里插入图片描述

3. 在线代码编辑

很多人可能用的是 codePen 或者 CodeSandbox 等,但是我觉得掘金的码上掘金也挺好用的,并且登录自己的掘金账号就能看到,挺方便的
在这里插入图片描述

4. JSON格式化

JSON在线格式化的网站有很多,基本上都能满足我们的需要,用 Json.cn 的原因只是因为他好记,哈哈~
在这里插入图片描述

5. 代码生成图片

carbon 可以生成酷炫的代码片段,并且支持导出图片
在这里插入图片描述
如果你不喜欢上面的代码风格,也可以用 ray.so ,生成的代码图如下:
在这里插入图片描述

6. 表情符号

这个网站有很多颜文字,并且可以直接cv,国内外很多博客用的都是这上面的表情符号
在这里插入图片描述

7. 矢量图标-iconfont

阿里阿巴巴推出的字体图标库,可以找到大部分的图标,并且可以结合项目去自定义自己项目的字体图标库
在这里插入图片描述

8. css3动画

我们在日常开发中,会遇到一些css动画的需求,可是有时候为了一两个动画引入一些库感觉得不偿失,css3-animation 包含了一些常见的动画效果,并且包含片段代码,直接cv就可以了
在这里插入图片描述

9. 在线画图

日常工作中我们要画一些流程图或者思维导图等等,boardmix 个人用起来感觉还不错,也有人喜欢用ProcessOn等,看个人喜好
在这里插入图片描述

10. Chrome扩展组件

有些同学不能翻墙登录google账号去Google商店下载扩展程序,极简插件可以不翻墙直接下载Google扩展程序,而且网站是中文的,感觉很不错
在这里插入图片描述
上面就是和大家分享的平时日常工作中比较实用的一些工具和网站,如果感觉对你有用的话可以收藏一下。

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

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

相关文章

Visual Studio 2022最全安装教程(+背景图设置),一步步教会你如何安装并运行

目录visual studio 2022最全安装教程一、官网下载二、安装启动三、项目测试四、背景图设置 一、官网下载1.点击蓝色链接—->Visual Studio官网,进入之后是这个界面,选择社区版Community下载(社区版Community是对个人免费的,一共…

磨金石教育科技技能干货分享|顶级黑白照片长啥样?看后令人震撼

黑白摄影往往在于一些老旧照片中见到,平常的摄影作品往往会强调一些色彩。黑白色调不是常用的色调。但在一些艺术摄影或者创意摄影中,黑白摄影依然是摄影师常用的一种风格。黑白色调往往能够给人一种肃穆、压抑的感觉。那么今天我们就通过一些作品&#…

(一)redis之Nosql数据库简介

一、技术发展 解决功能性的问题:Java、Jsp、RDBMS、Tomcat、HTML、Linux、JDBC、SVN 解决扩展性的问题:Struts、Spring、SpringMVC、Hibernate、Mybatis 解决性能的问题:NoSQL、Java线程、Hadoop、Nginx、MQ、ElasticSearch 1、Web1.0 W…

VMware 基本设置

VMware 基本设置 文章目录VMware 基本设置摘要全局优化内存优先级更新反馈虚拟机系统优化尽可能多的分配资源去掉多余的组件开启3D图形加速和增加显存大小高级设置优化显示关键字: 显示、 内存、 优化、 命令栏、 虚拟机摘要 做Qt开发 久了,跨平台应该…

【BSP视频教程】BSP视频教程第25期:CAN/CANFD/CANopen专题,CAN知识点干货分享, 收发执行过程和错误帧处理(2023-01-03)

视频教程汇总帖:【学以致用,授人以渔】2023视频教程汇总,DSP第10期,ThreadX第5期,BSP驱动第25期,USB实战第5期,GUI实战第3期(2023-01-03) - STM32F429 - 硬汉嵌入式论坛 …

梦之光芒Monyer (全关解析)

目录 前言: 第0关 描述: 过程: 第1关 描述: 过程: 第2关 描述: 过程: 第3关 描述: 过程: 第4关 描述: 过程: 第5关 描述: 过程: 第6关 描述: 过程: 第7关 描述: 过程: 第8关 描述: 过程: 第9关 描述: 过程: 第10关 描述: 过程: 第11关 描…

spring mvc文档阅读笔记——01

目录标题一、文档地址二、文档目录索引简介(一)Spring Web MVC1. 常用注解的使用2. 过滤器3. WebMvcConfigurer(二)RestTemplate(三)WebSocket三、Spring Web MVC(一)ControllerRest…

CSS知识点精学3-CSS浮动

目录 结构伪类选择器 伪元素 标准流 浮动 清除浮动 结构伪类选择器 目标:能够使用结构伪类选择器在HTML中定位元素 1.作用:工具元素在HTML中的结构关系查找元素 2.优势:减少对于HTML中类的依赖,有利于保持代码整洁 3.场景…

5G NR标准 第10章 物理层控制信令

为了支持下行链路和上行链路传输信道的传输,需要某些相关联的控制信令。这种控制信令通常被称为L1/L2控制信令,表示相应的信息部分来自物理层(层1)并且部分来自MAC(层2)。在本章中,将描述下行链…

一套WPF+EF+SQLServer 会员卡管理系统源码

今天分享的是一套WPFEFSQLServer 会员卡管理系统源码,界面使用Panuon.WPF.UI,图表工具使用LiveCharts.Wpf,麻雀虽小五脏俱全,该源码作Panuon.WPF.UI的示例入门较为合适,包含了常规控件的附加属性及官方文档中没有提及的…

前端性能的计算方式与优化方案

文章目录1.Navigation Timing1.1 什么是Navigation Timing1.2 Navigation Timing具体说明1.2.1 缓存处理阶段1.2.2 网络请求阶段1.2.3 dom渲染阶段1.3 使用1.3.1 如何查看1.3.2 项目中的使用2.Core Web Vitals - CWV 网页性能三大指标2.1 Largest Contenful Paint(LCP)扩展&…

C语言_自定义数据类型

目录 1.自定义数据类型_结构体 1.1 结构体类型的声明 1.1.1 匿名结构体 1.2 结构体的自引用 1.2.1 Typedef结构体重命名: 1.3 结构体变量的定义和初始化 1.4 结构体内存对齐 1.4.1 结构体的对齐规则 1.4.2 为什么存在内存对齐? 1.4.3 设置默认…

【闲聊杂谈】一篇给你讲清楚JVM调优的本质

1、什么是JVM JVM的定义 在说JVM之前,首先要知道什么是JVM。JVM是JavaVirtualMachine(Java虚拟机)的缩写,JVM是一种用于计算设备的规范,它是一个虚构出来的计算机,是通过在实际的计算机上仿真模拟各种计算…

SpringBoot整合Quartz实现动态定时任务(三十四)

二八佳人体似酥,腰间仗剑斩愚夫。虽然不见人头落,暗里教君骨髓枯。 上一章简单介绍了 SpringBoot定时任务(三十三) ,如果没有看过,请观看上一章 关于 Quartz, 可以看老蝴蝶之前的文章: https://blog.csdn.net/yjltx1234csdn/category_995397…

【云原生】k8s的集群调度

k8s中的list-watch机制1.1 list-watc机制的概念运用Kubernetes 是通过 List-Watch 的机制进行每个组件的协作,保持数据同步的,每个组件之间的设计实现了解耦。用户是通过 kubectl 根据配置文件,向 APIServer 发送命令,在 Node 节点…

Android 基本控件

一、TextView TextView是一个文本框 1.id id是这个textview的唯一id 格式是id/(自定义ID) 图中Id是tv_one 每一个TextView都是一个对象 可以使用TextView的ID通过findViewById()方法获取到这个View对象 setText是设置这个TextView的文本&#xff0c…

TiDB丨 从MySQL迁移至TiDB的常见问题及解决方案

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录一、前言二、GC设置过长的问题为什么在MySQL里可设置,保留更多的历史数据,而TiDB不行?TiDB中历史版本过多问题及排查方法二、SQL调…

Python解题 - CSDN周赛第20期 - 逆波兰 / 后缀表达式

不知不觉已经参加了19场比赛了,由于参赛次数多,排名竟然稀里糊涂地上升到第一,受宠若惊,赶紧截图保存纪念一下。 正好又赶上元旦,新的2023年,希望CSDN的周赛能越办越好,尽量少出bug,…

P1047 [NOIP2005 普及组] 校门外的树

题目 [NOIP2005 普及组] 校门外的树 题目描述 某校大门外长度为 lll 的马路上有一排树,每两棵相邻的树之间的间隔都是 111 米。我们可以把马路看成一个数轴,马路的一端在数轴 000 的位置,另一端在 lll 的位置;数轴上的每个整数…

批量化工程项目的实施过程

最近的批量化项目存在方案设计上的问题,导致很严重的后果。 1、各个相关方都需要投入较大的精力来处理此事; 2、投入的时间、金钱及人员等均在其中; 3、方案需要进行重新的验证,总体项目工程的周期进一步被压缩; 4…