卡卡西：一个擅长拷贝的前端程序员

macOS使用 filezilla通过ssh密钥连接远程服务器

解决 command not found: brew ：Mac安装Brew

基本使用安装 yarn add --dev jest新建功能文件 Sum,jsfunction Sum(a,b) { return a + b;}module.exports = {Sum}新建测试文件 Sum.test.js (跟2中功能文件对应，jest会自动匹配)const {Sum} = require("./Sum.js");test("测试求和方法: a+b", () => { expect(Sum(1,2)).toBe(3);})修改 packa

恢复 被误删的git分支切回 master 分支，避免影响到当前分支：$ git checkout mastergit relog --data=iso 以标准时间格式展示日志reflog是reference log的意思，也就是引用log，记录HEAD在各个分支上的移动轨迹。$ git reflog --date=iso在 上述操作结果中查找 误删除分支的 commit记录 （如下红框为例）git checkout -b <分支名&g

参考 https://juejin.cn/book/6844733783166418958/section/68447337832041676871.快捷键切换工具栏位置： command + shift + D2.切换 devtools 面板control + [ 向左切换；control+ ] 向右切换control + 1 到 control + 9 1…9直接切换到对应面板3.递增/递减使用 上/下 箭头按键，逐步调整数值（常见于调整css）4.查找内容：contro

VsCode 编辑器 有一款插件：Todo Tree，可高亮显示标签（支持自定义），便于开发过程中区分各种注释场景。效果如下：配置方法：首先，在应用商店，搜索 “todo tree”，安装插件：然后，打开vscode配置文件：setting.json，加入如下配置：// setting.json{ ... //todo-tree settings "todo-tree.general.tags": [ "todo", "done", "fix",

vscode 左侧活动栏 源代码管理 不见了怎么办？vscode左侧活动栏默认会有 一些内容，今天一不小心，不知道怎么的，将部分内容搞没了（是的，我也不知道怎么搞的 就没了） 如下图：搜索 和 源代码管理都不见了恢复办法1. 恢复 源代码管理项：ctrl + shift + G 快捷键 => 可以看到 "源代码管理" => 单击鼠标右键 => 选择 “重置位置”2. 恢复 搜索：ctrl + shift + F 快捷键 => 找到...

作为一名优秀的前端程序员，想要输出内容，总需要制作一些动图(前端动效、功能预览、代码讲解等)，接下来咱们说一下，使用 Mac 录屏，并转成 Gif格式动图的方法：工具：Mac、QQ操作步骤：1.打开QQ（没有安装QQ的话，请自行安装）使用QQ聊天对话框中的 截图功能(小剪刀)，选中“录屏”功能。或者使用 快捷键 command + shift + A2. 按照提示，选择要录屏的区域 进行视频录制。如下图：...

问题描述：macOs 10.15 版本mysql-8.0.22-macos10.15-x86_64通过 navicat premium 连接本地mysql时报错：2059 - Authentication plugin ‘caching_sha2_password’ cannot be loaded: dlopen(…/Frameworks/caching_sha2_password.so, 2): image not found解决问题1.打开终端，输入 mysql -u root -p 回车

辅助开发类：1.VeturVUE开发必备插件1.语法高亮，包括 vue/html css/sass/scss/less/stylus js/ts2.语义高亮，除了支持template模板以外，还支持大多数主流的前端开发脚本和插件3.语法错误检查，包括 CSS/SCSS/LESS/Javascript/TypeScript4.emmet 支持5.支持调试6.代码片段自动补全 包括 HTML/CSS/SCSS/LESS/JavaScript/TypeScript2.Vue...

获取 谷歌浏览器扩展插件 .crx 类型扩展文件的方式有以下几种：1. 已安装，并且知道安装包地址：打开谷歌浏览器 => 地址栏输入 chrome://extensions/ => 回车 即可打开扩展页 => 点击 “打包扩展程序” => 选择扩展程序根目录， 打包即可2. 已安装，不知道安装包地址对于已经安装，但是不知道安装包所在地址的扩展程序，可通过第三方网站获取该扩展 .crx安装文件：打开谷歌浏览器 地址栏输入 chrome://extensions/

2021 百度网盘网页版 倍速播放技巧(亲测有效)安装谷歌浏览器(chrome浏览器)打开谷歌浏览器，地址栏输入：chrome://extensions/ 或者 直接点这里在打开的扩展程序 页面，开启右上角 的 “开发者模式”下载 Global-Speed 扩展 点击这里获取 ，或者评论 or 私聊我将 步骤4 中下载的 .crx 文件 拖入 步骤3 打开的页面(chrome://extensions/ )安装成功后，可以看到 Global-speed扩展, 开启该扩展打开百度网盘视

开发过程中经常会修改host配置，以方便测试；接下来手把手教你如何配置windows 环境的 host首先，要找到host文件通常host文件在C:\Windows\System32\drivers\etc打开该路径，可看到配置1. 文件-> 打开Windows PowerShell ->以管理员身份打开终端2. 终端打开如下3. 执行 cmd4. 再执行 notepad hosts5. 之后会打开hosts 文件，在里边编辑好内容..

通过vue create 创建的项目，运行期间报错： “TypeError: Cannot set property ‘VUE_DEVTOOLS_UID’ of null”版本信息：@vue/cli 4.5.9截图：问题原因因为我的chrome 安装了 vue-devtools工具解决方案在 src/main.js 中设置： Vue.config.devtools = false; 但这样vue-devtools就不能用啦。更新下 vue-devtools 工具的版本就好vue-

