百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

整理几个超实用的前端提效shell命令

nanshan 2024-10-28 16:33 24 浏览 0 评论

curl

curl 是常用的命令行工具,用来请求 Web 服务器。它的名字就是客户端(client)的 URL 工具的意思。curl 功能非常强大,它的命令可以直接放到 postman 使用,postman 也是支持 curl 的请求方式。

常用的结果参数

curl 的参数包括很多,这里只说几个常用的,如果遇到复杂情况可以参考文档。

不知道是不是还有的小伙伴不知道 postman 直接支持 curl 命令,在 postman 中点击 code 就会出现对应请求的curl命令

  • -X 参数指定 HTTP 请求的方法。
  • -H 参数添加 HTTP 请求的标头。
  • -d 参数用于发送 POST 请求的数据体。使用 -d 参数以后,HTTP 请求会自动加上标头Content-Type : application/x-www-form-urlencoded。并且会自动将请求转为 POST 方法,因此可以省略-X POST
  • -b 参数用来向服务器发送 Cookie。

想了解更多参数可以去看下阮一峰老师文档 https://www.ruanyifeng.com/blog/2019/09/curl-reference.html

curl 项目中应用

如果对 curl 熟悉的小伙伴完全可以替代 postman 等工具,小伙伴可以直接模拟请求。(我认为curl能看到懂常用命令就够了)

因为在 BFF 项目中,好多时候前端也参与开发,我们也会直接调用后端的接口,有时候报错不知道是不是自己参数写错了,或者 cookie 有问题,找问题调试不方便,在 local 环境下,我们会直接打印出完整的 curl 请求,这时候可以直接看出错误,开发者只需要知道 curl 的一些参数就可以,还可以直接把 curl 命令复制到 postman 进行调试。看一下具体实现部分代码

//只在本地环境输出

if (ctx.app.config.env === 'local') {

const str =

curlString(url, {

method,

headers,

body,

}) + '\n';

console.log('\x1b[32m%s\x1b[0m', str);

}

/**

* Builds a curl command and returns the string.

* @param {String} url Endpoint

* @param {Object} options Object with headers, etc. (fetch format)

* @return {String} cURL command

*/

function curlString(url, options) {

const method = options && options.method && typeof options.method === 'string' ? options.method.toUpperCase() : 'GET';

const hasHeaders = options && options.headers && typeof options.headers === 'object';

const hasBody = options && options.body;

let curl = `\ncurl --request ${method} \\\n--url '${url}'`;

if (hasHeaders) {

curl +=

' \\\n' +

Object.entries(options.headers)

.filter(([key, value]) => value !== undefined)

.map(([key, value]) => `--header '${key}: ${value}'`)

.join(' \\\n');

}

if (hasBody) {

curl += ` \\\n--data '${bodyToDataString(options)}'`;

}

return curl;

}

/**

* Constructs a body string for use inside --data

* @param {Object} options Object with headers, etc. (fetch format)

* @return {String} cURL command data string

*/

function bodyToDataString(options) {

let parsedData;

try {

parsedData = JSON.parse(options.body);

} catch (e) {

// fall back to original body if it could not be parsed as JSON

parsedData = options.body;

}

// return an ampersand delimited string

const headers = _.get(options, 'headers');

const contentType = _.toLower(_.get(headers, 'content-type') || _.get(headers, 'Content-Type'));

if (contentType === 'application/x-www-form-urlencoded') {

if (typeof parsedData === 'string') {

return parsedData;

} else {

return Object.entries(parsedData)

.map(([key, val]) => `${key}=${val}`)

.join('&');

}

} else {

return JSON.stringify(parsedData);

}

}

vim 中的基本操作和配置

非 insert 模式

在 vim 打开文件后,还没有使用插入编辑,可以做哪些基本操作

  1. G 快速移动到文件底部(常用于查看日志)
  2. gg 快速移动到文件顶部
  3. 0 快速移动到行首
  4. $ 快速移动到行尾
  5. :13 快速移动到特定行
  6. ZZ 光标移动到本屏中间
  7. dd 剪切本行
  8. yy 复制本行
  9. u 撤销(undo缩写,撤销)
  10. p 粘贴 (p指paste,粘贴)
  11. 在 mac 系统下可以 option+点击 快速移动到想要的位置(也就是光标)

