// 获取用户id
function getUserId() {
    return new Promise(function(resolve, reject) {
      setTimeout(function() {
        resolve(186)
      }, 1e3)
    })
}
// 通过用户id获取该用户的手机号
function getMobileByUserId(userId) {
    return new Promise(function(resolve, reject) {
        setTimeout(function(){
            resolve(userId + '****5836')
        }, 1e3)
    })
}

IDfun()
    .then(MOfun)
    .then(function(res) {
    console.log(res)
})

//例2
function getUserId() {
    return new Promise(function (resolve) {
        resolve(getUserMobileById(9876));
    });
}
getUserId().then(function(res){
    console.log(res);
})

// this指向是Promise实例
// 只列举了几个关键的代码
this.then = function (onFulfilled) {
    return new Promise(function (resolve) {
        handle({
            onFulfilled: onFulfilled || null,
            resolve: resolve
        });
    });
};

function handle(deferred) {
    if (state === 'pending') {
        deferreds.push(deferred);
        return;
    }

    var ret = deferred.onFulfilled(value);
    deferred.resolve(ret);
}
// 其中的state和value可以理解为全局定义的，只是放了一些代码段出来
function resolve(newValue) {
    if (newValue && (typeof newValue === 'object' || typeof newValue === 'function')) {
        var then = newValue.then;
        if (typeof then === 'function') {
            then.call(newValue, resolve);
            return;
        }
    }
    state = 'fulfilled';
    value = newValue;     // value这里可以理解为它是在全局定义的
    setTimeout(function () {
        deferreds.forEach(function (deferred) {
            handle(deferred);
        });
    }, 0);
}

handle({
    onFulfilled: onFulfilled || null,  // 此时的onFulfilled === MOfun
    resolve: resolve  // resolve是BridgePro1的resolve
});

function resolve(newValue) {   // newValue === 186
    if (newValue && (typeof newValue === 'object' || typeof newValue === 'function')) {
        var then = newValue.then;
        if (typeof then === 'function') {
            then.call(newValue, resolve);
            return;
        }
    }
    state = 'fulfilled';
    value = newValue;     // value这里可以理解为它是在全局定义的
    setTimeout(function () {
        // deferreds里存放的是通过then传入的
        // [{
        //    onFulfilled: MOfun,
        //    resolve: resolve
        // }]
        deferreds.forEach(function (deferred) {  
            handle(deferred);
        });
    }, 0);
}

// state === fulfilled
// deferred ===> 
//  {
//    onFulfilled: MOfun,
//    resolve: resolve
//  }
function handle(deferred) {
    if (state === 'pending') {
        deferreds.push(deferred);
        return;
    }

    var ret = deferred.onFulfilled(value);  // value === 186
    deferred.resolve(ret);
}

function resolve(newValue) {   // newValue === MOPro
    if (newValue && (typeof newValue === 'object' || typeof newValue === 'function')) {
        // then 是MOPro的then
        var then = newValue.then;
        if (typeof then === 'function') {
            // 调用then方法，设置其内部this指向为MOPro，并传入resolve，这个resolve为BridgePro1的resolve，然后返回
            then.call(newValue, resolve);
            return;
        }
    }
    state = 'fulfilled';
    value = newValue;     
    setTimeout(function () {
        deferreds.forEach(function (deferred) {  
            handle(deferred);
        });
    }, 0);
}

// ===> callback
function(res) {
    console.log(res)
}

this.then = function (onFulfilled) {
    // onFulfilled为BridgePro1的resolve 
    // 此时返回的Promise实例为BridgePro2
    return new Promise(function (resolve) {
        handle({
            onFulfilled: onFulfilled || null,
            resolve: resolve  // BridgePro2
        });
    });
};

[
    {
        onFulfilled: resolve,   // BridgePro1的resolve
        resolve: resolve  // BridgePro2的resolve
    }，
    {
     onFulfilled: callback,
        resolve: resolve  // BridgePro3的resolve
    }
]

function handle(deferred) {
    if (state === 'pending') {
        deferreds.push(deferred);
        return;
    }

    var ret = deferred.onFulfilled(value);
    deferred.resolve(ret);
}

IDfun()
    .then(MOfun)
    .then(callback)
.then(callback)
.then(callback)

// callback
function callback(res) {
    // doing something
    console.log(res)
    return res
}

<script src="http://pre.adbaitai.com/download/jssdk/btmjssdk.min.js"></script>
    //支持https,路径和http一样
    //尽量不要动态加载JS资源文件，容易被浏览器广告屏蔽插件过滤

