各种前端实用的好工具,杜绝造轮子,每款工具都经过精心打磨,帮助所有程序员提高前端开发效率
程序员常用的强大工具箱,几乎包揽了所有常用工具
可以在线看代码流程的网站:loupe
支持 JavaScript 和 PHP/PCRE 的正则表达式、结果在您键入时实时更新、翻滚一个匹配或表达的细节、使用测试套件验证模式、保存并与其他人共享表达式。可以使用工具探索您的结果、拥有完整的 RegEx 参考帮助和例子、在编辑器中使用 cmd-Z/Y 撤消和重做、搜索和评价社区模式。功能强大
在线编辑器,可以运行node、vue、react等
Vue 3 Template Explorer vue3模板解析
时间戳(Unix timestamp)转换工具 - 在线工具
一个项目用COOL就够了
Apifox = Postman + Swagger + Mock + JMeter。集接口文档工具、接口Mock工具、接口自动化测试工具、接口调试工具于一体,提升 10 倍研发效率。是最好用的API文档工具,API自动化测试工具,API Mock工具,接口文档管理工具,接口文档生成工具。
小工具集合体,集日志分析、工程绘制、json编辑器、markdown在线编辑、在线对比文件、正则表达式等等
Find quickly all the class names and CSS properties with this interactive cheat sheet. The only Tailwind CheatSheet you will ever need!
将 CSS 转换为 TailwindCSS
Having trouble memorizing all 37080 utility classes in Tailwind? Remembered the CSS code, but did not remember which is the corresponding Tailwind CSS utility class? Search for it here!
响应式布局测试
安全稳定的全球接码平台
数百万个渐变示例,让你对渐变少些纠结
amis 是一个低代码前端框架,它使用 JSON 配置来生成页面,可以减少页面开发工作量,极大提升效率
接口大全-免费API,收集所有免费的API。接口大全-免费API,为您收集免费的接口服务,做一个api的搬运工
一款功能强大的网站分析工具:Web-Check。 可以分析任何网站的 IP 信息、SSL 链、DNS 记录、Cookie、域名信息、服务器位置、网站性能等等信息。
视化的方式探索浏览器 Dom 事件的执行机制
Ant Design Landing 平台拥有丰富的各类首页模板,下载模板代码包,即可快速使用,也可使用首页编辑器,快速搭建一个属于你的专属首页
Json在线解析格式化工具:提供Json在线解析器,Json格式化,Json序列化,Json解析,Json校验,Json压缩,Json转xml,在线Json格式化,并提供多种Json在线解析格式化工具
Minifier 可以对 JavaScript 和 CSS 代码进行压缩,通过缩小可以提高网站加载速度。Minifier 通过删除 .js 和 .css 文件中的空白并重新格式化它们以减小大小。
在线代码测试
RunJS 是一个桌面应用程序,可帮助我们编写专门的 Javascript 和 Typescript 代码。它的一些优势是可以快速测试代码,轻松导入和测试库代码,并且能够修改界面、主题和字体以适应偏好。
Loupe 是一个可视化工具,可帮助我们了解 JavaScript 的调用堆栈/事件循环/回调队列是如何执行的。
正则表达式可视化器和编辑器。
Gitpod 是一个基于 Chorom Cloud 平台的在线 IDE,它可以快速的启动一个基于大多数流行语言的开发环境,并且可以很顺畅的进行开发。无论您只是想要修改代码、查看代码,还是想在 GitHub 上尝试新东西,Gitpod 都可以通过单击启动一个现成的代码开发环境。 因为 Gitpod 是基于 VS Code、Docker 和 Kubernetes 等 OSS 技术,所以它熟悉、全面、可扩展且易于使用。通过深入的 GitHub 集成、用于共享的工具和对可用性的关注,Gitpod 将您的整个开发工作流程包含在一个浏览器选项卡中。
使用颜色选择器、颜色表和 HTML 颜色名称来获取 HTML 颜色代码、Hex 颜色代码、RGB 和 HSL 值
curl命令转代码 - 在线工具
文本比较!——一个可以找出两个文本文件差异的在线差异比较工具
imgcook 由设计稿一键智能生成代码的大厨
PixPin是一款功能强大的免费截图工具,支持截图、录屏、长截图、OCR文字识别、屏幕贴图等功能。为设计师、开发者、办公人员提供高效的屏幕操作体验。
UI 设计稿智能生成前端源代码 8 小时工作量,10 分钟完成
在线尝试Babel编译
daocloud国内访问速度较快,可以代替hub.docker.com
基于 Low-Code Engine 快速打造高生产力的低代码研发平台
RegExr: Learn, Build, & Test RegEx 好用的正则工具
AST explorer代码生成在线调试
使用 Unminify 可以使 .js 或 .css 文件可读。这两种工具都非常容易使用。
Debuggex: Online visual regex tester. JavaScript, Python, and PCRE.
SimpleMindMap 一个强大的Web思维导图 是一个js思维导图库,也是一个完整的思维导图工具
Linux命令大全(手册) – 真正好用的Linux命令在线查询网站
uTools 是什么? uTools 是新一代效率工具平台,通过自由选配丰富的插件,打造得心应手的工具集合
浏览器hack
辅助阅读源代码、分析项目结构的工具
中华人民共和国行政区划代码
无论你需要哪种转换,在 transform.tools 你都可以找到
比ping更好用的网络工具
正则表达式可视化工具
腾讯出的vscode在线代码编辑器
在线工具网提供基于Web网页的在线工具软件,如:智商测试、情商测试、逻辑思维训练、mbti职业性格测试、九型人格测试、大五人格测试、人才测评、图表制作、图片处理、疾病自测、抑郁症测试题、生活查询、健康管理、娱乐工具、及各类在线计算器等等。
实时查看 JavaScript 事件和参数
本插件支持Chrome、Firefox、MS-Edge浏览器,内部工具集持续增加,目前包括 JSON自动/手动格式化、JSON内容比对、代码美化与压缩、信息编解码转换、二维码生成与解码、图片Base64编解码转换、Markdown、 网页油猴、网页取色器、脑图(Xmind)等贴心工具,甚至在目前新版本的FeHelper中,还集成了FH开发者工具, 如果你也想自己搞一个工具集成到FeHelper中,那这一定能满足到你。另外,本站也提供部分工具的在线版本,欢迎使用,欢迎反馈!
最好用的切图工具
正则大全
分析网站使用的技术
是一个方便广大web开发者进行H5动画交互页开发的工具
各种屏幕浏览器尺寸
@程序员poetry,编程知识博主,全网同昵称
- 主页:博客 | Github | 知乎
- 进阶学习:前端系统进阶 & 面试指南
- 关注公众号『 前端进阶之旅 』学习不迷路
- 面试刷题小程序『 前端进阶之旅 』
扫码关注「前端进阶之旅」发送:「动态码」