写点什么

提高开发效率的 9 个工具

  • 2019-12-18
  • 本文字数:1435 字

    阅读完需:约 5 分钟

提高开发效率的9个工具


互联网真是个神奇的地方,它不仅教你如何写代码,还提供了很多有用的工具,在开发的各个阶段帮你节约宝贵时间。本文将列出 9 个有用的在线工具,对任何开发人员而言,它们都会是得力助手(排名不分先后)。

1. Can I Use

如果你曾经想了解浏览器对 Web API(例如 local storage)的兼容性,那么Can I Use是个不错的选择。它为桌面版和移动版浏览器提供了一个表格,这个表格包含了这些浏览器对 Web API 的最新支持情况。



各种浏览器对 local storage 的支持情况

2. Unminify

Unminify.com是一个免费的在线工具,用于复原(解包、反混淆)JavaScript、CSS 和 HTML 代码,让这些代码变得更容易阅读,且干净漂亮。


对于没有缩进的代码,或者只包含一行代码的文件(所有代码都挤在这一行难以阅读),你会不会觉得这样的代码很难看?把它们拷贝并粘贴到 Unminify,瞬间让它们变得容易理解。



unminify.com

3. Compressor

对于网站来说,图像大小是影响网页加载速度的一个主要因素。


Compressor.io是一个在线工具,用于压缩图像大小,而不会降低图像质量。这个工具相当棒,以至于图像质量在压缩前和压缩后几乎看不出区别。



compressor.io

4. Cloudcraft

Cloudcraft可以帮助你设计云,并制定云资源预算。它提供了非常酷的拖放功能,通过连接不同的云基础设施服务(目前只适用于 AWS),可以创建出 3D 图表。


在预算标签页可以看到当前架构的具体预算信息。



使用 AWS 服务规划云架构

5. Repl.it

Repl.it可能正是你多年来一直寻觅的那个在线 IDE,这真是一个完美的 IDE,你可以在几秒钟之内为你喜欢的编程语言或技术栈启动一个编程环境。


它支持所有现代编程语言,比如 Python、KotlinRuby和 JavaScript。你可以安装语言库和包,然后直接使用它们,免去下载和管理工作。


你也可以直接通过 repl.it 链接分享代码,还能通过嵌入repl.it链接让用户与代码交互。



在 Node 服务器环境里使用 Express JavaScript

6. RequestBin

RequestBin为用户提供了一个实时的 HTTP 端点,用于收集所有发出的请求,这样你就可以很容易地解析它们来检查和验证数据,非常方便地检查和验证数据。


如果你想调试来自不同网站的 Webhook 请求,并且不确定会收到怎样的数据结构或数据类型,那么这个网站就非常有用。



向端点发出 POST 请求后收到的数据

7. Web Code

Web Code是最好的代码生成器之一。只要输入你的需求,它就可以生成代码,满足各种基本的和高级的需求。


对于不是很熟悉 HTML 和 CSS 的 Web 开发人员来说,这个工具非常有用。



分别为 4 条不同的边框生成各自的 CSS 代码

8. BundlePhobia

自从现代化前端框架技术出现后,人们就一直想要减小包的大小,以便缩短用户加载页面的时间。


BundlePhobia帮你分析,向你的项目添加一个 npm 包,会使你的项目变大多少。你可以直接将package.json文件上传到这个网站,获得项目中所有包的分析结果,也可以搜索具体某个包的详细信息。



计算 pdfmake 库的大小

9. Fingerprint.js

浏览网站,完成网站记录。但是,通过网站来获取浏览器的一系列唯一标识并非易事。


幸运的是,我们可以使用这个生成浏览器唯一标识,这既不需要用到 cookie,也不需要用到任何可能随时被恶意用户随时重置的数据。它快速提取网页浏览器的大量属性,既可以单独使用它们,也可以用它们生成散列值,用于标识用户的唯一性。


当你在做一个 Web 项目时,这个工具提取的属性是最有可能替代移动设备的 UUID 的。


你可以从 CDN 引用这个库,或者通过npm包来安装它。



从浏览器提取用户信息


原文链接:


Developer Tools to Increase Your Productivity


2019-12-18 07:504094

评论

发布
暂无评论
发现更多内容

external-provisioner源码分析(2)-main方法与Leader选举分析

良凯尔

Kubernetes 源码分析 Ceph CSI

边缘计算是流行词还是风口?开发者怎样选开源项目?

华为云开发者联盟

开源 开发者 5G 边缘计算 EdgeGallery 社区

Spring Bean创建过程的Hook

邱学喆

BeanPostProcessor @Autowired注入原理 @Resource注入原理 @Value注入原理

Go Functions

escray

学习 极客时间 Go 语言 4月日更

因为这几个TypeScript代码的坏习惯,同事被罚了500块

华为云开发者联盟

typescript 运算符 代码 null strict

安卓内存监控悬浮窗,2021Android面试心得,全套教学资料

欢喜学安卓

android 程序员 面试 移动开发

external-provisioner源码分析(3)-组件启动参数分析

良凯尔

Kubernetes 源码分析 Ceph CSI

基于crudapi增删改查接口后端Java SDK二次开发之环境搭建(一)

crudapi

Java API sdk crud crudapi

第 0 期架构训练营模块 2 作业

架构实战营

MySQL 索引概要

大海

MySQL 索引

堪称神作!阿里数位专家联合写的“大厂高频Java面试手册”

码农之家

Java 编程 程序员 互联网 面试

架構實戰營 - 模塊 2 作業

Frank Yang

架构实战营

LitmusChaos: K8s上的混沌工程框架

混沌工程实践

k8s 混沌工程 litmuschaos 实践框架 故障实验库

Play with Go

Rayjun

教程 Go 语言

架构实战营 模块二作业

fazinter

架构实战营

架构实战营模块二作业

日照时间长

架构实战营

数据脱敏:数仓安全隐私保护见真招儿

华为云开发者联盟

数据仓库 加密 隐私保护 GaussDB(DWS) 数据脱敏

第十一周总结

kubernetes ceph-csi分析-目录导航

良凯尔

Kubernetes 源码分析 Ceph CSI Kubernetes Plugin

k8s通过ceph-csi接入存储的概要分析

良凯尔

Kubernetes 源码分析 Ceph CSI

技术实践丨列存表并发更新时的锁等待问题原理

华为云开发者联盟

事务 update 元组 列存表

MySQL存储过程的异常处理

Sakura

4月日更

架构师实战营 模块二作业(微信朋友圈高性能复杂度架构分析)

代廉洁

架构实战营

Impala架构详解

五分钟学大数据

4月日更 impala

python 函数详解

若尘

函数编程 函数

external-provisioner源码分析(1)-主体处理逻辑分析

良凯尔

Kubernetes 源码分析 Ceph CSI

阿里P8重磅总结:看完别说不会了哦,SpringBoot「完结篇」

比伯

Java 编程 程序人生 计算机 架构】

还有人搞不懂数据仓库与数据库的区别?

大数据技术指南

数据仓库 4月日更

安卓rxjava合并多个请求,我的阿里手淘面试经历分享,面试必会

欢喜学安卓

android 程序员 面试 移动开发

这才是大数据的正确打开方式

华为云开发者联盟

大数据 数据仓库 云原生 数据治理 灾备

2021互联网大厂高频面试专题500道:并发编程/Spring/MyBatis(附答案解析)

比伯

Java 编程 架构 程序人生 计算机

提高开发效率的9个工具_文化 & 方法_Nabil Nalakath_InfoQ精选文章