generator-shusc

require(['masonry'],function(Masonry){
      new Masonry(".flowBox",{ 
         coloumnWidth:200, //宽度
         itemSelector:".flowBox-item", //子类
         transitionDuration: '0.8s' // 动画
     })
 })    

 require(['layoutFlow'],function(){
      //cols 列数
      //interval 间隔 px
     $(".flowBox").flowBox(5,20)
 })

    require(['cleave'],function (Cleave) {
        var cleave = new Cleave("#test",{
            phone:true,
            phoneRegionCode: 'CN'
        })
    })

    require(['smartPhoto'],function (smartPhoto) {
        new smartPhoto(".js-smartphoto");
    })

   require(['photoSwiperClass'], function (photoSwiperClass) {
       // 传入参数items 和 options 具体看文档
      var photos =  photoSwiperClass([{src: 'https://farm2.staticflickr.com/1043/5186867718_06b2e9e551_b.jpg',
          w: 964,
          h: 1024
      }]);
      photos.init();
   })

    require(['layer'],function (layer) {
        layer.msg('的确很重要', {icon: 1});
    })

require(['signature_pad']，function(signaturePad){

   var canvas = document.querySelector("canvas");
   
   var signaturePad = new SignaturePad(canvas);
   
   // Returns signature image as data URL (see https://mdn.io/todataurl for the list of possible parameters)
   signaturePad.toDataURL(); // save image as PNG
   signaturePad.toDataURL("image/jpeg"); // save image as JPEG
   signaturePad.toDataURL("image/svg+xml"); // save image as SVG
   
   // Draws signature image from data URL.
   // NOTE: This method does not populate internal data structure that represents drawn signature. Thus, after using #fromDataURL, #toData won't work properly.
   signaturePad.fromDataURL("data:image/png;base64,iVBORw0K...");
   
   // Returns signature image as an array of point groups
   const data = signaturePad.toData();
   
   // Draws signature image from an array of point groups
   signaturePad.fromData(data);
   
   // Clears the canvas
   signaturePad.clear();
   
   // Returns true if canvas is empty, otherwise returns false
   signaturePad.isEmpty();
   
   // Unbinds all event handlers
   signaturePad.off();
   
   // Rebinds all event handlers
   signaturePad.on();

})

require(['jquery','html2canvas'],function($,html2canvas){
    function convertCanvasToImage(canvas) {
        //新Image对象，可以理解为DOM
        var image = new Image();
        // canvas.toDataURL 返回的是一串Base64编码的URL
        // 指定格式 PNG
        image.src = canvas.toDataURL("image/png");
        return image;
    }

    html2canvas(document.body,{
      onrendered:function (canvas) {
          $("body").append(convertCanvasToImage(canvas));
        }
  })
})

  require(['nprogress','jquery'],function (NProgress,$) {
     NProgress.start();
     $(function () {
         NProgress.done();
         $("body").on("click","a",function () {
             NProgress.start();
             NProgress.set(0.4);
         })
     })
 })

     require(['multiDownload'],function (multiDownload) {
         multiDownload(['URL地址','URL地址','URL地址'])
     })

  该插件是讲requirejs中的require转换成类似promise语法
  (使用在webpack打包下进行异步加载  )

    //通用
    requireP(['jquery:$','Vue']).then(function(lib){
        var $ = lib.$;
        var Vue = lib.Vue;
    })

   //AMD
   require(['requireP'],function(requireP){
         let testComponet = async function (resolve) {
             resolve(await requireP('test'));
         };
   })  
   
   //commonJs
   const requireP = require('requireP');
   
   async function test (){
        let Vue = await requireP('Vue') 
   }
   
   test()
   
   //使用数组别名
   async function test2(){
        let {Vue,$} = await requireP(['Vue','jquery:$'])
   }
   
   test2()