终端输入 code + 文件路径 自动使用vscode打开该文件。打开 vscode快捷键 command + shift + P输入 shell command，选择 install ‘code’ command inPATH 选项（如下图所示）完成之后，打开iterm ，输入 “code 文件地址” 即可自动使用 vscode 打开相应文件...

charles是一个非常方便的抓包工具，还能代理转发，详情参考charles 官网但是默认只能抓 HTTP 的包，总是抓不到 HTTPS 的请求包，怎么办呢？1. 安装charles 证书菜单栏 Help -> SSL Proxying -> Install Charles Root Certificate 安装证书打开的钥匙串中安装charles的证书，设置为 信任，即可2. 设置HTTPS端口菜单栏 Proxy -> SSL Proxyin...

因为上一次意外关机，再次开机进行git操作时提示错误：error: bad signaturefatal: index file corrupt原因是 项目中.git/index这个文件受到损坏，（.git目录默认为隐藏的）解决办法：将.git/index这个文件删除重新创建进入 .git目录 -> 删除index文件 -> 执行命令git reset重新创建git reset...

记录个人开发流程，大家可以借鉴hg clone {项目地址} # clone项目hg branches # 查看所有分支hg pull # pull远程代码，刚clone的不需要这一步hg pull -u # pull并且更新hg up {分支名} # 切换分支，没有就创建并切换hg status # 查看文件状态hg di # 查看具体修改内容hg ci -m '注释' # 添加修改注释hg push --new-branch #提交新分支，提交已有分支，hg push

使用蒙版处理头发边缘首先，打开ps，ctrl + o 打开白底照片；1.打开后解锁图层（摁住Alt，同时鼠标左键点击图层上的小锁）；2.选择钢笔工具，沿着边缘大致选好路径（头发边缘大致选择就行）如下设置：3.钢笔路径选好之后，ctrl + enter 转化成选区；4.在图层面板选择要操作的图层，点击下边的 蒙版 按钮，如下：之后效果如下：5.点击图层面板中的 蒙版 ，然后点击 属性 面板中的蒙版边缘6. 上边操作会出现 调整蒙版 面板，之后使用鼠标（此时变..

chrom浏览器的开发者模式有两种坐标线，先说不常见的1. 这种只有当鼠标划上 element 下的html代码时才会出现，平时隐藏，审查起来很碍事，尤其是检查padding的时候去除办法：选择最右侧三点->settings ->preference -> Elements -> Show rulers取消选中 即可 =》2.常见的一直显示的标尺...

更新git版本时候，好多时候使用git updategit update-git-for-windows命令时，会提示：git: 'update' is not a git commandgit: 'update-git-for-windows' is not a git command原因：2.14.1及之前版本的git 并没有update这两个命令解决方法：...

1. 先查看当前安装的git版本git --version2. 更新git版本是2.17.1之前的，使用git updategit版本是2.17.1之后的，使用git update-git-for-windows3. 版本是2.14.1的，会提示git: 'update' is not a git commandgit: 'update-git-for-w...

git安装包 阿里镜像，下载速度超快。网址：https://npm.taobao.org/mirrors/git-for-windows/

1.下载：官网地址：http://cmder.net/2.安装：下载下来的压缩包直接解压，双击里边的Cmder.exe运行即可。3.配置环境变量“我的电脑”右键->属性->高级系统设置->环境变量3.1 先增加一个名为CMDER_HOME 的系统变量，变量值找到上一步中解压的位置即可；3.2 再 Path 最后添加一条%CMDER_HOME%...

1.下载腾讯软件中心下载地址：https://pc.qq.com/detail/17/detail_23237.html或者sourceTree官网下载：https://www.sourcetreeapp.com/2.安装安装包下载之后，双击打开，会出现如下界面(3.2.6版本)：此时提示需要登陆，放着不管，需要再做两件事：2.1.添加一个accounts.json ...

1. npm install 包名将包安装到node_modules 目录中 运行npm install 时不会下载模块 不会修改package.json 文件2.npm install -g 包名全局安装，不会在node_modules 目录中保存 运行 npm install 时不会下载模块 不会修改package.json 文件3. npm install --s...

今天登录服务器，发现一条不得了的提示：天啊， 1978次尝试登录失败，是不是有坏人盯上我的服务器了！！（相信很多人都遇到过这种问题，不用过分担心，一般这种都是好事者的机器人在扫描弱端口。）解决查询了资料，主要有以下几种解决方式：更换端口（简单省事）； 合理使用安全组，限制22端口的流入ip； iptables中加上只允许你的ip段访问22端口； 使用fail2ba...

问题描述：之前使用Hbuilder运行代码都没有问题，今天再次运行的时候，浏览器提示：您的连接不是私密连接，chrome、safari均提示；如下图：原因：uni-app应用标识过期，重新获取即可解决：...

使用sourceTree 时，远程Pull代码没问题，但是push时会报错，错误如下：提示账号密码不正确。问题原因：添加本地库时用户名密码输入不正确，但是sourceTree没有去校验，直到push时才校验。解决方法：切到sourceTree选仓库的页面，选择右上角->账户->高级，弹出如下操作框：将上图中 主机名-用户名处输入错误的内容移除掉（如果能确...