【工具点滴知识 】
文章平均质量分 70
barnett_y
成功道路并不拥挤,因为坚持的人不多。。。
展开
-
70+ 实用工具网站分享(建议收藏!)
实用工具网站分享转载 2022-10-02 18:58:55 · 625 阅读 · 0 评论 -
如何删除.git目录
这篇文章主要介绍“如何删除.git目录”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“如何删除.git目录”文章能帮助大家解决问题。原创 2022-07-25 15:41:50 · 11481 阅读 · 0 评论 -
HTTP请求头referer图片防盗链
referer的作用包含当前请求页面的来源页面的地址,即当前页面是通过此来源页面的链接进入的。举个例子:页面https://wangxiaokai.vip/posts/rel-canonical/中有一张图片juejin-seo-demo.png图片的请求头如下:服务器在接收到请求后,可以获知图片资源的请求的来源页面是https://wangxiaokai.vip/posts/rel-canonical/什么情况下,referer不会被发送来源页面采用的协议为表示本地文件的原创 2022-05-25 09:09:28 · 389 阅读 · 0 评论 -
必须推荐的Curl工具使用指南
curl是一个命令行工具,用于发送客户端请求。发送客户端请求大家常用的可能是类似postman等工具,但是为什么要使用curl呢?curl等最大优势在于随时随手可以发送,非常方便。比如很多场景下我们只是想快速验证一个请求或接口:# 直接在命令行发送一个GET请求curl https://xxx.com/api/v1/xxx# 发送POST请求curl -X POST -d "k1=123&k2=456" https://xxx.com/api/v1/xxx复制代码curl安装转载 2022-04-02 10:36:11 · 2206 阅读 · 0 评论 -
Mac for nvm安装及使用教程
nvm 是Node.js 的版本管理工具,可以在同一台电脑上安装多个Node.js版本灵活切换。安装#sudo curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.0/install.sh | bash其中0.39.0可以替换为当前最新的版本号。配置环境变量# cd ~ touch .bash_profile 使用vim 或者 记事本打开.bash_profile文件 然后添加如下代码..原创 2022-03-10 10:03:25 · 1208 阅读 · 1 评论 -
iTerm2配色教程
先展示iterm2改装后对效果图(几百种方案可选):网上虽然教程很多,但是很多还是不够详细,本文总结一篇比较容易安装的图文教程,帮助大家配置个人对iterm+oh-my-zsh 效果图,很帅气有木有 一、首先安装iTem2安装好后的截图如下:可以直接去官网下载:www.iterm2.com/安装完成后,在/bin目录下会多出一个zsh的文件。Mac系统默认使用dash作为终端,可以使用命令修改默认使用zsh:chsh -s /bin/zsh复制代码如果想原创 2022-03-10 09:46:05 · 5902 阅读 · 0 评论 -
如何启动一个本地静态服务器
背景:学习前端开发,想要调试静态页面以及js,发现直接打开本地会有跨域异常,因此需要启动一个静态服务器,只负责当前目录的文件路由,目前尝试两种方案:nginx http-server#nginx#安装brew install nginx#配置Mac通过brew安装后的配置文件位于:/usr/local/etc/nginx.修改端口和文件目录:server { listen 8090; server_name server.com; chars原创 2022-02-23 16:07:35 · 2644 阅读 · 0 评论 -
AnyWhere 静态文件服务器
AnyWhere是一款随启随用的静态文件服务器,可以随时随地将你的当前目录变成一个静态文件服务器的根目录。安装:npminstallanywhere-g使用:$anywhere//orwithport$anywhere-p8000//orstartitbutsilent(don'topenbrowser)$anywhere-s//orwithhostname$anywhere-hlocalhost-p8888//or...原创 2022-02-23 16:05:28 · 1051 阅读 · 0 评论 -
Charles 使用
数据抓包是我们做业务测试、竞品分析的常用方法,在直播、短视频等常见的音视频业务场景能有好的数据抓包工具帮助,很多时候也能事半功倍。这里我们就介绍两款常见的数据抓包工具:Charles Wireshark1、CharlesCharles[1]是在 macOS 上最常使用的 HTTP/HTTPS 数据抓包工具。下面是它的一些功能:支持 SSL 代理。可以截取分析 SSL 的请求。 支持流量控制。可以模拟慢速网络以及等待时间(latency)较长的请求。 支持 AJAX 调试。可以自动将 j.原创 2022-02-20 08:14:36 · 1111 阅读 · 0 评论 -
sourcetree克隆一个仓库,一直转圈加载的
ssh公钥生产方法不必多说,用ssh好处就是不用输入账号密码复制公钥到gitlab或者github的仓库管理后台,配置并保存,复制代码地址:ssh://git@xxxx 或者git@xxxx通过sourcetree新建“从URL克隆”,克隆一个仓库,一直转圈加载的问题,可能是第一次链接这个git仓库,需要认证,只是sourcetree不会提示,需要打开命令行,手动clone,输入git clone (这里是复制的SSH链接,直接command+v就可以了)会出现认证提示,输入yes,再原创 2022-02-10 10:57:12 · 2783 阅读 · 0 评论 -
Mac下抓包工具Charles的使用
一、简介Charles是目前最强大的http调试工具,在界面和功能上远强于Fiddler1.1 界面功能工具条包含了Charles的大部分功能右键请求出现菜单,Charles的右键菜单功能比fiddler强大太多了双击请求进入列表视图,类似fiddler,方便查看和过滤请求请求详情跟fiddler相似,但直观不少工具视图基本讲解完毕,接下来我们用Charles做点事情二、本地代理和远程代理Charles的代理服务器端口跟fiddle原创 2021-12-03 14:10:54 · 736 阅读 · 0 评论 -
nvm一些问题解决方案
一、安装不建议使用brew安装,可能会有一些问题,这是nvm官网文档说明正确安装方式如下:1、安装前清理node环境sudo npm uninstall npm -gsudo rm -rf /usr/local/lib/node /usr/local/lib/node_modules /var/db/receipts/org.nodejs.*sudo rm -rf /usr/local/include/node /Users/$USER/.npmsudo rm /usr/lo.原创 2021-11-11 10:33:02 · 1784 阅读 · 0 评论 -
Gitlab-ci:从零开始的前端自动化部署
前言本文为首发原创,同时转载至公众号“全栈前端精选“和“广发证券金融科技”中目录一.概念介绍 1.1 gitlab-ci && 自动化部署工具的运行机制 1.2 自动化部署给我们带来的好处二.知识预备 2.1 gitlab-ci涉及的抽象概念(Runner/PipeLine/Executor/Job ) 2.2 YML文件的基本语法规则 2.3 .gitlab-ci.yml配置的特定关键字三.CI实战 3.1 编写一个gitlab-ci的“he转载 2021-04-14 15:44:08 · 9495 阅读 · 5 评论 -
npm包发布流程
1. 前言npm是什么这里不必再多说,我相信现在做前端的没有不知道的.这里就不在赘述了.我们平时开发中肯定是有很多可复用的类库或者组件的,那么把他们抽离出来复用就很有必要了,可以大大减少我们的工作量.下面简单介绍一下如何把一个包发布到npm上2. 工具首先我们安装一下好用的工具 nvm 管理node的版本的一个工具,如何安装和使用自行搜索 nrm 可以方便的切换npm源的一个工具.因为在国内npm的官方源经常网络连接不稳当,使用cnpm又会出现一个莫名其妙的 bu...原创 2020-11-28 17:01:56 · 464 阅读 · 0 评论 -
[实用]推荐一些非常棒的前端网站
前言有时候,提高效率的办法,比如收藏一些好用的网站。这么多年下来,收藏夹里面躺着一些好用的网站,来掘金的时候,收获了很多知识,这时候准备回馈点东西给你们。❝如果部分国外网站访问不了的,请自行解决。❞开发工具平时学习前端时用到的一些辅助工具类网站网址 说明 www.typora.io 个人最喜欢的Markdown写作工具,所见即所得。 mdnice.com 使markdown语法更加美观。 unbug.github.io/codelf 变量命名推荐(转载 2020-07-20 11:44:41 · 1450 阅读 · 0 评论 -
vim 操作命令大全
1. 关于Vimvim是我最喜欢的编辑器,也是Linux下第二强大的编辑器。 虽然emacs是公认的世界第一,我认为使用emacs并没有使用vi进行编辑来得高效。 如果是初学vi,运行一下vimtutor是个聪明的决定。 (如果你的系统环境不是中文,而你想使用中文的vimtutor,就运行vimtutor zh)1.1 Vim的几种模式正常模式:可以使用快捷键命令,或按:输入命令行。 插入模式:可以输入文本,在正常模式下,按i、a、o等都可以进入插入模式。 可视模式:正常模式下按v可以进入可转载 2020-07-08 09:15:59 · 641 阅读 · 0 评论 -
Mac上搭建nginx教程
nginx的配置比较简单,主要分以下三步:1.安装Homebrew2.安装nginx3.验证结果1.安装Homebrew终端输入ruby-e"$(curl-fsSLhttps://raw.githubusercontent.com/Homebrew/install/master/install)"大概过个二十分钟左右安装完成,其间提示输入密码,输入...转载 2020-02-09 15:03:34 · 371 阅读 · 0 评论 -
charles使用教程
https://www.cnblogs.com/mawenqiangios/p/8270238.htmlcharles使用教程将 Charles 设置成系统代理 Charles 主界面介绍 过滤网络请求 截取 iPhone 上的网络封包 截取 Https 通讯信息 模拟慢速网络 修改网络请求内容 给服务器做压力测试 修改服务器返回内容 总结 简介 Charle...转载 2019-12-18 19:45:32 · 248 阅读 · 0 评论 -
让自动化工作流解放你的双手
相信很多小伙伴和我目前的现状是一样的,公司的前端部署测试和上线都是通过人工去操作,当我们本地开发完成之后,在本地进行打包,然后将打包后的 dist 文件上传到服务器,这样会造成人工成本的浪费,如果项目变多,人员变多的话,就会导致很浪费时间,而且还容易出错,这个时候前端的自动化构建及部署就必不可少了。本篇主要讲解一下如何去配置 jenkins,如何使用 Fabric(python 脚本)去部署项...转载 2019-11-21 09:43:40 · 187 阅读 · 0 评论 -
git的GUI工具Sourcetree使用及命令行对比
1.提交推送流程勾选要提交的文件 填写提交说明内容 想提交直接推送到代码仓库时,勾选左下角按钮 最后点击提交按钮即可完成代码推送等同于git add index.html //添加暂存文件git commit -m "feat(index): 新增index.htm首页内容" //添加提交及提交信息git push //推送至远程复制代码...转载 2019-11-11 09:36:33 · 586 阅读 · 0 评论 -
使用Jenkins做自动化编译—如何正确的编写shell脚本
前言最近在公司使用Jenkins自动化编译前端、Android、iOS时遇到了挺多的shell脚本的坑,以前都是从网上找一些脚本改改测试可用就直接用了,但是最近项目变化大,导致自动化编译总是出错,于是决定好好学习下shell脚本如何正确的编写!以下是我个人的实际项目所用的一些总结,我大致会围绕三个问题来聊聊我遇到的坑和解决方法:如何根据git的提交记录,判断代码的变化,决定...转载 2019-11-01 11:52:16 · 1856 阅读 · 0 评论 -
Git操作清单
一、必备知识点Remote: 远程主仓库 Repository/History: 本地仓库 Stage/Index: Git追踪树,暂存区 workspace: 本地工作区(即你编辑器的代码)二、git add 提交到暂存区,出错怎么办一般代码提交流程为:工作区 ->git status查看状态 ->git add .将所有修改加入暂存区->g...转载 2019-10-12 10:59:09 · 224 阅读 · 0 评论 -
如何在npm发布自己的包和上传文件到github
在npm库发布包https://blog.csdn.net/qq_33599109/article/details/80018064你必须拥有npm库的账号 注册: https://www.npmjs.com/ 在抽离组件的文件夹中打开cmd,运行npm publish 注意:发布的包名为package.json中的name 几种报错: a.当前的npm为淘宝镜像或其他,不...转载 2018-09-06 22:21:48 · 1217 阅读 · 0 评论 -
创建发布自己的npm包
我们基于nodejs平台上面的npm上,可以随意下载很多npm安装包。那我们如何创建自己的npm包呢?很简单,废话少说,开始做~开始做之前nodejs默认是要安装的,怎么安装自行百度其他教程。首先在npm网站上注册一个账号,这个账号之后会用到。npm网站地址:https://www.npmjs.com/npm网站注册地址:https://www.npmjs.com/signup...转载 2018-09-05 14:12:54 · 466 阅读 · 0 评论 -
使用Fiddler做抓包分析
一、Fiddler简介转载http://blog.poetries.top/2017/11/04/fiddler/Fiddler是位于客户端和服务器端的HTTP代理,也是目前最常用的http抓包工具之一 。 它能够记录客户端和服务器之间的所有 HTTP请求,可以针对特定的HTTP请求,分析请求数据、设置断点、调试web应用、修改请求的数据,甚至可以修改服务器返回的数据,功能非常强大,是w...转载 2018-08-30 10:01:42 · 1150 阅读 · 0 评论 -
Mac下抓包工具Charles的使用
一、简介Charles是目前最强大的http调试工具,在界面和功能上远强于Fiddler1.1 界面功能工具条包含了Charles的大部分功能右键请求出现菜单,Charles的右键菜单功能比fiddler强大太多了双击请求进入列表视图,类似fiddler,方便查看和过滤请求请求详情跟fiddler相似,但直观不少工具视图基本讲解完毕,...转载 2018-08-30 10:00:39 · 3052 阅读 · 2 评论 -
使用顶级 VSCode 扩展来加快开发 JavaScript
小编推荐:掘金是一个面向程序员的高质量技术社区,从 一线大厂经验分享到前端开发最佳实践,无论是入门还是进阶,来掘金你不会错过前端开发的任何一个技术干货。VSCode 是一个开源的跨平台编辑器,已经成为程序员的最爱,特别是在 Web 开发社区。 它快速,可扩展,可定制,并具有大量功能。 如果你还没有使用 VSCode ,你应该了解一下。VSCode 已经有了数千个扩展。 我将在这篇文章中...转载 2018-08-24 15:13:11 · 1368 阅读 · 0 评论 -
Charles网络抓包工具使用教程
1. 前言:Charles是一款抓包修改工具,相比起burp,charles具有界面简单直观,易于上手,数据请求控制容易,修改简单,抓取数据的开始暂停方便等等优势!作为程序员, 这个工具的使用还是必须, 废话不多说, 来点实在的, 下面来详细介绍下这款强大好用的抓包工具的使用2. 下载安装首先需要下载java的运行环境支持(一般用burp的人肯定也都有装java环境,下载链接:链接...转载 2018-08-23 10:27:08 · 23319 阅读 · 1 评论 -
Charles 功能介绍和使用教程
Charles 简介Charles 是在 PC 端常用的网络封包截取工具,在做移动开发时,我们为了调试与服务器端的网络通讯协议,常常需要截取网络封包来分析。除了在做移动开发中调试端口外,Charles 也可以用于分析第三方应用的通讯协议。配合 Charles 的 SSL 功能,Charles 还可以分析 Https 协议。Charles 通过将自己设置成系统的网络访问代理服...转载 2018-08-27 09:43:44 · 35213 阅读 · 5 评论 -
git 常用操作总结
本文是对常用git操作做一个总结,后续也会同步到我的个人网站。1. 初始化用户$ git config --global user.email "your email"$ git config –-global user.name "your name"复制代码2. 秘钥查看是否存在秘钥$ ls -al ~/.ssh复制代码id_rsa 是私钥,id_rsa....转载 2018-10-17 09:38:34 · 449 阅读 · 0 评论 -
浅析 Hexo 搭建博客的原理
一直在用 Hexo 写博客,但是对其原理并不是很清晰,在网上找了一些资料,对 Hexo 有了新的认识,现在就来记录一下使用 Hexo + github pages 搭建博客记得刚开始知道 Hexo + github pages 搭建博客是在 2016 年,那时候,闺蜜非常激动的给我说自己建了一个博客,然后给我发过来了一个地址,我打开之后感觉她技术好牛逼啊,这都可以做到(因为潜意识中,创建一...转载 2018-11-07 11:53:16 · 2458 阅读 · 0 评论 -
Chrome DevTools - 性能监控
你是否经常需要 JavaScript 或者 CSS 进行优化,但是不能找到一个简单的方式来衡量优化的效果?当然,你可以使用时间轴来记录,但是在大多数情况下,时间轴只记录数据,并不是实时更新的。在这点还有其他的性能测量技巧,Chrome DevTools 添加了 “Performance Monitor(性能监控)” 选项卡,可以体现实时性能: 这些都是在 Chrom 稳...转载 2018-12-31 12:14:22 · 2662 阅读 · 0 评论 -
前端工程化:围绕Jenkins打造工作流的过程
背景1年前入职时,公司前端部门的静态代码部署都是用ftp工具拖拽部署,没有记录,没有关联,经常造成许多困扰的问题,比如:今天有没有其他人在我要部署的路径上工作?我的代码为啥被盖掉了?被谁盖掉的?啥时候盖掉的?本地build,ftp拖拽部署这种方式,导致git版本与手动的构建、部署没啥关联,更有在本地写完代码部署上去后,压根没传git这种失误可能发生。靠人去遵守规范来控制工作流,总会...转载 2019-02-21 20:17:02 · 2350 阅读 · 0 评论 -
git如何回滚错误合并的分支
场景线上分支:master你开发的分支:dev1同时开发的分支:dev2dev1分支开发的代码已经上线,并且已经merge到master同时dev2分支也已上线,并且已经merge到master这时发现dev1的巨大bug,线上版本要把这个分支的代码全部移除。想要达到的效果我们要撤销所有dev1的合并,并且保留dev2的代码。同时本地dev1的分支不想删除这...转载 2019-04-06 10:21:01 · 6007 阅读 · 0 评论 -
抓包工具charles的使用
一、charles的使用1.1 charles的说明Charles其实是一款代理服务器,通过过将自己设置成系统(电脑或者浏览器)的网络访问代理服务器,然后截取请求和请求结果达到分析抓包的目的。该软件是用Java写的,能够在Windows,Mac,Linux上使用。安装Charles的时候要先装好Java环境。Charles的主要功能:(1)截取Http 和 Https 网络封包。...转载 2019-04-08 09:36:26 · 1133 阅读 · 0 评论 -
Git 实用指南
个人整理的一些常用的 Git 概念和命令集合,方便速查和快速解决某些场景下的问题,覆盖了日常开发和协同工作下的一部分场景,不只是命令行的介绍。欢迎关注语雀原文,持续更新!精简入门1、克隆仓库克隆仓库会下载仓库完整的文件、分支和历史记录。gitclone[<options>] [--] <repo> [<dir>]# 克隆完整的仓...转载 2019-04-13 14:10:40 · 192 阅读 · 0 评论 -
Linux常用命令学习
1、ls命令 就是list的缩写,通过ls 命令不仅可以查看linux文件夹包含的文件,而且可以查看文件权限(包括目录、文件夹、文件权限)查看目录信息等等 常用参数搭配: ls -a 列出目录所有文件,包含以.开始的隐藏文件 ls -A 列出除.及..的其它文件 ls -r 反序排列...转载 2019-04-14 20:58:08 · 218 阅读 · 0 评论 -
Git常用命令清单
这里是我的笔记,记录一些 git 常用和一些记不住的命令,这个笔记原本是基于颜海镜的文章增加的,后面慢慢增加了许多内容,独立一个仓库维护,方便查询和使用。目录安装卸载 配置管理 不常见的使用场景 忽略文件的权限变化 配置自动换行 创建SSH密钥 多账号ssh配置 免密码登录远程服务器 https协议下提交代码免密码 文件推向3个git库 修改远程仓库地址...转载 2019-09-19 19:15:24 · 505 阅读 · 0 评论