在一个前端开发项目中，交付的时候遇到IOS手机兼容性问题。涉及功能就是点击某个顶级分类，然后自动标注属于这个顶级分类下面的第x个子分类的选中状态, 如图：$(#superl-nav-top-group :nth-child( + (top_index + 1) + )).addClass(group-action);其中，使用了nth-child，测试在安卓与电脑端都无任何问题，但是苹果IOS手机上异常无效。解决方案：//$(#superl-nav-top-group :nth-child( + (top_index + 1) + )).addClass(group-action); // ios兼容 $(#superl-nav-top-group :nth-of-type( + (top_index + 1) + )).addClass(group-action); 备注：nth-child 改为nth-of-type。

在VUE中，如果变量a是Object类型，赋值给另一个变量b的时候，切记传递的不是值，而是引用，他们指向了同一个空间！影响：如果变量b的值发生了更改，那么会同时影响a的值！这个特性，类似于后端开发语言中的指针。新手经常会忽略该问题导致项目出现严重BUG。比如：var a = { number: 1, name: 'a' } var b = a; console.log(a); console.log(b); 那么如何避免呢？方案1：let b = JSON.parse(JSON.stringify(a)); 方案2：let b = Object.assign({}, a)