博客园 - ____chen
uuid:24b78886-0ed1-41c2-8670-e3f31dcf42c4;id=27094
2024-01-29T06:27:23Z
____chen
https://www.cnblogs.com/chenhuichao/
feed.cnblogs.com
https://www.cnblogs.com/chenhuichao/p/17444099.html
新建的git仓库同步旧的git仓库代码,并保留git提交历史记录 - ____chen
新建的git仓库同步旧的git仓库代码,并保留git提交历史记录 git remote add $源名称$ 仓库地址 例如: git remote add abc git@gitlab.xxx.org:xxx/abc.git 然后需要将新建的源代码pull到本地,注意需要添加allow-unrela
2023-05-30T10:45:00Z
2023-05-30T10:45:00Z
____chen
https://www.cnblogs.com/chenhuichao/
【摘要】新建的git仓库同步旧的git仓库代码,并保留git提交历史记录 git remote add $源名称$ 仓库地址 例如: git remote add abc git@gitlab.xxx.org:xxx/abc.git 然后需要将新建的源代码pull到本地,注意需要添加allow-unrela <a href="https://www.cnblogs.com/chenhuichao/p/17444099.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenhuichao/p/17421507.html
linux常用命令大全 - ____chen
pwd 显示工作路径 shutdown -h now 关闭系统 /halt 关闭系统 shutdown -r now 重启 / reboot 重启 systemctl stop firewalld 关闭防火墙 ip addr 查看ip地址 1、cd命令:这是一个非常基本,也是大家经常需要使用的命令,
2023-05-22T11:18:00Z
2023-05-22T11:18:00Z
____chen
https://www.cnblogs.com/chenhuichao/
【摘要】pwd 显示工作路径 shutdown -h now 关闭系统 /halt 关闭系统 shutdown -r now 重启 / reboot 重启 systemctl stop firewalld 关闭防火墙 ip addr 查看ip地址 1、cd命令:这是一个非常基本,也是大家经常需要使用的命令, <a href="https://www.cnblogs.com/chenhuichao/p/17421507.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenhuichao/p/17109354.html
多个git项目库之间的cherry-pick操作 - ____chen
多个git项目库之间的cherry-pick操作 从git上的A库 fork 到 B库,然后A库和B库进行独自的开发。开发中也会遇到一些问题,例如A库有重要的代码修复,老办法是再去B库修改一次,操作起来不太方便。这里就尝试从多个不同git库中进行cherry-pick。 1、目的:把A库master
2023-02-10T08:09:00Z
2023-02-10T08:09:00Z
____chen
https://www.cnblogs.com/chenhuichao/
【摘要】多个git项目库之间的cherry-pick操作 从git上的A库 fork 到 B库,然后A库和B库进行独自的开发。开发中也会遇到一些问题,例如A库有重要的代码修复,老办法是再去B库修改一次,操作起来不太方便。这里就尝试从多个不同git库中进行cherry-pick。 1、目的:把A库master <a href="https://www.cnblogs.com/chenhuichao/p/17109354.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenhuichao/p/16809647.html
工具方法集 - ____chen
// 处理删除列表最后一条数据,为空的情况,将分页往前推一页; handleDelPage(type?) { if (type 'del') { if (this.listParam.pageIndex > 1 && this.total > this.listParam.pageSize && (
2022-10-20T05:59:00Z
2022-10-20T05:59:00Z
____chen
https://www.cnblogs.com/chenhuichao/
【摘要】// 处理删除列表最后一条数据,为空的情况,将分页往前推一页; handleDelPage(type?) { if (type 'del') { if (this.listParam.pageIndex > 1 && this.total > this.listParam.pageSize && ( <a href="https://www.cnblogs.com/chenhuichao/p/16809647.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenhuichao/p/16358425.html
js 解决字符串中包含表情特殊字符按字节数限制截取; - ____chen
需求背景如下:群发朋友圈的网页title需要 限制64字节; formatterTitle(bytes: number, title: string): string { let len = 0;// 字节数 let str = '';// 处理的title // 由于特殊字符以及表情会占两个字符;
2022-06-09T02:37:00Z
2022-06-09T02:37:00Z
____chen
https://www.cnblogs.com/chenhuichao/
【摘要】需求背景如下:群发朋友圈的网页title需要 限制64字节; formatterTitle(bytes: number, title: string): string { let len = 0;// 字节数 let str = '';// 处理的title // 由于特殊字符以及表情会占两个字符; <a href="https://www.cnblogs.com/chenhuichao/p/16358425.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenhuichao/p/16348825.html
git回滚到某个指定版本 - ____chen
1、git log (显示提交的log) 2、git reset --hard 1669f425b0fef87483ecc63fb7aa7f9b4baef89f (回退到指定的版本) 3、git push -f origin master (强制提交到远程服务器)
2022-06-06T08:50:00Z
2022-06-06T08:50:00Z
____chen
https://www.cnblogs.com/chenhuichao/
【摘要】1、git log (显示提交的log) 2、git reset --hard 1669f425b0fef87483ecc63fb7aa7f9b4baef89f (回退到指定的版本) 3、git push -f origin master (强制提交到远程服务器) <a href="https://www.cnblogs.com/chenhuichao/p/16348825.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenhuichao/p/16223830.html
vue slot插槽使用 - ____chen
作用域插槽演示; 父组件 子组件 实战演示父组件 子组件 默认插槽组件 <template> <div class="conteiner"> <!-- 默认插槽 - 父组件 --> <h2>这是默认插槽的父组件</h2> <hr> <p>下边是调用子组件,以及子组件的插槽使用</p> <p styl
2022-05-05T02:33:00Z
2022-05-05T02:33:00Z
____chen
https://www.cnblogs.com/chenhuichao/
【摘要】作用域插槽演示; 父组件 子组件 实战演示父组件 子组件 默认插槽组件 <template> <div class="conteiner"> <!-- 默认插槽 - 父组件 --> <h2>这是默认插槽的父组件</h2> <hr> <p>下边是调用子组件,以及子组件的插槽使用</p> <p styl <a href="https://www.cnblogs.com/chenhuichao/p/16223830.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenhuichao/p/15540790.html
vue $nextTick 原理详解 - ____chen
一.nextTick定义 二.为什么使用 nextTick Vue 在更新 DOM 时是异步执行的。 只要侦听到数据变化,Vue 将开启一个队列,并缓冲在同一事件循环中发生的所有数据变更。如果同一个 watcher 被多次触发,只会被推入到队列中一次。在下一个的事件循环“tick”中,Vue 刷新队
2021-11-11T09:17:00Z
2021-11-11T09:17:00Z
____chen
https://www.cnblogs.com/chenhuichao/
【摘要】一.nextTick定义 二.为什么使用 nextTick Vue 在更新 DOM 时是异步执行的。 只要侦听到数据变化,Vue 将开启一个队列,并缓冲在同一事件循环中发生的所有数据变更。如果同一个 watcher 被多次触发,只会被推入到队列中一次。在下一个的事件循环“tick”中,Vue 刷新队 <a href="https://www.cnblogs.com/chenhuichao/p/15540790.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenhuichao/p/15271238.html
windows下修改vscode默认终端为git bash - ____chen
1.点击左下角的齿轮,展开点击设置 2.点击该处,打开设置配置文件,在配置文件中,配置git的bash.exe的路径 方法 参考官方文档,修改配置文件,将下面的配置加到 setting.json文件。 "terminal.integrated.profiles.windows": { "PowerS
2021-09-15T02:44:00Z
2021-09-15T02:44:00Z
____chen
https://www.cnblogs.com/chenhuichao/
【摘要】1.点击左下角的齿轮,展开点击设置 2.点击该处,打开设置配置文件,在配置文件中,配置git的bash.exe的路径 方法 参考官方文档,修改配置文件,将下面的配置加到 setting.json文件。 "terminal.integrated.profiles.windows": { "PowerS <a href="https://www.cnblogs.com/chenhuichao/p/15271238.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenhuichao/p/15209298.html
对微任务和宏任务的执行顺序的个人理解 - ____chen
首先我们先看看同步与异步的定义,及浏览器的执行机制,方便我们更好地理解同步异步编程。 浏览器是多线程的,JS是单线程的(浏览器只分配一个线程来执行JS) 进程大线程小:一个进程中包含多个线程,例如在浏览器中打开一个HTML页面就占用了一个进程,加载页面的时候,浏览器分配一个线程去计算DOM树,分配其
2021-08-31T02:56:00Z
2021-08-31T02:56:00Z
____chen
https://www.cnblogs.com/chenhuichao/
【摘要】首先我们先看看同步与异步的定义,及浏览器的执行机制,方便我们更好地理解同步异步编程。 浏览器是多线程的,JS是单线程的(浏览器只分配一个线程来执行JS) 进程大线程小:一个进程中包含多个线程,例如在浏览器中打开一个HTML页面就占用了一个进程,加载页面的时候,浏览器分配一个线程去计算DOM树,分配其 <a href="https://www.cnblogs.com/chenhuichao/p/15209298.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenhuichao/p/15010354.html
elementui 的tabs组件自动高亮出现蓝色边框问题 - ____chen
解决方法: // An highlighted block .tabNews .el-tabs__item:focus.is-active.is-focus:not(:active) { -webkit-box-shadow: none; box-shadow: none; } 问题展示方式:
2021-07-14T05:15:00Z
2021-07-14T05:15:00Z
____chen
https://www.cnblogs.com/chenhuichao/
【摘要】解决方法: // An highlighted block .tabNews .el-tabs__item:focus.is-active.is-focus:not(:active) { -webkit-box-shadow: none; box-shadow: none; } 问题展示方式: <a href="https://www.cnblogs.com/chenhuichao/p/15010354.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenhuichao/p/15008073.html
前端使用代理-whistle工具实现线上地址运行在本地代码进行开发,避开cookie、token问题,解决部分功能验证只能在线上环境验证问题 - ____chen
1.在chrome浏览器打开下插件网站:https://crxdl.com/,下载《SwitchyOmega》插件包文件; 2.将chrome浏览器的"更多工具"》“扩展程序”》开启开发者模式,具体如下图: 3.将下载后SwitchyOmega插件包找到该压缩文件夹下的crx后缀文件,拖拽至chro
2021-07-13T11:26:00Z
2021-07-13T11:26:00Z
____chen
https://www.cnblogs.com/chenhuichao/
【摘要】1.在chrome浏览器打开下插件网站:https://crxdl.com/,下载《SwitchyOmega》插件包文件; 2.将chrome浏览器的"更多工具"》“扩展程序”》开启开发者模式,具体如下图: 3.将下载后SwitchyOmega插件包找到该压缩文件夹下的crx后缀文件,拖拽至chro <a href="https://www.cnblogs.com/chenhuichao/p/15008073.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenhuichao/p/14820230.html
git把测试分支误合并到开发分支后的回滚操作 - ____chen
场景:正常开发流程,我们会从master分支上拉一个新分支作为开发分支进行开发,但是在开发过程中有伙伴把测试分支合并到了开发分支,最后如果把开发分支合并回master分支的话,master分支会多了测试分支的代码,这些代码可能在其他开发模块还没上线,可能会导致生产环境出现异常,那么,如何从开发分支撤
2021-05-27T15:03:00Z
2021-05-27T15:03:00Z
____chen
https://www.cnblogs.com/chenhuichao/
【摘要】场景:正常开发流程,我们会从master分支上拉一个新分支作为开发分支进行开发,但是在开发过程中有伙伴把测试分支合并到了开发分支,最后如果把开发分支合并回master分支的话,master分支会多了测试分支的代码,这些代码可能在其他开发模块还没上线,可能会导致生产环境出现异常,那么,如何从开发分支撤 <a href="https://www.cnblogs.com/chenhuichao/p/14820230.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenhuichao/p/14738752.html
git之stash命令可用于临时保存和回复修改,可跨分支。 - ____chen
前提:必须是处于git下的文件,未add到git的文件无法使用。 命令:git stash 保存当前工作进度,将工作区和暂存区恢复到修改之前。 命令:git stash save message 作用同上,message为此次进度保存的说明。 命令:git stash list 显示保存的工作进度列
2021-05-07T05:16:00Z
2021-05-07T05:16:00Z
____chen
https://www.cnblogs.com/chenhuichao/
【摘要】前提:必须是处于git下的文件,未add到git的文件无法使用。 命令:git stash 保存当前工作进度,将工作区和暂存区恢复到修改之前。 命令:git stash save message 作用同上,message为此次进度保存的说明。 命令:git stash list 显示保存的工作进度列 <a href="https://www.cnblogs.com/chenhuichao/p/14738752.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenhuichao/p/14629387.html
vue-cli3如何配置 eslint 及配合 vscode 自动保存 - ____chen
之前多人开发项目,vue-cli3的框架,没有特别的配置eslint,导致代码写的各不相同。最近有时间鼓捣一下。 vue-cli3如何配置eslint 先安插件 eslint-plugin-vue(支持vue规则)eslint-plugin-node(支持nodejs规则)eslint-plugin
2021-04-07T12:18:00Z
2021-04-07T12:18:00Z
____chen
https://www.cnblogs.com/chenhuichao/
【摘要】之前多人开发项目,vue-cli3的框架,没有特别的配置eslint,导致代码写的各不相同。最近有时间鼓捣一下。 vue-cli3如何配置eslint 先安插件 eslint-plugin-vue(支持vue规则)eslint-plugin-node(支持nodejs规则)eslint-plugin <a href="https://www.cnblogs.com/chenhuichao/p/14629387.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenhuichao/p/14609501.html
前端工程中使用require.context实现前端工程自动化,批量导入路由表、批量导入svg图等场景, - ____chen
require.context是什么 一个webpack的api,通过执行require.context函数获取一个特定的上下文,主要用来实现自动化导入模块,在前端工程中,如果遇到从一个文件夹引入很多模块的情况,可以使用这个api,它会遍历文件夹中的指定文件,然后自动导入,使得不需要每次显式的调用i
2021-04-02T02:14:00Z
2021-04-02T02:14:00Z
____chen
https://www.cnblogs.com/chenhuichao/
【摘要】require.context是什么 一个webpack的api,通过执行require.context函数获取一个特定的上下文,主要用来实现自动化导入模块,在前端工程中,如果遇到从一个文件夹引入很多模块的情况,可以使用这个api,它会遍历文件夹中的指定文件,然后自动导入,使得不需要每次显式的调用i <a href="https://www.cnblogs.com/chenhuichao/p/14609501.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenhuichao/p/14546218.html
函数防抖和节流 - ____chen
在前端开发的过程中,我们经常会需要绑定一些持续触发的事件,如 resize、scroll、mousemove 等等,但有些时候我们并不希望在事件持续触发的过程中那么频繁地去执行函数。 通常这种情况下我们怎么去解决的呢?一般来讲,防抖和节流是比较好的解决方案。 让我们先来看看在事件持续触发的过程中频繁
2021-03-16T13:55:00Z
2021-03-16T13:55:00Z
____chen
https://www.cnblogs.com/chenhuichao/
【摘要】在前端开发的过程中,我们经常会需要绑定一些持续触发的事件,如 resize、scroll、mousemove 等等,但有些时候我们并不希望在事件持续触发的过程中那么频繁地去执行函数。 通常这种情况下我们怎么去解决的呢?一般来讲,防抖和节流是比较好的解决方案。 让我们先来看看在事件持续触发的过程中频繁 <a href="https://www.cnblogs.com/chenhuichao/p/14546218.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenhuichao/p/14533535.html
vue中 extend、mixins和extends的区别 - ____chen
介绍: extend:扩展组件的构造器,当我们调用vue.component('a', {...})时自动调用 mixins:接收对象数组(可理解为多继承),可以混入多个mixin, extends:接收的是对象或函数(可理解为单继承),extends只能继承一个 1.extend Vue.exte
2021-03-14T10:16:00Z
2021-03-14T10:16:00Z
____chen
https://www.cnblogs.com/chenhuichao/
【摘要】介绍: extend:扩展组件的构造器,当我们调用vue.component('a', {...})时自动调用 mixins:接收对象数组(可理解为多继承),可以混入多个mixin, extends:接收的是对象或函数(可理解为单继承),extends只能继承一个 1.extend Vue.exte <a href="https://www.cnblogs.com/chenhuichao/p/14533535.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenhuichao/p/14417143.html
地图改造总结,支持百度地图、高德地图切换 - ____chen
地图改造总结 应用地图兼容百度地图、高德地图改造背景 满足需求所用高德地图更换为百度地图,进而对该应用地图进行开发拓展,以满足不同的地图需求。 2. 地图改造总结 2.1. 在lib文件夹下创建mapAdapter文件夹,相关文件介绍如下图: 2.2. 提取业务代码中使用的地图公共api,进行封装在
2021-02-19T09:22:00Z
2021-02-19T09:22:00Z
____chen
https://www.cnblogs.com/chenhuichao/
【摘要】地图改造总结 应用地图兼容百度地图、高德地图改造背景 满足需求所用高德地图更换为百度地图,进而对该应用地图进行开发拓展,以满足不同的地图需求。 2. 地图改造总结 2.1. 在lib文件夹下创建mapAdapter文件夹,相关文件介绍如下图: 2.2. 提取业务代码中使用的地图公共api,进行封装在 <a href="https://www.cnblogs.com/chenhuichao/p/14417143.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenhuichao/p/14412229.html
百度地图BMap定位点总是显示在左上角,不居中; - ____chen
百度地图BMap定位点总是显示在左上角,不居中;解决:由于百度地图加载地图的dom元素上设置了v-show等显示隐藏属性 导致在地图加载后定位点无法居中显示,去除便可解决;
2021-02-18T08:06:00Z
2021-02-18T08:06:00Z
____chen
https://www.cnblogs.com/chenhuichao/
【摘要】百度地图BMap定位点总是显示在左上角,不居中;解决:由于百度地图加载地图的dom元素上设置了v-show等显示隐藏属性 导致在地图加载后定位点无法居中显示,去除便可解决; <a href="https://www.cnblogs.com/chenhuichao/p/14412229.html" target="_blank">阅读全文</a>