jQuery

bootstrap-datepicker.js：管理系统中用来做日期选择； 

bootstrap.js：基于 bootstrap.js 的 js 组件，可以改造出功能更强的，我主要改造了 model.js 跟 tab.js； 

jquery.validate.js：基于它结合 bootstrap.js 的 tooltip.js 做气泡式的表单校验； 

mustache.js：模板引擎 jquery.js 跟 seajs；

移动端还用了 swiper 跟 iscroll，前者可以做轮播，tab；后者用来模拟原生的触屏滚动。

http://stackoverflow.com/questions/15609776/restrict-drag-only-in-one-direction

$('.rightSection,#store').scroll(function() {
  if (
    $(this).scrollTop() + $(this).innerHeight() + 60 >=
    $(this)[0].scrollHeight
  ) {
    $('.main-content').css({
      top: 0,
    });
  } else if ($(this).scrollTop() <= 60) {
    $('.main-content').css({
      top: 111,
    });
  }
});

$('.rightSection').scrollspy({
  target: '#sidenav',
  offset: 40,
});

$('#sidenav a').on('click', function(event) {
  if (this.hash !== '') {
    event.preventDefault();
    var hash = this.hash;
    $('.rightSection').animate(
      {
        scrollTop:
          $(hash).offset().top -
          $('.rightSection>section:nth-child(1)').offset().top,
      },
      800
    );
  }
});

$('.plusIcon').bind('tap', function(e) {
  e.target.click();
});

for dialog scroll disable background scroll

https://segmentfault.com/a/1190000005617307

function resizeRightSection() {
  console.log('#################');
  //height for iphone
  var documentHeight = window.innerHeight
    ? window.innerHeight
    : $(window).height();
  var rightSectionHeight =
    documentHeight -
    $('#NavbarTop').height() -
    $('#storeTab').height() -
    $('#canplace').height();
  $('#productListWrap').height(rightSectionHeight);
  $('#sidenav>ul, .rightSectionContent').height(rightSectionHeight + 4);
}

$.datepicker.formatDate('yy-mm-dd', new Date());

new Date(currentDateMilli).format('yyyy-MM-dd HH:mm:ss');

// zip
/^[ABCEGHJKLMNPRSTVXY]{1}\d{1}[A-Z]{1} *\d{1}[A-Z]{1}\d{1}$/.test(estimateZip)

// email
/^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/.test($('#input-email').val())

let blob = new Blob([JSON.stringify([0, 1, 2])], { type: 'application/json' });
let fileOfBlob = new File([blob], 'aFileName.json');
form.append('upload', fileOfBlob);

jQuery

Common Used

useful js plugin

animate with curve

Dragable reference

Dragable

when scroll to bottom

rewrite bootstrap scrollspy

remove 300ms delay (or use fastclick)

for dialog scroll disable background scroll

disable background scroll

removerubbereffect

safari window resize

get current date (require jquery ui)

Date format

Regx test

Blob to File for FormData

js simple template compiler

jquery plugin starter