• BootStrap的typeahead使用过程中遇到的问题


         
       在项目中用到了自动补全输入框,解决下拉列表数据过多时加载慢的问题,从速度到交互上得到了好些赞,但是今天早上出现了一个很诡异的问题,有同事反应机型下拉列框选完之后会出现问题,本来每个选项用一个分号分隔,现在成了2个分号了,导致查数据有问题。于是开始debug。
    现象:
      
    分析:
    昨天下班前测试ok,问题是今天出现的,svn show log发现代码没有改动过,实属诡异,不能理解。
            还是先debug,从js开始走起:选中下拉列表选项之后走select方法,其中的updater负责给item后加一个分号分隔符,但是整个typeahead.js中也就是在select中调用了updater方法,每次走完select之后也都只是1个分号。             
    于是考虑到问题是不是处在其他地方,鼠标选中记录,然后点击其他地方,会增加1个分号,所以应该是在blur函数里面:
     
    继续debug跟进blur函数,发现也没有加分号的地方。异常的诡异。
            -------努力半个小时,出了好多汗之后----- 竟然是数据问题,有木有啊有木有--有个空的脏数据,每次选1条记录,但是和选2条记录一样一样的,会给空记录后面也加一个分号;
           顿时理解上去了,为什么代码没改变,功能却异常了;
           为什么同样的控件,别的都是ok的,只有机型出现了问题;
     总结: 
            1. 开发久了,出问题第一反应都是从自身找原因,觉得是自己的问题,立马去审视代码,debug。其实有时候不是代码问题,该自信时候还是要自信一点点~
             2. 脏数据什么的最可恶了。        
  • 相关阅读:
    P4370[Code+#4]组合数问题2【数学,堆】
    牛客挑战赛53G同源数组(Easy Version)【NTT】
    P3577[POI2014]TURTourism【状压dp】
    P1232[NOI2013]树的计数【思维】
    AS3 CookBook学习整理(十一)
    AS3 CookBook学习整理(十五)
    AS3 CookBook学习整理(十四)
    AS3 CookBook学习整理(十二)
    AS3 CookBook学习整理(八)
    AS3 CookBook学习整理(十六)
  • 原文地址:https://www.cnblogs.com/annyliu/p/3612305.html
Copyright © 2020-2023  润新知