insert 模式

前面说了多种移动方式,接下来结束几个常用的 insert 命令,我这里就结束一些常用简单的

  1. i 在当前光标的前面进行编辑
  2. o 快速进入 insert 模式,并定位到下一行编辑
  3. esc 退出 insert 模式,与 <crtl-[>

ping

在网络中 ping 是一个十分强大的 TCP/IP 工具。

  1. 用来检测网络的连通情况和分析网络速度
  2. 根据域名得到服务器IP
  3. 根据ping返回的TTL值来判断对方所使用的操作系统及数据包经过路由器数量。

bytes值:数据包大小,也就是字节。

time值:响应时间,这个时间越小,说明你连接这个地址速度越快。

TTL值:Time To Live,表示DNS记录在DNS服务器上存在的时间,它是 IP 协议包的一个值,告诉路由器该数据包何时需要被丢弃。可以通过 Ping 返回的 TTL 值大小,粗略地判断目标系统类型是 Windows 系列还是 UNIX/Linux 系列。

默认情况下,Linux 系统的TTL值为64或255,WindowsNT/2000/XP 系统的 TTL 值为 128,Windows98 系统的 TTL 值为32,UNIX 主机的 TTL 值为 255。

除了直接 ping ip ,还可以 ping 域名,会自动把域名解析为 ip。

应用

最常用的方式是直接ping ip地址,测试网络连通性

学会看懂出错提示信息

(1)NoAnswer:这种故障表明本机有一条通向中心主机的路由,但没有收到发给该中心主机的任何信息。原因可能是:中心主机没有工作、本机或中心主机网络配置不正确、本地或中心的路由器没有工作、通信线路有故障、中心主机存在路由选择问题,等等。

(2)Request Timed Out:超时错误,被测试的机器不能正常连接,原因可能是该主机此时未连接(如已关机)、或到路由器的连接有问题、或路由器不能通过,或对方主机使用了防火墙软件禁止进行 Ping 测试等等。

(3)Unknown Host Name:无法解析主机名字,可能是DNS设置不对,或者对方主机不存在

telnet

telnet 经常可以确定远程服务的状态,比如确定远程服务器的某个端口是否能访问(端口连通性)。

telenet是windows标准服务,可以直接用;如果是linux或者mac,需要自己安装telnet

使用 telnet ip port

1)先用telnet连接不存在的端口

[root@localhost ~]# telnet 10.0.250.3 80

Trying 10.0.250.3...

telnet: connect to address 10.0.250.3: Connection refused #直接提示连接被拒绝

2)再连接存在的端口

[root@localhost ~]# telnet localhost 22

Trying ::1...

Connected to localhost. #看到Connected就连接成功了

Escape character is '^]'.

SSH-2.0-OpenSSH_5.3

a

Protocol mismatch.

Connection closed by foreign host.

总结

优秀和常用的 shell 命令有好多,我这里只写了几个非常常用,并且前端开发者也会经常用到的命令,希望对小伙伴们有一丢丢帮助。

相关推荐

教你一个解决手机卡顿的方法(10秒解决手机卡顿问题)

我们的手机天天刷头条,看视频,用了一阶段时间以后,就时不时的发生卡顿现象。昨天我的手机就发现了这个问题。友友们,你们遇到过这样的问题吗?你们都是怎样解决的?我看了一眼我的粉丝情况,头条君给我分析的很精...

手机视频缓存清理,3步彻底清空,告别卡顿

在我们使用手机观看视频的过程中,经常会产生大量的缓存垃圾,这些垃圾文件不仅占用了手机的存储空间,还可能导致手机卡顿和运行缓慢。然而,你知道如何彻底清空手机的视频缓存,让手机恢复流畅的使用体验吗?在本文...

关手机这个开关,轻松提升流畅度!

关闭手机这个开关,跟新买的一样流畅。手机不要再清理垃圾了,只要关闭这个开关,手机就会和新买的差不多,丝滑流畅不卡顿。其实抖音里就隐藏着一个小开关,每天刷过的视频都会保存在手机里,如果一直不清理,手机就...

如何清理今日头条和西瓜视频的内存,让手机流畅不卡顿?

