记一次升级jquery包v1到v3

现在基本上都是用react/vue居多, 但是有些旧的项目还是停留在jquery的使用阶段, 而且个人认为jquery的确挺好用的

这周就遇到了一次升级jquery包的需求, 记录下

1. 首先是先确定版本, 从1.7.4升级到3.7.1

2. 然后是看看在哪里用到了jquery, 具体的功能大致了解

3. 再是看看官方的稳定, 有没有弃用的属性和方法, 一般会告诉你哪些弃用了, 用什么来代替. 如果直接不用的话, 会告诉这个方法已经被放弃了

4. 借助肉眼看肯定很累, 那么有没有工具可以帮助呢,找到一个jquery-migrate可以帮忙看, 只要安装下它的cdn的js就可以看了

5. 最后就是一个个根据修复, 比如

   • 1. 提示.click(xxx)不用了, 要改成.on('click', xxx),
   • 2. .keydown(xxx)同理要改成.on('keydown', xxx),
   • 3. .bind(xxx)要改成.on(xxx),
   • 4. .unbind(xxx)要改成.off(xxx),

   • 5. .size()要成属性.length

   jquery-migrate-3.4.1.js:136 JQMIGRATE: jQuery.trim is deprecated; use String.prototype.trim

   类似这样的方法就是jquery-migrate给的提示, 有些是warning, 有些则是error, 需要都解决了

6. 最后的最后再次检查, 有没有功能坏掉的, 看看代码有没有没检测到的, 如果没有问题就完成了升级.