- 博客(49)
- 收藏
- 关注
RSS订阅
原创 为什么你的 PR 总是多出一堆奇怪的 commit？90% 的人都踩过这个 Git 坑
文章摘要： 本文对比了 Git 中同步主干代码的两种方式 - merge 和 rebase。当功能分支开发周期较长时，merge 会生成额外的 MergeCommit，导致 PR 提交历史冗余；而 rebase 则能保持线性历史，仅保留自己的有效提交。文章详细介绍了两种方式的操作步骤、冲突处理方法及适用场景：merge 适合公共分支合并，rebase 更推荐个人功能分支使用。关键提醒包括 rebase 后必须 force push（建议用 --force-with-lease）、设置 pull.rebase
2026-04-20 17:00:46
172
原创 告别混淆！Git 多账号按域名/目录自动切换身份的终极指南
这篇教程介绍了Git多账号按域名或目录自动切换身份的两种方法。核心是利用Git的includeIf条件配置功能：1）按仓库URL匹配（推荐），适合项目分散的情况，需要Git 2.36+版本；2）按目录路径匹配，适合有固定目录结构的用户。两种方式都需要创建独立的配置文件并设置匹配规则，文中提供了详细配置步骤和验证方法。最后对比了两种方式的优缺点，并给出常用命令备忘，帮助开发者彻底解决身份混淆问题。
2026-03-16 15:27:04
50
原创 10分钟搞定！Mac 配置 GitHub SSH 完全指南（小白也能看懂）
本文是一份详细的Mac配置GitHub SSH密钥指南，帮助用户通过SSH方式安全连接GitHub仓库。文章首先解释了SSH相比HTTPS的优势：更安全、更方便且更快速。配置过程分为四个步骤：检查现有SSH密钥、生成新密钥、将密钥添加到ssh-agent管理工具，最后将公钥上传至GitHub账户。指南特别强调了密钥安全注意事项，包括推荐设置密钥密码和使用macOS钥匙串功能。通过完成这些步骤，用户可实现无需每次输入密码的Git操作，同时享受加密连接的安全保障。
2026-03-13 11:28:42
710
3
原创 mac终端封神！iTerm2 完整安装+插件配置教程（新手零踩坑）
zsh-autosuggestions 是 iTerm2 搭配 Zsh/Oh My Zsh 最实用的插件之一，核心功能是基于你的历史命令，实时给出智能补全提示，输入命令时会显示灰色候选提示，按右方向键即可快速补全，大幅减少重复输入，避免命令输错，新手也能轻松上手，以下是完整操作步骤（全程在 iTerm2 中执行）。以下推荐均适配iTerm2，安装简单、实用性强，覆盖终端美化、命令效率、功能拓展，新手可优先安装基础款，开发者可按需补充进阶工具，所有安装命令均可在iTerm2中直接执行。
2026-03-02 23:18:03
1571
原创 用对 Browserslist，为你的 Vite/Webpack 项目构建速度翻倍
Browserslist 是一个用于统一前端工具中浏览器兼容性配置的工具，通过单一配置文件指定项目需要支持的浏览器范围。核心功能包括：1）为 Autoprefixer、Babel 等工具提供统一的浏览器目标；2）自动处理 JavaScript 转译和 CSS 前缀；3）优化构建产物大小。配置方式支持 package.json 或独立文件，提供多种预设方案（现代浏览器、企业应用、旧浏览器兼容等）。需配合 Autoprefixer、Babel、PostCSS 等工具使用，实现自动化兼容性处理，避免重复配置。典型
2026-02-08 10:47:18
897
原创 React 学习之旅一
React 学习之旅一React 官网版本要求Node >= 8.10 和 npm >= 5.6 node -v npm -v创建 React 项目创建 npx create-react-app my-appHook它可以让你在不编写 Class 的情况下使用 state 以及 React 其他的特性。版本要求React版本大于等于 v16.8.0 / React Native从v0.59开始支持安装校验插件 eslint-plugi
2020-10-31 12:23:12
339
原创 Visual Studio Code 快捷键汇总
Visual Studio Code 快捷键汇总// 将键绑定放在此文件中以覆盖默认值[ { "key": "ctrl+y", "command": "editor.action.deleteLines", "when": "textInputFocus && !editorReadonly" }, { "key": "-", "command": "redo" },]...
2020-09-11 14:59:16
426
原创 CSS属性vertical-align详解（CSS之五）
CSS属性vertical-align详解（CSS之五）作用对象vertical-align的意思是在垂直方向进行对齐。它主要对以下属性的元素有效 inline元素、inline-block元素和普通的文本。行盒：line-box定义：（盒的排布方式，不是行盒）在一个内联格式化上下文中，盒是一个接一个水平放置的，从包含块的顶部开始。这些盒之间的水平margin，border和padding都有效。（盒的对齐方式，不是行盒）盒可能以不同的方式竖直对齐：以它们的底部或者顶部对齐，或者以它们里面的文
2020-08-23 15:45:24
3419
原创 CSS中line-height属性详解(CSS之四)
CSS中line-height属性详解基本概念line-height，又称行高，指的是两行文字基线之间的距离，又可以称为这行文字所占的高度。图中两行基线之间的距离就是行高，基线相关可以查看CSS中的baseline基线详解。上一行的底线和下一行的底线之间的距离就是行距。行距 = line-height - font-size取值值描述normal默认。设置合理的行间距number设置数字，此数字会与当前的字体尺寸相乘来设置行间距。length设置固定的行间
2020-08-22 22:40:40
13778
原创 创建新仓库(Git命令之五)
创建新仓库(Git命令之五)在github网站上点击new, 进入项目配置页面。填写项目名：Repository name。填写项目描述：Description。选择私有还是公开：Public 和 Private。点击Create repository 完成创建复制这个链接git clone https://github.com/wenbintian/test.git 此时会生成一个包含.git文件夹的项目D:\test>git clone https://github.co
2020-08-16 00:20:08
247
原创 你不知道的JavaScript(上卷)(读书笔记之一)
学习笔记之一（你不知道的JavaScript（上卷））第二部分 this 和对象原型任何足够先进的技术都与魔法无异。—Arthur.C Clarkethis到底是什么如何判断this可以从以下方面进行判断被忽略的this更安全的this赋值表达式 p.foo = o.foo的返回值是目标函数的引用...
2020-08-08 17:20:12
338
原创 address-parse.js 地址智能解析插件(前端插件推荐之一)
前端插件推荐之一（address-parse.js）对国内地址地区进行智能解析，提取关键数据https://github.com/wenbintian/address-parseforked from akebe/address-parse
2020-07-10 09:39:43
3539
1
原创 获取滚动条宽度(Element-UI之三)
标题Element-UI之三（获取滚动条宽度）代码如下/** * 计算浏览器滚动条宽度 * @returns {Number} */export default function () { const outer = document.createElement('div'); outer.style.visibility = 'hidden'; outer.style.width = '100px'; outer.style.position = 'absolute'; o
2020-06-18 11:05:50
971
原创 分支相关操作(Git命令之三)
Git命令之三（ 分支相关操作）git branch -a 显示所有的分支（若没看到所有的分支，则先执行git fetch一下）git branch 显示当前的分支git checkout 分支名称
2020-05-29 17:41:06
167
原创 查看webpack的默认配置(Vue-cli3之一)
Vue-cli3之一（查看webpack的默认配置）在项目当前位置输入以下命令：vue inspect > output.js比如在以下项目里则会产生 output.js文件，里面就是webpack的默认配置
2020-05-28 22:55:17
1592
1
原创 配置查询以及用户名修改(Git命令之二)
Git命令之二（ 配置查询以及用户名修改）打开命令窗（多种方式）a.自带的命令窗 window+R ⇒ cmd (电脑自带的 cmd.exe程序)b. git 命令窗输入 git config --list 查看当前git 配置可修改用户名 git config --global user.name '用户名'...
2020-05-28 14:21:06
343
原创 Input标签的line-height属性失效的解决方法(CSS之二)
input组件的line-height属性失效的解决方法如下设置，文本会出现字体离上下边框不对齐的情况(有1像素的偏差) background: #FF0000; height: 40px; line-height: 40px;解决办法，利用设置padding上内边距比下内边距多像素的方法解决 background: #FF0000; height: 40px; box-sizing: border-box; padding: 2px 0 1px;
2020-05-25 20:23:14
1696
原创 滚动条样式(Element-UI之二)
Element-UI组件之滚动条样式效果2.样式覆盖// 滚动条宽度.el-scrollbar__bar.is-vertical { width: 12px;}.el-scrollbar__bar.is-horizontal { height: 12px;}// 滚动条圆角.el-scrollbar__bar { border-radius: 6px;}// 滚动条hover后的背景色.el-scrollbar__thumb:hover { background
2020-05-11 15:54:10
809
原创 远程桌面连接设置详细步骤
远程桌面连接设置过程电脑A代表要被远程的电脑电脑B代表桌面远程的电脑电脑A桌面需要做一下设置查找当前电脑的ipwindow + R输入cmd输入ipconfig设置允许被远程连接查找当前登录用户名此电脑 右键 -->属性控制面板-用户账户图中就是用户名电脑B桌面即可远程操作打开远程桌面连接软件（C:\ProgramData\Mi...
2020-04-25 20:11:50
12165
1
原创 代码风格校验 Vetur+Prettier(visual studio code之二)
setting.json文件{ "window.zoomLevel": -1, "explorer.confirmDelete": false, "vetur.validation.template": false, "gitlens.advanced.messages": { "suppressGitVersionWarning": true ...
2020-03-31 11:59:49
568
原创 ESlint配置
.eslintrc.js 文件module.exports = { root: true, parser: 'babel-eslint', parserOptions: { sourceType: 'module' }, env: { browser: true, }, // https://github.com/feross/standard/blo...
2020-03-24 11:06:30
266
原创 flex内容撑大容器(flex布局之一)
flex布局相关问题子项已经设置flex-shrink flex-grow，但是内容过大时还会撑大容器，如下图：<div class="zoehis_complex_item"> <div title="所在科室代码" class="zoehi_complex_item_label">所在科室代码：</div> <div class="zo...
2020-03-20 10:15:39
1013
转载 node-sass安装总报错
node-sass安装总报错node-sass是我们开发中很常见的依赖包，也是安装时间冗长和最常见到报错的依赖。 安装node-sass失败原因有很多种，我们在说失败原因之前，先来分析一下node-sass的安装过程(以下node版本为v10.15.3)：PS D:\demo> npm i node-sass// 从npm源安装到node_modules> node-sass...
2020-01-03 22:01:26
2243
原创 CSS垂直居中(Element-UI之一)
垂直居中html:<div class="box"> <div class="child">垂直居中</div></div>css://父元素伪类.box::after{ content:""; width: 0; height: 100%; display: inline-block; v...
2019-12-26 16:26:23
2332
原创 css垂直居中
1.父元素伪类html:<div class="box"> <div class="child">垂直居中</div></div>css:.box::after{ content:""; width: 0; height: 100%; display: inline-block; vertical...
2019-12-26 15:34:59
159
原创 stash 相关操作(Git命令之一)
git stash 相关操作操作列表PS D:\project\git\zoehis-web-client> git stash helpusage: git stash list [<options>] or: git stash show [<stash>] or: git stash drop [-q|--quiet] [<stash...
2019-11-20 11:37:52
666
原创 nvm use 无法切换npm的解决办法
nvm正常的安装目录结构没有正常切换时对应的文件结构3.解决方法nvm use 无效，即 nvm use 后执行nvm ls，当前使用的版本前正常是会有 * 标注，可是nvm use 所有版本前都没有*。我当前使用的版本是 6.10.0，我现在nvm install 或nvm uninstall 6.10.0版本后,nodejs默认安装目录根本没有安装相对应的node版本,此时再 nv...
2019-10-25 17:35:40
8924
原创 nvm安装指南
先获取安装包。下载地址：https://github.com/coreybutler/nvm-windows/releases选择需要的版本，点击 nvm-setup.zip正常安装后如下图配置环境变量（NVM_HOME 和 NVM_SYMLINK）权限问题的话就用超级管理员运行 cmd.exe...
2019-10-25 17:29:42
331
原创 Do not use built-in or reserved HTML elements as component id
保存如下 先看一下翻译解决： 其他提示已经很明显了，就是使用组件name的时候，不要将html一些便签的名称作为组件name比如写法错误如下：此处将button作为组件的name值，因为button这个单词在html是作为正常的便签的，所以改一下这个name值就不会报错了，可以直接改成大写开头的 "Button"...
2019-10-10 16:59:39
412
原创 创建NPM组件库的详细步骤
目录结构解析标识1：是放专门组件包的地方，放组件的地方。标识2：是主入口。标识3：是package.json文件，包含各种插件。标识4：是webpack打包的配置文件2.标识1：具体文件的说明...
2019-09-25 17:45:14
1071
原创 iview-admin2.0学习之路
getToken使用js-cookie 来设置跟获取存在cookie内的 token 值，js-cookie插件用法2.s
2019-08-25 20:39:20
322
原创 js数组类型判断的几种方法(JS之一)
instanceof 方法，但是有缺点，就是多个iframe用这个方法判断会有问题格式： 实例 instanceof 原型使用es6 Array.isArray()方法Object.prototype.toString.call(myObj) === “[object Array]”。为什么使用call,应为如果直接使用 myObj.toString ,toString方法可能被改写了...
2019-08-09 15:46:31
193
转载 CSS Sprites(CSS精灵、css雪碧图的优缺点)
CSS Sprites1.简介CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许将一个页面涉及到的所有零星图片都包含到一张大图中， 利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位， 访问页面时避免图片载入缓慢的现象。2.优点（1）CSS Sprites能...
2019-07-02 22:13:10
563
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人