对于老年人而言,今日头条和西瓜视频能带来丰富的资讯与娱乐。然而,随着使用时间的增加,这些应用会占用大量手机内存,致使手机运行卡顿。那该如何解决呢?接下来,我将用最简单易懂的方式教老年人清理今日头条和西...

视频在线如何转换格式?好用不卡顿的三种转换办法

转换视频格式目前来说已经是很熟练的操作了,但是还有些用户可能还是不知道,小编今天就特意给大家带来一些小众才知道的转换教程,让新手也能快速的上手去转换视频格式,以后获取到视频就不怕内容丢失了,视频的格式...

如何把视频慢放处理?这几个慢放方法记得收藏

如何把视频慢放处理?如果你想让视频慢放,可能是因为你想放慢一些精彩的瞬间,或者你想制作一个慢动作视频。在这篇文章中,我们将介绍一些调速方法,这些方法可以有效地调整视频速度,一起来学习一下吧。方法一:使...

如何清理看过的视频,释放垃圾,让手机更流畅?

现在谁的手机上没几个短视频平台,无聊时就会刷别人的视频。可您知道吗?我们看过的内容都会被自动保存在手机里,而且很耗内存。如果长时间不释放,手机就会出现各种问题,其中最突出的就是反应慢。相信很多老年人的...

手机掉帧是怎么回事?刷视频的时候经常掉帧卡顿

手机掉帧是指在运行应用或视频时,画面出现卡顿、不流畅的现象,通常由硬件性能不足、软件优化不佳、内存占用过高、网络问题或设备过热等因素引起。尤其是在刷视频时,掉帧问题可能更为明显,以下是具体原因及解决方...

拍视频画面卡顿不流畅,原来是相机设置错误 #短视频拍摄

拍摄视频时,应该选择哪种快门速度?许多新手朋友可能会认为,快门速度越高,画面就越清晰,实则不然。因为拍摄视频时,需要考虑一个问题,即动态模糊。例如,如果设置为24帧/秒,那么每秒钟会拍摄24张图片。如...

手机卡顿最大原因#视频太卡怎么变流畅

抖音这几个开关是手机卡顿的最大原因。你是不是也会经常遇到刷视频的时候,打开一个视频之后老半天还在那转着圈圈,总觉得手机没有之前流畅了。这就说明你的手机占用的内存太多了,导致手机卡顿,使用不流畅。使用手...

为啥你家的玩游戏和刷视频经常性的会卡,那是你不懂这些小妙招

本内容来源于@什么值得买APP,观点仅代表作者本人|作者:暴走的黄小猪说到网速有不少的值友都有一个共同点,那就是“卡”,那是你根本没体验过啥叫真正的网速啊,全屋零四条网络报表也花不了几个钱你们的方法...

电脑看视频卡顿有什么解决方法?(电脑看视频画面卡顿是什么原因)

电脑看视频卡顿的原因可能多种多样,包括硬件性能不足、网络问题、软件设置不当等。以下是一些常见的解决方法,帮助你改善视频播放的流畅度:一、硬件方面1.检查硬件性能:如果电脑配置较低,尤其是CPU、内存或...

手机Wi-Fi满格但视频卡顿,你需要这样解决

累了一天的打工人回家拿出手机准备玩玩游戏,看看电影时,发现网络异常卡顿,但手机又显示Wi-Fi信号满格,当咱们遇到此类问题时,这些动作能让网络恢复正常,方法如下。一、重启路由器和光猫很多家庭在安装好路...

视频越刷越卡?原来是路由器开启了这个功能,关闭方法来了

应该很多小伙伴都有过类似的经历,就是在家里长时间刷视频或者看剧的时候,网速好像会越来越慢,视频总是要加载。手机本身可能是一部分原因,但路由器也会影响,你知道吗?当我们在刷视频的,路由器会悄悄地开启大量...

一招解决视频卡顿的问题,改变发布渠道后,结果香了

最近一段时间拍了很多美景视频,编辑发布到头条后,有时一直显示在缓冲,播放不了,有时打开断断续续的,老是卡顿。导致的后果是:要么展现量很低,要么阅读量寥寥无几,这让我非常苦恼。所以再发布作品时,我只好文...

取消回复欢迎 发表评论: