在平时的开发工作中我们需要使用到很多的工具来辅助我们的开发,也经常会查阅很多的网站来收集资料。下面具体总结了开发过程中的常用的18款工具分享给大家。很实用,可以收藏这样需要时很快能找到,点击标题就会直接跳转到工具页面。
也欢迎小伙伴们在评论区分享和安利出你们觉得有用的工具。
一款服务于 Web 开发者的浏览器插件,可以针对该网站做更深入的操作,如
高效的前端开发利器,可在 Vue/React 中快速书写修改 HTML/CSS,并支持多种编辑器,如流行的 VSCode。
它最大的功能就是把 CSS 样式的缩写
转化为 HTML,如输入 #page>(#header>ul#nav>li*4>a)+(#content>h1{Hello world}+p)+#footer
,并按下 Tab 键,自动生成以下 HTML
<div id="page">
<div id="header">
<ul id="nav">
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
</div>
<div id="content">
<h1>Hello world</h1>
<p></p>
</div>
<div id="footer"></div>
</div>
以上扩展缩写的功能被称为 Expand Abbreviation
。除此之外,它还有更多细致的功能,这些功能在 Emmet 中被称为 Action
把 SVG 转化为 DataURI,并嵌入到 CSS 样式中
可视化 SVG,并支持压缩图片、转化为 React/RN 组件、转化为 png 格式的图片等
基于 asciinema 的一款软件,使用 javascript 编写。可把终端动作录制为 svg 动画
$ cat demo.cast | svg-term > demo.svg
使用 python 编写的一款可记录终端操作命令动画的工具软件,可在线播放。借助第三方工具可以转化为 gif 动画或者 svg 动画。
使用以下两行命令可快速开始录制终端。
$ brew install asciinema
$ asciinema rec
Prettier 是一款优秀的代码格式化工具
列举每一个 Chrome 的新特性大全,目前的稳定版本及下一个版本的发布日期等。
收集多种 CSS 动画,大部分是各种 hover 效果、loading 动画等,纯 CSS 实现。收藏以备独立设计网站时的不时之需。
随机生成一个波浪SVG,可调整锯齿、波折程度等,并可保存为 SVG/PNG/JPG
可称之为学习及书写 shell 的最佳辅助神器,输入任一 linux 命令,都会一一指出每个参数的释义,PIPE 嵌套且复杂的命令也可解析。
这是 Github 的一个仓库,你可以直接引用地址,找到任意浏览器高清分辨率的Logo。
如果引用 Github 地址比较慢的话,你可以试试 jsdelivr 的 CDN
拥有大量 UA 的数据库及相关功能
2021 年,JS 各个生态圈中最流行的框架及周边产物,如 React 生态圈、Vue 生态圈、GraphQL 生态圈、构建工具生态圈等
https://picsum.photos/200/200
将随机从 Unsplash 取一张指定尺寸的图片
这里有 JS 生态最流行的库,实时刷新并推荐,并且可每周订阅
支持 Excel、URL、HTML、Markdown、CSV、JSON、LaTeX、SQL、MediaWiki等任意格式的相互转换
支持各种代码转化的工具,SVG、JSON、TS、GraphQL、CSS、SQL,只要你能想到的这里都有。光 JSON 就可以转化为十几种代码格式。
分享的18款工具有没有小伙伴使用同款呀,喜欢这篇文章小伙伴们点赞+转发支持小编噢!
主要是一个CSS样式控制和一个META标签; 复制代码 代码如下: !DOCTYPE html PUBL...
一、前言 随着项目模块越来越多,很多模块现在都是独立部署。模块之间的交流有时...
下表包含了元字符的完整列表以及它们在正则表达式上下文中的行为: 字符 描述 \ ...
? ? MyBatis入门-延迟加载与立即加载 加载策略 延迟加载 立即加载 基础数据 实体...
我走了很远的路吃了很多的苦才将这份博士学位论文送到你的面前。二十二在求学路...
1.现在复习的感觉就是:马上要有一大波僵尸涌过来,但老子连向日葵都还没种! 2...
Reporting API 定义了一个新的 HTTP Header,Report-To,它让 Web 开发人员以自...
正则表达式就是由普通字符(例如字符 a 到 z)以及特殊字符(称为元字符)组成的...
我就废话不多说了,大家还是直接看操作吧~ p联系电话:a :href="'tel:' + item.p...
本文为大家分享了VS2019以及MFC的安装详细教程,供大家参考,具体内容如下 一、...