莫名其妙出现的jQuery与报错--一次奇妙的Debug旅程

场景重现

项目是一个SPA,使用了Vue+Vue-Router+Webpack+jQuery。
报错的场景如下:
报错

为何称之为莫名其妙?

项目虽然作为一个SPA,也引用了jQuery。
但是!!!我所有的JS文件全部用Webpack打包了呀!
不应该会有单独的jQuery文件啊……
把报错内容上百度一搜索,发现完全不搭架。
于是开始了苦思冥想和Debug。

Debug

在Debug过程中,发现

1.jQuery的报错是在SPA中两个页面的无刷切换中出现的。
2.出错次数会不断叠加,但对页面任何功能都无影响。

于是尝试中从切换中去寻找答案。
后来发现页面切换部分的代码并没有任何问题。
于是开始思考,Webpack的锅?

仔细想了想后否定了,Webpack会把我用的所有JS文件全打包成一份。不应该有单独的jQuery文件出来。
于是想看看这个jQuery是存放在哪儿的。

把报错的jQuery文件在新页面打开。看向网址
网址

等等!
网址的前缀是”chrome-extension://“,这个是谷歌浏览器插件的前缀。

难不成,这个jQuery文件是谷歌浏览器插件的?

于是看向了”chrome-extension://ikhdkkncnoglghljlkmcimlnlhkeamad/js/lib/jquery.js”中间的那一串神秘字符串。那是谷歌浏览器插件的“身份证”。

于是在插件管理页面寻找。
寻找结果

然后把插件禁用后, 再也没报错。

感受

Debug完成后,感觉松了一口气的同时,也十分开心。因为开发中总会有各种各样的BUG,像这种莫名其妙的BUG,网上是没有解决方法的。于是只能自己一点一点去推断,去解决。

自己推断的过程,真的好爽~~~(来自文科生的感慨,逃)

博客更新记录

各个标题上的时间代表博客的修改与变化时间

Hexo

折腾了许久。第一个Github的Blog搭建起来了。之前也有折腾过阿里云,用过wordpress,但总感觉有点繁琐。而且服务器价格有那么高,所以用了一个月就放弃了。
总而言之,今天开始写博客~把经验都分享出来。

域名 2015.12.6

花了半天时间,把之前购买的域名ncuhr.win,绑定到了博客上。
很高兴的是CloudXNS一秒钟就生效了。

七牛

在此不得不提的是七牛,因为github是国外网站。因此访问还是有点慢,所以把所有图片的图床换成了七牛,也把js的源替换成了百度的静态资源。

Gitcafe 2015.12.11

虽然域名绑定好了,但是Github毕竟还是在国外,访问速度还是会受到影响。
百度了一下,发现了Gitcafe这个网站。服务器在国内。于是就把博客迁移到了Gitcafe上。(具体开通教程这儿不再赘述了。)
之前以为很麻烦的,结果Hexo只要在部署选项中加入Gitcafe就行。
有兴趣的可以点击链接

Gitcafe
GitCafe Pages Wiki

部署两个网站

然后就是轻车熟路的Hexo g和Hexo d。
最后再去域名服务商那儿,把DNS地址改为指向Gitcafe的Pages服务即可。

感觉速度快了很多。在也不担心国内网络环境差了。

更换域名 201512.27

给博客更换了域名,之前的域名是ncuhr.win,属于给自己大学专业购买的域名。
之前一直没派上用场,所以用做了博客。
最近那个域名派上了用场,所以新注册了个lxxyx.win的域名,也就是自己博客的名称。

加入评论 2016.1.5

申请多说,给博客加入了评论功能。

加入RSS 2016.1.11

看到有人在文章评论,怎么没有RSS,于是给博客加上了RSS.

hexo博客加入rss功能的教程

博客迁移至Coding.net 2016.2.* (具体日期不记得了)

GitCafe被Coding.net,故博客迁移至Coding.net。
Coding.net的速度还是很快的。

购买iPic,专门用于写博客。2016.07.26

博客程序搬迁至Coding.net 2016.07.30

虽然在北京这儿,但是连接Github的速度太慢了。
所以决定把博客程序也搬迁至Coding.net

加入Can i use 的脚本,方便直接查看兼容性

生成的网址:https://caniuse.bitsofco.de/