一种很适合用模拟点击来实现的应用场景---init操作

常见的开发情景

一系列的tab,初始化时,设定某一项处于active状态,鼠标点击可切换tab。要使得某tab处于active,那就意味着要「预加载该tab需要的数据」。

比如某网盘,打开页面的时候,就需要预加载「全部文件」tab需要的文件列表信息。

clipboard.png

可能存在的问题

  • init时,你可能像我一样,会做一些跟tab click handle中相同的处理逻辑,比如都会有调用api获取文件列表的操作;

  • 如果哪一天发生需求变化——初始化时active的tab换成另一个,可能就会导致逻辑大变,比如在init方法中调用的接口需要换。

优化方法

对于这样的场景,如果使用「模拟点击」来做,真的就豁然开朗了——init操作中唯一要做的就是模拟click tab。因为你的click handle肯定已经处理好了该怎么加载数据。 如果以后PM让你把默认的active tab换一个,也就是分分钟的事情了。

模拟点击好耶 - 真嘚好 -

clipboard.png

你可能感兴趣的:(javascript,点击事件,tab切换)