埋坑集合
记录每一个我在开发过程遇到的坑!
I'm 左撇峰子
这个作者很懒,什么都没留下…
展开
-
如何同时管理Github和Gitee开源库(具体版本)
背景在同一台电脑上管理 Github 和 Gitee 开源库确实有点麻烦,而且在网络上其实已经有很多版本讲述如何去配置,但是并没有说明配置完如何去使用。这里我会完整整理整个配置流程以及使用方法,以便大家遇到该问题时可以直接查阅。步骤1.取消全局用户配置如果当前使用了全局用户配置的话,请用以下命令注销:git config --global --unset user.name "你的用户名...原创 2020-02-27 20:30:20 · 963 阅读 · 0 评论 -
如何在Vue中使用lottie加载SVG动画
背景最近刚搞完官网,是时候分享一波我在码官网过程中遇到的一些小困难。当然,我会分享一些比较重点的内容。现在网页上比较复杂的动画基本都采用 SVG,像 Ant Design 全家桶的官网,首页的 Banner 基本采用 SVG 动画(太过复杂的 SVG 会消耗 CPU 性能,你电脑的散热器可能就会嗡嗡响,特别是 AntV 官网的 Banner 动画,打开久了我电脑的 CPU 会居高不下),但目前...原创 2020-01-30 14:51:03 · 3156 阅读 · 6 评论 -
如何正确更改Ant Design of Vue样式
背景最近在搞项目,改用了 Ant Design UI 框架,根据项目要求肯定要更改原有样式,但使用Ant Design 过程中发现一个问题:直接在 <style></style> 内改样式改不了!不得已去找官方文档解决,但遗憾的是我看得一头雾水...官方文档给出好几种更改方式,但这里我推荐使用 less 方式对样式进行覆盖,首先来看看官方文档怎么描述的:对于以...原创 2020-01-02 17:04:09 · 12191 阅读 · 6 评论 -
如何解决项目中npm无法卸载依赖的问题
背景项目中有些时候想卸载无用的依赖, 使用 npm un xxxx 卸载时等了漫长时间,控制台却提示一大堆错误,不得不手动卸载无用的依赖,首先来看看卸载时显示错误的截图(不一定是这种错误,但卸载时就会显示错误):那我们如何手动卸载依赖呢?步骤1.打开项目文件下的node_modules 文件下,找到你要卸载依赖的名称,这里以 js-cookie 为例,如图:2.然后按...原创 2020-01-02 16:44:44 · 8580 阅读 · 3 评论 -
如何解决WebStorm、VS Code终端光标位置错乱问题
背景刚入手 VS Code 时,发现 VSC 终端的光标位置错乱,本以为是软件问题,所以没多大注意。后来转用 WebStorm 时,发现其终端光标的显示情况与 VSC 相同,如下图所示:(VS Code 版本1.33.1 - Win10 系统下终端光标错乱)(WebStorm版本2019.1 -Win10 系统下终端光标错乱)所以觉得不是软件问题,上网查找解决办法。欣喜的是...原创 2019-12-30 22:41:25 · 1180 阅读 · 0 评论 -
Webpack如何引入CDN链接来优化编译后的体积
背景在 Vue 项目中,引入到工程中的所有 js 文件,编译时都会被打包进 vendor.js,也就导致了 vendor.js 文件体积变得相当臃肿,一定程度上影响着页面的渲染。为了减少编译后的体积,提高页面渲染速度,我们可以通过引入 CDN 链接把库分离,多线程异步 js 库,从而达到加速渲染的目的。那么我们如何做呢?步骤1.引入CDN链接在项目的 index.html 中,常规...原创 2019-12-27 19:30:16 · 382 阅读 · 0 评论 -
如何彻底卸载Webpack以及node_modules文件夹
背景网上有很多卸载Webpack的方法,但都是利用命令行卸载的,然而该方法很浪费时间。所以我自个儿摸清Webpack的安装方式,才得以把Webpack以及node_modules文件夹快速删除,下面我就把卸载的方法分享给大家。Webpack安装的包都到哪去了?Webpack分为全局安装和局部安装,局部安装的包安装在项目相对应的node_modules文件夹内,而全局安装的包路径如下:...原创 2019-05-02 11:07:08 · 5229 阅读 · 0 评论 -
如何完美配置Webpack4.x.x以及打包运行测试
背景第一次使用Webpack4还不大熟悉,导致测试项目时老是失败。所以找了资料,以下内容参考自EddyWorkHard,对其内容进行整理加总结,大家可以参考参考。注:以下部分npm命令都改用为cnpm,未配置请点击我查看。1.安装webpack打开cmd,执行以下命令:cnpm install webpack -g2.安装webpack-cli(必装)安装完后继续...原创 2019-05-02 12:11:34 · 671 阅读 · 0 评论