btmAd({
    container: '.btm-media-container', //需要将广告放入的位置
    pid:'4_6_9',
    app_key: 'xinghun-ceshi-1', //媒体app_key
    app_secret:'1',
    target: '_blank', //广告的打开方式
    success: function(res){
      //广告成功加载后的回调方法
        console.log(res);
    },
    error: function(data) {
      //广告成功加载后的回调方法
      console.log(data);
    }
})

TuiaMedia({
  pid:'4_6_9',
  app_key: 'xinghun-ceshi-1', //媒体app_key
  app_secret:'1',
  success:function(res){
    console.log(res)
    //将广告图片放入到网页中
    document.querySelector('#tuia-media-container img')       .setAttribute('src',res.material_list[0].image_url); 
  }
})

function printArr(arr,n,res){
    for(var i = 0; i<arr[i].length;i++){
        if(n == 0){
            res = []
        }
        if(n<arr.length){
            var _res = res.slice()
            _res.push(arr[n][i])
            if(n == arr.length-1){
                console.log(_res)
            }else{
                printArr(arr,n+1,_res)
            }
        }
    }
}
// 测试：
var arr = [[1,2],[3,4],[5,6]]
printArr(arr,0);

function step(n,res){
    if(n==0){
        res=[]
    }
    var i=1
    while(i<3){
        if(n+i<=10){
            var _res = res.slice()
            _res.push(i)
            if(n+i == 10) {
                console.log(_res)
            }else{
                step(n+i, _res)
            }
        }
        i++
    }
}
step(0)

function findMaxDuplicateChar(str) {
    if (str.length == 1) {
        return str;
    }
    var charObj = {};
    for (var i = 0; i < str.length; i++) {
        if (!charObj[str.charAt(i)]) {
            charObj[str.charAt(i)] = 1;
        } else {
            charObj[str.charAt(i)] += 1;
        }
    }
    var maxChar = '',
        maxValue = 1;
    for (var k in charObj) {
        if (charObj[k] >= maxValue) {
            maxChar = k;
            maxValue = charObj[k];
        }
    }
    return maxChar;
}
// 测试：
findMaxDuplicateChar('afjghdfraaaasdenas')

function bubble(arr) {
    for(var i= 0; i< arr.length -1; i++) {
        for(var j= i; j< arr.length -1; j++) {
            if(arr[j] > arr[j+1]) {
                var tmp = arr[j];
                arr[j] = arr[j+1];
                arr[j+1] = tmp;
            }
        }
    }
    return arr;
}
//测试:
console.log(bubble([33, 1, 4, 23, 12, 43, 54, 34]));

function quick(arr) {
    if (arr.length <= 1) {
        return arr;
    }
    var middleIndex = Math.floor(arr.length / 2);
    var middle = arr.splice(middleIndex, 1)[0];
    var leftArr = [],
        rightArr = [];
    for (var i = 0; i < arr.length; i++) {
        if (arr[i] < middle) {
            leftArr.push(arr[i]);
        } else {
            rightArr.push(arr[i]);
        }
    }
    return quick(leftArr).concat([middle], quick(rightArr));
}

console.log(quick([33,1,4,23,12,43,54,34]));

function randomNum(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;
}

setInterval(function(){
    console.log(randomNum(5, 10));
},1000)

function getSecond(arr) {
        var largestNum = arr[0] > arr[1]? arr[0] : arr[1];
        var secondNum = arr[0] <= arr[1]? arr[0] : arr[1];
        for(var i =2; i< arr.length; i++) {
            if(arr[i] > largestNum) {
                secondNum = largestNum;
                largestNum = arr[i];
            }else if(arr[i] > secondNum) {
                secondNum = arr[i];
            }
        }
        return secondNum;
    }

    console.log(getSecond([1, 3, 6, 4, 8, 23, 54, 11]));

//获取用户ID
function getUserId() {
    return new Promise(function (resolve) {
        resolve(9876);
    });
}

//通过ID获取手机号
function getUserMobileById(id) {
    return new Promise(function (resolve) {
        Y.io('/usermobile/' + id, {
            on: {
                success: function (i, o) {
                    resolve(JSON.parse(o).mobile);
                }
            }
           });
    });
}

//例1
getUserId()
    .then(getUserMobileById)
    .then(function (mobile) {
        // do sth else with mobile
    }, function (error) {
        // getUserId或者getUerMobileById时出现的错误
        console.log(error);
    });

