function renderDots() {
            var fragment = document.createDocumentFragment();
            dots.forEach(function (el, i) {
                el.removeEventListener(endEvt, evtHandle[i], false);
            });
            dots = [], evtHandle = [];
            dotWrap.innerHTML = '';
            for (var i = 0; i < data.length; i++) {
                dots[i] = document.createElement('li');
                dots[i].className = 'islider-dot';
                dots[i].setAttribute('index', i);
                if (i === HANDLE.slideIndex) {
                    dots[i].className += ' active';
                }
                evtHandle[i] = function () {
                    HANDLE.slideTo(parseInt(this.getAttribute('index'), 10));
                };
                dots[i].addEventListener(endEvt, evtHandle[i], false);
                fragment.appendChild(dots[i]);
            }
            dotWrap.appendChild(fragment);
        }
To create dots index on iSlider

@file dot.js
@author BE-FE Team
   xieyu33333 xieyu33333@gmail.com
   shinate shine.wangrs@gmail.com
@Instructions
   activation:
      new iSlider({
         ...
         plugins: ['dot']
         ...
      });
   more options:
      new iSlider({
         ...
         plugins: [['dot', {locate:'absoulute'}]]
         ...
      });
@options
   locate {string|HTML Element} the warpper of dots value: 'absolute', 'relative' or Specified dom, default: 'absolute'