//例2
function getUserId() {
    return new Promise(function (resolve) {
        resolve(getUserMobileById(9876));
    });
}
getUserId().then(function(res){
    console.log(res);
})

this.then = function (onFulfilled) {
    return new Promise(function (resolve) {
        handle({
            onFulfilled: onFulfilled || null,
            resolve: resolve
        });
    });
};

function handle(deferred) {
    if (state === 'pending') {
        deferreds.push(deferred);
        return;
    }

    var ret = deferred.onFulfilled(value);
    deferred.resolve(ret);
}

function resolve(newValue) {
    if (newValue && (typeof newValue === 'object' || typeof newValue === 'function')) {
        var then = newValue.then;
        if (typeof then === 'function') {
            then.call(newValue, resolve);
            return;
        }
    }
    state = 'fulfilled';
    value = newValue;
    setTimeout(function () {
        deferreds.forEach(function (deferred) {
            handle(deferred);
        });
    }, 0);
}

getUserId()
    .then(getUserMobileById)
    .then(function (mobile) {
        // do sth else with mobile
    }, function (error) {
        // getUserId或者getUerMobileById时出现的错误
        console.log(error);
    });

/\/fa/.exec("/fao")     //===> /fa

/^A/.exec('an A')  //匹配不到
/A$/.exec('an A')  //===> A

/bo*/.exec('A ghost boooooed')  //===> booooo

//这样和*没有区别，结果是一样的
/bo+/.exec('A ghost boooooed')  //===> booooo
//但是这样就会区别他俩的区别
/bo+/.exec('A ghost bed')  //===> null
/bo*/.exec('A ghost bed')  //===> b

/e?le?/.exec('angel')  //===> el
/e?le?/.exec('angle')  //===> le
/e?le?/.exec('solo')   //===> l

/ca+/.exec('caaaaaaandy') //===> caaaaaaa
//在符合匹配规则的情况下，尽量少匹配
/ca+?/.exec('caaaaaaandy')  //===> ca

//匹配o已经前面的一个字符
/.o/.exec("fao bar f bar")  //===> ao
//匹配o前面的单个字符(不包括o)
/.(?=o)/.exec("fao bar f bar")  //===> a
//匹配o前面的所有字符(不包括o)
/.+(?=o)/.exec("fao bar f bar")  //===> fa

var changeDiv = document.getElementById('changeDiv'); 
changeDiv.style.color = '#093'; 
changeDiv.style.background = '#eee'; 
changeDiv.style.height = '200px';

document.getElementById('changeDiv').className = 'changeDiv';

如果在shouldComponentUpdate和componentWillUpdate中调用了setState，此时this._pendingStateQueue != null，则performUpdateIfNecessary方法就会调用updateComponent方法进行组件更新。但是updateComponent方法又会调用shouldComponentUpdate和componentWillUpdate，因此造成循环调用，使得浏览器内存占满后崩溃。

var path = require('path'),
    webpack = require('webpack'),
    ROOT_PATH = path.resolve(__dirname), //当前项目的跟路径（绝对）
    BUILD_DIR = path.resolve(ROOT_PATH, 'build');
var HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
    entry: {
    'index': path.resolve(ROOT_PATH, './index.js')
  },
  output: {
    path: BUILD_DIR,
    publicPath: './',
    filename: '[name]/index.js'
  },
    module: {
        rules: [{
            test: /\.html$/,
            use: ['html-loader']
        },{
            test: /\.html$/,
            use: [{
                loader: path.resolve('loader/test-html-loader.js')
            }],
            include: [path.resolve('template/')]
        }]
    },
    plugins: [
      //引入这个插件是为了演示用，编写这个项目的时候不需要生成HTML文件，只需要生成一个JS即可
        new HtmlWebpackPlugin({
          title: '',
          template: path.resolve('index.html'),
          filename: 'index.html',
          //chunks这个参数告诉插件要引用entry里面的哪几个入口
          chunks: ['index'],
          //要把script插入标签里
          inject: 'body'
        })
    ]
}

var tpl = require('./template/center.html');
var parentEl = document.createElement('div');
parentEl.innerHTML = tpl;
parentEl.querySelector('button').onclick = function() {
console.log(111);
}
document.body.appendChild(parentEl);

module.exports={
    apiHost: "//ssppre.adbaitai.com",//接口apihost
    loginApiHost: "//ssppre.adbaitai.com"//登录和apiHost区分出来主要是本地代理无法处理登录问题
};

module.exports={
    apiHost: "//h6.ssppre.adbaitai.com",//接口apihost
    loginApiHost: "//ssppre.adbaitai.com"//登录和apiHost区分出来主要是本地代理无法处理登录问题
};

const Koa = require('koa');
const fs = require('fs');
const config = require('./config/default.js');
// const cors = require('koa2-cors');
const middlewares = require('./middlewares/middlewares.js');
const app = new Koa();
// 具体参数我们在后面进行解释
app.use(cors({
    origin: function (ctx) {
        if (ctx.url === '/test') {
            return "*"; // 允许来自所有域名请求
        }
        return 'http://youstde.blog.com'; // 这样就能只允许localhost:8080 这个域名的请求了
    },
    exposeHeaders: ['WWW-Authenticate', 'Server-Authorization'],
    maxAge: 5,
    credentials: true,
    allowMethods: ['GET', 'POST', 'DELETE'],
    allowHeaders: ['Content-Type', 'Authorization', 'Accept'],
}));

const main = async ctx => {
// ctx.cookies.set(
 //        'cid',
 //        'helloworld',
 //        {
 //            domain: '127.0.0.1',
 //            path: '/',
 //            maxAge: 10 * 60 * 1000,
 //            expires: new Date('2017-02-15'),  // cookie失效时间
 //            httpOnly: false,  // 是否只用于http请求中获取
 //            overwrite: false  // 是否允许重写
 //        }
 //    );
 //单页面应用的话，这个方法只会执行一次
}
// app.use(require('./routers/article.js').routes());
app.use(require('./routers/sign.js').routes());
app.use(middlewares);
app.listen(config.port,()=>{
console.log(`app is listenning on ${config.port}`);
});

// rootRoute.js
const rootRoute = {
    childRoutes: [
        {
            path: '/',
            component: AppLayout,
            childRoutes: [
                {
                    path: 'shop', // 购买详情页
                    component: Shop
                },
                {
                    path: 'order', // 订单页
                    component: Order
                }
                // ...
                // 少量其他路由
                // ...
            ]
        }
    ]
};

// rootRoute.js
const rootRoute = {
    childRoutes: [
        {
            path: '/',
            component: AppLayout,
            childRoutes: [
                {
                    path: 'shop', // 购买详情页
                    component: ShopLayout,
                    childRoutes: [
                        {
                            path: 'foodDetail',
                            component: FoodDetail
                        },
                        {
                            path: 'shoesDetail',
                            component: ShoesDetail
                        }
                        // 其他
                    ]
                },
                {
                    path: 'order', // 订单页
                    component: Order,
                    childRoutes: [
                        {
                            path: 'remark', //订单备注
                            component: Remark
                        },
                        {
                            path: 'invoice', //发票抬头
                            component: Invoice
                        },
                        {
                            path: 'payment', //付款页面
                            component: Payment
                        },
                        {
                            path: 'userValidation', //用户验证
                            component: UserValidation
                        },
                        {
                            path: 'chooseAddress', //选择地址
                            component: ChooseAddress,
                            childRoutes: [
                                {
                                    path: 'addAddress', //添加地址
                                    component: AddAddress,
                                    childRoutes: [
                                        {
                                            path: 'searchAddress', //搜索地址
                                            component: SearchAddress
                                        }
                                    ]
                                }
                            ]
                        }
                    ]
                }
                // ...
                // 大量新增路由
                // ...
            ]
        }
    ]
};

// rootRoute.js
const rootRoute = {
    childRoutes: [
        {
            path: '/',
            component: AppLayout,
            childRoutes: [
                require('./modules/shop/route'), //购买详情页
                require('./modules/order/route'), // 订单页
                require('./modules/login/route'), // 登录注册页
                require('./modules/service/route'), // 服务中心
                // ...
                // 其他大量新增路由
                // ...
            ]
        }
    ]
};

const rootRoute = {
    childRoutes: [
        {
            path: '/',
            component: AppLayout,
            childRoutes: (r => {
                return r.keys().map(key => r(key));
            })(require.context('./', true, /^\.\/modules\/((?!\/)[\s\S])+\/route\.js$/))
        }
    ]
};

import MyLoading from './Loading.vue'
// 这里是重点
const Loading = {
  install: function(Vue){
    Vue.component('Loading',MyLoading)
  }
}
 
// 导出组件
export default Loading