TpAn
TpAn

mobileSelect.js

/*!

* mobileSelect.js

* (c) 2017-present onlyhom

* Released under the MIT License.

*/

(function() {

function getClass(dom,string) {

return dom.getElementsByClassName(string);

}

//构造器

function MobileSelect(config) {

this.mobileSelect;

this.wheelsData = config.wheels;

this.jsonType =  false;

this.cascadeJsonData = [];

this.displayJson = [];

this.cascade = false;

this.startY;

this.moveEndY;

this.moveY;

this.oldMoveY;

this.offset = 0;

this.offsetSum = 0;

this.oversizeBorder;

this.curDistance = [];

this.clickStatus = false;

this.isPC = true;

this.init(config);

}

MobileSelect.prototype = {

constructor: MobileSelect,

init: function(config){

var _this = this;

_this.keyMap = config.keyMap ? config.keyMap : {id:'id', value:'value', childs:'childs'};

_this.checkDataType();

_this.renderWheels(_this.wheelsData, config.cancelBtnText, config.ensureBtnText);

_this.trigger = document.querySelector(config.trigger);

if(!_this.trigger){

console.error('mobileSelect has been successfully installed, but no trigger found on your page.');

return false;

}

_this.wheel = getClass(_this.mobileSelect,'wheel');

_this.slider = getClass(_this.mobileSelect,'selectContainer');

_this.wheels = _this.mobileSelect.querySelector('.wheels');

_this.liHeight = _this.mobileSelect.querySelector('li').offsetHeight;

_this.ensureBtn = _this.mobileSelect.querySelector('.ensure');

_this.cancelBtn = _this.mobileSelect.querySelector('.cancel');

_this.grayLayer = _this.mobileSelect.querySelector('.grayLayer');

_this.popUp = _this.mobileSelect.querySelector('.content');

_this.callback = config.callback ? config.callback : function(){};

_this.transitionEnd = config.transitionEnd ? config.transitionEnd : function(){};

_this.initPosition = config.position ? config.position : [];

_this.titleText = config.title ? config.title : '';

_this.connector = config.connector ? config.connector : ' ';

_this.trigger.style.cursor='pointer';

_this.setStyle(config);

_this.setTitle(_this.titleText);

_this.checkIsPC();

_this.checkCascade();

if (_this.cascade) {

_this.initCascade();

}

//定位 初始位置

if(_this.initPosition.length < _this.slider.length){

var diff = _this.slider.length - _this.initPosition.length;

for(var i=0; i

_this.initPosition.push(0);

}

}

_this.setCurDistance(_this.initPosition);

_this.addListenerAll();

//按钮监听

_this.cancelBtn.addEventListener('click',function(){

_this.mobileSelect.classList.remove('mobileSelect-show');

    });

    _this.ensureBtn.addEventListener('click',function(){

_this.mobileSelect.classList.remove('mobileSelect-show');

var tempValue ='';

    for(var i=0; i<_this.wheel.length; i++){

    i==_this.wheel.length-1 ? tempValue += _this.getInnerHtml(i) : tempValue += _this.getInnerHtml(i) + _this.connector;

    }

    _this.trigger.innerHTML = tempValue;

    _this.callback(_this.getIndexArr(),_this.getValue());

    });

    _this.trigger.addEventListener('click',function(){

    _this.mobileSelect.classList.add('mobileSelect-show');

    });

    _this.grayLayer.addEventListener('click',function(){

    _this.mobileSelect.classList.remove('mobileSelect-show');

    });

    _this.popUp.addEventListener('click',function(){

    event.stopPropagation();

    });

_this.fixRowStyle(); //修正列数

},

setTitle: function(string){

var _this = this;

_this.titleText = string;

_this.mobileSelect.querySelector('.title').innerHTML = _this.titleText;

},

setStyle: function(config){

var _this = this;

if(config.ensureBtnColor){

_this.ensureBtn.style.color = config.ensureBtnColor;

}

if(config.cancelBtnColor){

_this.cancelBtn.style.color = config.cancelBtnColor;

}

if(config.titleColor){

_this.title = _this.mobileSelect.querySelector('.title');

_this.title.style.color = config.titleColor;

}

if(config.textColor){

_this.panel = _this.mobileSelect.querySelector('.panel');

_this.panel.style.color = config.textColor;

}

if(config.titleBgColor){

_this.btnBar = _this.mobileSelect.querySelector('.btnBar');

_this.btnBar.style.backgroundColor = config.titleBgColor;

}

if(config.bgColor){

_this.panel = _this.mobileSelect.querySelector('.panel');

_this.shadowMask = _this.mobileSelect.querySelector('.shadowMask');

_this.panel.style.backgroundColor = config.bgColor;

_this.shadowMask.style.background = 'linear-gradient(to bottom, '+ config.bgColor + ', rgba(255, 255, 255, 0), '+ config.bgColor + ')';

}

},

checkIsPC: function(){

var _this = this;

    var sUserAgent = navigator.userAgent.toLowerCase();

    var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";

    var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";

    var bIsMidp = sUserAgent.match(/midp/i) == "midp";

    var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";

    var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";

    var bIsAndroid = sUserAgent.match(/android/i) == "android";

    var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";

    var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";

    if ((bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM)) {

        _this.isPC = false;

    }

},

show: function(){

    this.mobileSelect.classList.add('mobileSelect-show');

},

renderWheels: function(wheelsData, cancelBtnText, ensureBtnText){

var _this = this;

var cancelText = cancelBtnText ? cancelBtnText : '取消';

var ensureText = ensureBtnText ? ensureBtnText : '确认';

_this.mobileSelect = document.createElement("div");

_this.mobileSelect.className = "mobileSelect";

_this.mobileSelect.innerHTML =

    '

'+

        '

'+

            '

'+

                '

'+

                    '

'+ cancelText +'
'+

                    '

'+

                    '

'+ ensureText +'
'+

                '

'+

            '

'+

            '

'+

                '

'+

                '

'+

                '

'+

                    '

'+

                    '

'+

                '

'+

            '

'+

        '

';

    document.body.appendChild(_this.mobileSelect);

//根据数据长度来渲染

var tempHTML='';

for(var i=0; i

//列

tempHTML += '

    ';

    if(_this.jsonType){

    for(var j=0; j

    //行

    tempHTML += '

  • '+wheelsData[i].data[j][_this.keyMap.value]+'
    • ';

    }

    }else{

    for(var j=0; j

    //行

    tempHTML += '

  • '+wheelsData[i].data[j]+'
    • ';

    }

    }

    tempHTML += '

';

}

_this.mobileSelect.querySelector('.wheels').innerHTML = tempHTML;

},

addListenerAll: function(){

var _this = this;

for(var i=0; i<_this.slider.length; i++){

//手势监听

(function (i) {

_this.addListenerWheel(_this.wheel[i], i);

_this.addListenerLi(i);

})(i);

}

},

addListenerWheel: function(theWheel, index){

var _this = this;

theWheel.addEventListener('touchstart', function () {

_this.touch(event, this.firstChild, index);

},false);

theWheel.addEventListener('touchend', function () {

_this.touch(event, this.firstChild, index);

},false);

theWheel.addEventListener('touchmove', function () {

_this.touch(event, this.firstChild, index);

},false);

if(_this.isPC){

//如果是PC端则再增加拖拽监听 方便调试

theWheel.addEventListener('mousedown', function () {

_this.dragClick(event, this.firstChild, index);

},false);

theWheel.addEventListener('mousemove', function () {

_this.dragClick(event, this.firstChild, index);

},false);

theWheel.addEventListener('mouseup', function () {

_this.dragClick(event, this.firstChild, index);

},true);

}

},

addListenerLi:function(sliderIndex){

var _this = this;

var curWheelLi = _this.slider[sliderIndex].getElementsByTagName('li');

for(var j=0; j

(function (j) {

curWheelLi[j].addEventListener('click',function(){

_this.singleClick(this, j, sliderIndex);

},false);

})(j);

}

},

checkDataType: function(){

var _this = this;

if(typeof(_this.wheelsData[0].data[0])=='object'){

_this.jsonType = true;

}

},

checkCascade: function(){

var _this = this;

if(_this.jsonType){

var node = _this.wheelsData[0].data;

for(var i=0; i

if(_this.keyMap.childs in node[i] && node[i][_this.keyMap.childs].length > 0){

_this.cascade = true;

_this.cascadeJsonData = _this.wheelsData[0].data;

break;

}

}

}else{

_this.cascade = false;

}

},

generateArrData: function (targetArr) {

var tempArr = [];

var keyMap_id = this.keyMap.id;

var keyMap_value = this.keyMap.value;

for(var i=0; i

var tempObj = {};

tempObj[keyMap_id] = targetArr[i][this.keyMap.id];

tempObj[keyMap_value] = targetArr[i][this.keyMap.value];

tempArr.push(tempObj);

}

return tempArr;

},

initCascade: function(){

var _this = this;

_this.displayJson.push(_this.generateArrData(_this.cascadeJsonData));

if(_this.initPosition.length>0){

_this.initDeepCount = 0;

_this.initCheckArrDeep(_this.cascadeJsonData[_this.initPosition[0]]);

}else{

_this.checkArrDeep(_this.cascadeJsonData[0]);

}

_this.reRenderWheels();

},

initCheckArrDeep: function (parent) {

var _this = this;

if(parent){

if (_this.keyMap.childs in parent && parent[_this.keyMap.childs].length > 0) {

_this.displayJson.push(_this.generateArrData(parent[_this.keyMap.childs]));

_this.initDeepCount++;

var nextNode = parent[_this.keyMap.childs][_this.initPosition[_this.initDeepCount]];

if(nextNode){

_this.initCheckArrDeep(nextNode);

}else{

_this.checkArrDeep(parent[_this.keyMap.childs][0]);

}

}

}

},

checkArrDeep: function (parent) {

//检测子节点深度  修改 displayJson

var _this = this;

if(parent){

if (_this.keyMap.childs in parent && parent[_this.keyMap.childs].length > 0) {

_this.displayJson.push(_this.generateArrData(parent[_this.keyMap.childs])); //生成子节点数组

_this.checkArrDeep(parent[_this.keyMap.childs][0]);//检测下一个子节点

}

}

},

checkRange: function(index, posIndexArr){

var _this = this;

var deleteNum = _this.displayJson.length-1-index;

for(var i=0; i

_this.displayJson.pop(); //修改 displayJson

}

var resultNode;

for (var i = 0; i <= index; i++){

if (i == 0)

resultNode = _this.cascadeJsonData[posIndexArr[0]];

else {

resultNode = resultNode[_this.keyMap.childs][posIndexArr[i]];

}

}

_this.checkArrDeep(resultNode);

//console.log(_this.displayJson);

_this.reRenderWheels();

_this.fixRowStyle();

_this.setCurDistance(_this.resetPostion(index, posIndexArr));

},

resetPostion: function(index, posIndexArr){

var _this = this;

var tempPosArr = posIndexArr;

var tempCount;

if(_this.slider.length > posIndexArr.length){

tempCount = _this.slider.length - posIndexArr.length;

for(var i=0; i

tempPosArr.push(0);

}

}else if(_this.slider.length < posIndexArr.length){

tempCount = posIndexArr.length - _this.slider.length;

for(var i=0; i

tempPosArr.pop();

}

}

for(var i=index+1; i< tempPosArr.length; i++){

tempPosArr[i] = 0;

}

return tempPosArr;

},

reRenderWheels: function(){

var _this = this;

//删除多余的wheel

if(_this.wheel.length > _this.displayJson.length){

var count = _this.wheel.length - _this.displayJson.length;

for(var i=0; i

_this.wheels.removeChild(_this.wheel[_this.wheel.length-1]);

}

}

for(var i=0; i<_this.displayJson.length; i++){

//列

(function (i) {

var tempHTML='';

if(_this.wheel[i]){

//console.log('插入Li');

for(var j=0; j<_this.displayJson[i].length; j++){

//行

tempHTML += '

  • '+_this.displayJson[i][j][_this.keyMap.value]+'
    • ';

    }

    _this.slider[i].innerHTML = tempHTML;

    }else{

    var tempWheel = document.createElement("div");

    tempWheel.className = "wheel";

    tempHTML = '

      ';

      for(var j=0; j<_this.displayJson[i].length; j++){

      //行

      tempHTML += '

    • '+_this.displayJson[i][j][_this.keyMap.value]+'
      • ';

      }

      tempHTML += '

    ';

    tempWheel.innerHTML = tempHTML;

    _this.addListenerWheel(tempWheel, i);

        _this.wheels.appendChild(tempWheel);

    }

    _this.addListenerLi(i);

    })(i);

    }

    },

    updateWheels:function(data){

    var _this = this;

    if(_this.cascade){

    _this.cascadeJsonData = data;

    _this.displayJson = [];

    _this.initCascade();

    if(_this.initPosition.length < _this.slider.length){

    var diff = _this.slider.length - _this.initPosition.length;

    for(var i=0; i

    _this.initPosition.push(0);

    }

    }

    _this.setCurDistance(_this.initPosition);

    _this.fixRowStyle();

    }

    },

    updateWheel: function(sliderIndex, data){

    var _this = this;

    var tempHTML='';

        if(_this.cascade){

        console.error('级联格式不支持updateWheel(),请使用updateWheels()更新整个数据源');

    return false;

        }

        else if(_this.jsonType){

    for(var j=0; j

    tempHTML += '

  • '+data[j][_this.keyMap.value]+'
    • ';

    }

    _this.wheelsData[sliderIndex] = {data: data};

        }else{

    for(var j=0; j

    tempHTML += '

  • '+data[j]+'
    • ';

    }

    _this.wheelsData[sliderIndex] = data;

        }

    _this.slider[sliderIndex].innerHTML = tempHTML;

    _this.addListenerLi(sliderIndex);

    },

    fixRowStyle: function(){

    var _this = this;

    var width = (100/_this.wheel.length).toFixed(2);

    for(var i=0; i<_this.wheel.length; i++){

    _this.wheel[i].style.width = width+'%';

    }

    },

        getIndex: function(distance){

            return Math.round((2*this.liHeight-distance)/this.liHeight);

        },

        getIndexArr: function(){

        var _this = this;

        var temp = [];

        for(var i=0; i<_this.curDistance.length; i++){

        temp.push(_this.getIndex(_this.curDistance[i]));

        }

        return temp;

        },

        getValue: function(){

        var _this = this;

        var temp = [];

        var positionArr = _this.getIndexArr();

        if(_this.cascade){

        for(var i=0; i<_this.wheel.length; i++){

        temp.push(_this.displayJson[i][positionArr[i]]);

        }

        }

        else if(_this.jsonType){

        for(var i=0; i<_this.curDistance.length; i++){

        temp.push(_this.wheelsData[i].data[_this.getIndex(_this.curDistance[i])]);

        }

        }else{

        for(var i=0; i<_this.curDistance.length; i++){

        temp.push(_this.getInnerHtml(i));

        }

        }

        return temp;

        },

        calcDistance: function(index){

    return 2*this.liHeight-index*this.liHeight;

        },

        setCurDistance: function(indexArr){

        var _this = this;

        var temp = [];

        for(var i=0; i<_this.slider.length; i++){

        temp.push(_this.calcDistance(indexArr[i]));

        _this.movePosition(_this.slider[i],temp[i]);

        }

        _this.curDistance = temp;

        },

        fixPosition: function(distance){

            return -(this.getIndex(distance)-2)*this.liHeight;

        },

        movePosition: function(theSlider, distance){

            theSlider.style.webkitTransform = 'translate3d(0,' + distance + 'px, 0)';

            theSlider.style.transform = 'translate3d(0,' + distance + 'px, 0)';

        },

        locatePostion: function(index, posIndex){

        this.curDistance[index] = this.calcDistance(posIndex);

        this.movePosition(this.slider[index],this.curDistance[index]);

        },

        updateCurDistance: function(theSlider, index){

            this.curDistance[index] = parseInt(theSlider.style.transform.split(',')[1]);

        },

        getDistance:function(theSlider){

        return parseInt(theSlider.style.transform.split(',')[1]);

        },

        getInnerHtml: function(sliderIndex){

        var _this = this;

        var index = _this.getIndex(_this.curDistance[sliderIndex]);

        return _this.slider[sliderIndex].getElementsByTagName('li')[index].innerHTML;

        },

        touch: function(event, theSlider, index){

        var _this = this;

        event = event || window.event;

        switch(event.type){

        case "touchstart":

            _this.startY = event.touches[0].clientY;

            _this.oldMoveY = _this.startY;

        break;

        case "touchend":

            _this.moveEndY = event.changedTouches[0].clientY;

            _this.offsetSum = _this.moveEndY - _this.startY;

    //修正位置

            _this.updateCurDistance(theSlider, index);

            _this.curDistance[index] = _this.fixPosition(_this.curDistance[index]);

            _this.movePosition(theSlider, _this.curDistance[index]);

            _this.oversizeBorder = -(theSlider.getElementsByTagName('li').length-3)*_this.liHeight;

            //反弹

            if(_this.curDistance[index] + _this.offsetSum > 2*_this.liHeight){

                _this.curDistance[index] = 2*_this.liHeight;

                setTimeout(function(){

                    _this.movePosition(theSlider, _this.curDistance[index]);

                }, 100);

            }else if(_this.curDistance[index] + _this.offsetSum < _this.oversizeBorder){

                _this.curDistance[index] = _this.oversizeBorder;

                setTimeout(function(){

                    _this.movePosition(theSlider, _this.curDistance[index]);

                }, 100);

            }

            _this.transitionEnd(_this.getIndexArr(),_this.getValue());

            if(_this.cascade){

            var tempPosArr = _this.getIndexArr();

            tempPosArr[index] = _this.getIndex(_this.curDistance[index]);

            _this.checkRange(index, tempPosArr);

            }

        break;

        case "touchmove":

            event.preventDefault();

            _this.moveY = event.touches[0].clientY;

            _this.offset = _this.moveY - _this.oldMoveY;

            _this.updateCurDistance(theSlider, index);

            _this.curDistance[index] = _this.curDistance[index] + _this.offset;

            _this.movePosition(theSlider, _this.curDistance[index]);

            _this.oldMoveY = _this.moveY;

        break;

        }

        },

        dragClick: function(event, theSlider, index){

        var _this = this;

        event = event || window.event;

        switch(event.type){

        case "mousedown":

            _this.startY = event.clientY;

            _this.oldMoveY = _this.startY;

            _this.clickStatus = true;

        break;

        case "mouseup":

            _this.moveEndY = event.clientY;

            _this.offsetSum = _this.moveEndY - _this.startY;

    //修正位置

            _this.updateCurDistance(theSlider, index);

            _this.curDistance[index] = _this.fixPosition(_this.curDistance[index]);

            _this.movePosition(theSlider, _this.curDistance[index]);

            _this.oversizeBorder = -(theSlider.getElementsByTagName('li').length-3)*_this.liHeight;

            //反弹

            if(_this.curDistance[index] + _this.offsetSum > 2*_this.liHeight){

                _this.curDistance[index] = 2*_this.liHeight;

                setTimeout(function(){

                    _this.movePosition(theSlider, _this.curDistance[index]);

                }, 100);

            }else if(_this.curDistance[index] + _this.offsetSum < _this.oversizeBorder){

                _this.curDistance[index] = _this.oversizeBorder;

                setTimeout(function(){

                    _this.movePosition(theSlider, _this.curDistance[index]);

                }, 100);

            }

            _this.clickStatus = false;

            _this.transitionEnd(_this.getIndexArr(),_this.getValue());

            if(_this.cascade){

            var tempPosArr = _this.getIndexArr();

            tempPosArr[index] = _this.getIndex(_this.curDistance[index]);

            _this.checkRange(index, tempPosArr);

            }

        break;

        case "mousemove":

            event.preventDefault();

            if(_this.clickStatus){

            _this.moveY = event.clientY;

            _this.offset = _this.moveY - _this.oldMoveY;

            _this.updateCurDistance(theSlider, index);

            _this.curDistance[index] = _this.curDistance[index] + _this.offset;

            _this.movePosition(theSlider, _this.curDistance[index]);

            _this.oldMoveY = _this.moveY;

            }

        break;

        }

        },

        singleClick: function(theLi, index, sliderIndex){

        var _this = this;

            if(_this.cascade){

            var tempPosArr = _this.getIndexArr();

            tempPosArr[sliderIndex] = index;

            _this.checkRange(sliderIndex, tempPosArr);

            }else{

            _this.curDistance[sliderIndex] = (2-index)*_this.liHeight;

            _this.movePosition(theLi.parentNode, _this.curDistance[sliderIndex]);

            }

        }

    };

    if (typeof exports == "object") {

    module.exports = MobileSelect;

    } else if (typeof define == "function" && define.amd) {

    define([], function () {

    return MobileSelect;

    })

    } else {

    window.MobileSelect = MobileSelect;

    }

    })();

    你可能感兴趣的:(mobileSelect.js)

    • Vue 使用mobileSelect.js 张思学
      下载mobileSelectnpminstallmobile-select-Dvue使用普通数组格式vue-cli-demoimportMobileSelectfrom'mobile-select'exportdefault{mounted(){varmobileSelect5=newMobileSelect({trigger:"#trigger5",title:"vue-cli-demo",wh
    • 解决mobileSelect初始化弹出层不带id问题 空中的蒲公英
      mobileSelect初始化不带id,删除再添加,mobileSelect层会一直添加把以下代码替换mobileSelect.js就OK了/*!*mobileSelect.js*/(function(){functiongetClass(dom,string){returndom.getElementsByClassName(string);}//构造器functionMobileSelect(
    • js mobileSelect.js基本用法支持移动，pc world_7735
      这是一款多功能的移动端滚动选择器，支持单选到多选、支持多级级联、提供自定义回调函数、提供update函数二次渲染、重定位函数、兼容pc端拖拽等等.mobileSelect代码简单粗暴:看演示方式一标签引入：方式二npm：npminstallmobile-select-D如何使用:1.普通数组格式-非联动varmobileSelect1=newMobileSelect({trigger:'#day'
    • 前端mobileWindow.js框架0.0.1版正式发布，不足之处望指出 六子 javascript前端html5css3框架
      mobileWindow.js因为公司的新项目需要在手机端实现类似APP的操作，为了快速的开发当然希望找一个现成的第三方类库来实现相关的功能，但是找了几天，依然没有找个特别合适的，于是就自己动手开始写一套简单的框架来实现该项目众多的需求。此函数库的主要作用为了让用户打开手机端页面，也像是在使用APP一样。源码借鉴了mobileSelect.js这个第三方工具类，框架的思想借鉴了Vue。GitHub
    • 前端mobileWindow.js框架0.0.1版正式发布，不足之处望指出 六子 javascript前端html5css3框架
      mobileWindow.js因为公司的新项目需要在手机端实现类似APP的操作，为了快速的开发当然希望找一个现成的第三方类库来实现相关的功能，但是找了几天，依然没有找个特别合适的，于是就自己动手开始写一套简单的框架来实现该项目众多的需求。此函数库的主要作用为了让用户打开手机端页面，也像是在使用APP一样。源码借鉴了mobileSelect.js这个第三方工具类，框架的思想借鉴了Vue。GitHub
    • mobileSelect.js 基本用法支持移动，pc 张思学
      这是一款多功能的移动端滚动选择器，支持单选到多选、支持多级级联、提供自定义回调函数、提供update函数二次渲染、重定位函数、兼容pc端拖拽等等.mobileSelect代码标签引入使用普通数组格式-非联动imagevarmobileSelect1=newMobileSelect({trigger:'#day',title:'单项选择',wheels:[{data:['周日','周一','周二',
    • [原创首发] js手机移动端选择插件 mobileSelect.js onlyhom 移动端选择插件移动端选择手机选择插件js级联选择插件
      mobileSelect.js最新版本下载地址[2017-09-21更新]：https://github.com/onlyhom/mobileSelect.js（写给不熟悉github的同学：点击页面右侧的绿色按钮【Cloneordownload】即可下载）版本持续更新中，遇到有什么bug或建议可以在Issues中提出来，我会在工作之余尽力解答。（遇到bug先不要着急，请先确认是否在github中
    • mobileSelect.js TpAn
      /*!*mobileSelect.js*(c)2017-presentonlyhom*ReleasedundertheMITLicense.*/(function(){functiongetClass(dom,string){returndom.getElementsByClassName(string);}//构造器functionMobileSelect(config){this.mobile
    • 基本数据类型和引用类型的初始值 3213213333332132 java基础
      package com.array; /** * @Description 测试初始值 * @author FuJianyong * 2015-1-22上午10:31:53 */ public class ArrayTest { ArrayTest at; String str; byte bt; short s; int i; long
    • 摘抄笔记--《编写高质量代码：改善Java程序的151个建议》 白糖_ 高质量代码
              记得3年前刚到公司，同桌同事见我无事可做就借我看《编写高质量代码：改善Java程序的151个建议》这本书，当时看了几页没上心就没研究了。到上个月在公司偶然看到，于是乎又找来看看，我的天，真是非常多的干货，对于我这种静不下心的人真是帮助莫大呀。           看完整本书，也记了不少笔记
    • 【备忘】Django 常用命令及最佳实践 dongwei_6688 django
      注意：本文基于 Django 1.8.2 版本   生成数据库迁移脚本（python 脚本） python manage.py makemigrations polls  说明：polls 是你的应用名字，运行该命令时需要根据你的应用名字进行调整   查看该次迁移需要执行的 SQL 语句（只查看语句，并不应用到数据库上）： python manage.p
    • 阶乘算法之一N! 末尾有多少个零 周凡杨 java算法阶乘面试效率
                                       &n
    • spring注入servlet g21121 Spring注入
      传统的配置方法是无法将bean或属性直接注入到servlet中的，配置代理servlet亦比较麻烦，这里其实有比较简单的方法，其实就是在servlet的init()方法中加入要注入的内容： ServletContext application = getServletContext(); WebApplicationContext wac = WebApplicationContextUtil
    • Jenkins 命令行操作说明文档 510888780 centos
      假设Jenkins的URL为http://22.11.140.38:9080/jenkins/ 基本的格式为 java 基本的格式为 java -jar jenkins-cli.jar [-s JENKINS_URL] command [options][args] 下面具体介绍各个命令的作用及基本使用方法 1. &nb
    • UnicodeBlock检测中文用法 布衣凌宇 UnicodeBlock
      /**  * 判断输入的是汉字  */ public static boolean isChinese(char c) {        Character.UnicodeBlock ub = Character.UnicodeBlock.of(c);    
    • java下实现调用oracle的存储过程和函数 aijuans javaorale
      1.创建表：STOCK_PRICES     2.插入测试数据：     3.建立一个返回游标：  PKG_PUB_UTILS   4.创建和存储过程：P_GET_PRICE     5.创建函数：   6.JAVA调用存储过程返回结果集 JDBCoracle10G_INVO
    • Velocity Toolbox antlove 模板toolboxvelocity
      velocity.VelocityUtil package velocity; import org.apache.velocity.Template; import org.apache.velocity.app.Velocity; import org.apache.velocity.app.VelocityEngine; import org.apache.velocity.c
    • JAVA正则表达式匹配基础 百合不是茶 java正则表达式的匹配
        正则表达式;提高程序的性能,简化代码,提高代码的可读性,简化对字符串的操作   正则表达式的用途; 字符串的匹配 字符串的分割 字符串的查找 字符串的替换       正则表达式的验证语法     [a] //[]表示这个字符只出现一次 ,[a] 表示a只出现一
    • 是否使用EL表达式的配置 bijian1013 jspweb.xmlELEasyTemplate
              今天在开发过程中发现一个细节问题，由于前端采用EasyTemplate模板方法实现数据展示，但老是不能正常显示出来。后来发现竟是EL将我的EasyTemplate的${...}解释执行了，导致我的模板不能正常展示后台数据。         网
    • 精通Oracle10编程SQL(1-3)PLSQL基础 bijian1013 oracle数据库plsql
      --只包含执行部分的PL/SQL块 --set serveroutput off begin dbms_output.put_line('Hello,everyone!'); end; select * from emp; --包含定义部分和执行部分的PL/SQL块 declare v_ename varchar2(5); begin select
    • 【Nginx三】Nginx作为反向代理服务器 bit1129 nginx
      Nginx一个常用的功能是作为代理服务器。代理服务器通常完成如下的功能：   接受客户端请求 将请求转发给被代理的服务器 从被代理的服务器获得响应结果 把响应结果返回给客户端 实例 本文把Nginx配置成一个简单的代理服务器 对于静态的html和图片，直接从Nginx获取 对于动态的页面，例如JSP或者Servlet，Nginx则将请求转发给Res
    • Plugin execution not covered by lifecycle configuration: org.apache.maven.plugin blackproof maven报错
      转：http://stackoverflow.com/questions/6352208/how-to-solve-plugin-execution-not-covered-by-lifecycle-configuration-for-sprin   maven报错： Plugin execution not covered by lifecycle configuration:
    • 发布docker程序到marathon ronin47 docker 发布应用
      1 发布docker程序到marathon 1.1 搭建私有docker registry 1.1.1 安装docker regisry docker pull docker-registry docker run -t -p 5000:5000 docker-registry 下载docker镜像并发布到私有registry docker pull consol/tomcat-8.0
    • java-57-用两个栈实现队列&&用两个队列实现一个栈 bylijinnan java
      import java.util.ArrayList; import java.util.List; import java.util.Stack; /* * Q 57 用两个栈实现队列 */ public class QueueImplementByTwoStacks { private Stack<Integer> stack1; pr
    • Nginx配置性能优化 cfyme nginx
      转载地址：http://blog.csdn.net/xifeijian/article/details/20956605   大多数的Nginx安装指南告诉你如下基础知识——通过apt-get安装，修改这里或那里的几行配置，好了，你已经有了一个Web服务器了。而且，在大多数情况下，一个常规安装的nginx对你的网站来说已经能很好地工作了。然而，如果你真的想挤压出Nginx的性能，你必
    • [JAVA图形图像]JAVA体系需要稳扎稳打,逐步推进图像图形处理技术 comsci java
           对图形图像进行精确处理，需要大量的数学工具，即使是从底层硬件模拟层开始设计，也离不开大量的数学工具包，因为我认为，JAVA语言体系在图形图像处理模块上面的研发工作，需要从开发一些基础的，类似实时数学函数构造器和解析器的软件包入手，而不是急于利用第三方代码工具来实现一个不严格的图形图像处理软件......   &nb
    • MonkeyRunner的使用 dai_lm androidMonkeyRunner
      要使用MonkeyRunner，就要学习使用Python，哎 先抄一段官方doc里的代码 作用是启动一个程序（应该是启动程序默认的Activity），然后按MENU键，并截屏 # Imports the monkeyrunner modules used by this program from com.android.monkeyrunner import MonkeyRun
    • Hadoop-- 海量文件的分布式计算处理方案 datamachine mapreducehadoop分布式计算
      csdn的一个关于hadoop的分布式处理方案，存档。 原帖：http://blog.csdn.net/calvinxiu/article/details/1506112。     Hadoop 是Google MapReduce的一个Java实现。MapReduce是一种简化的分布式编程模式，让程序自动分布到一个由普通机器组成的超大集群上并发执行。就如同ja
    • 以資料庫驗證登入 dcj3sjt126com yii
      以資料庫驗證登入 由於 Yii 內定的原始框架程式, 採用綁定在UserIdentity.php 的 demo 與 admin 帳號密碼:    public function authenticate()    {        $users=array( &nbs
    • github做webhooks：[2]php版本自动触发更新 dcj3sjt126com githubgitwebhooks
      上次已经说过了如何在github控制面板做查看url的返回信息了。这次就到了直接贴钩子代码的时候了。 工具/原料 git github 方法/步骤   在github的setting里面的webhooks里把我们的url地址填进去。   钩子更新的代码如下： error_reportin
    • Eos开发常用表达式 蕃薯耀 Eos开发Eos入门Eos开发常用表达式
      Eos开发常用表达式 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2014年8月18日 15:03:35 星期一     &
    • SpringSecurity3.X--SpEL 表达式 hanqunfeng SpringSecurity
      使用 Spring 表达式语言配置访问控制，要实现这一功能的直接方式是在<http>配置元素上添加 use-expressions 属性：   <http auto-config="true" use-expressions="true"> 这样就会在投票器中自动增加一个投票器：org.springframework
    • Redis vs Memcache IXHONG redis
      1. Redis中，并不是所有的数据都一直存储在内存中的，这是和Memcached相比一个最大的区别。 2. Redis不仅仅支持简单的k/v类型的数据，同时还提供list，set，hash等数据结构的存储。 3. Redis支持数据的备份，即master-slave模式的数据备份。 4. Redis支持数据的持久化，可以将内存中的数据保持在磁盘中，重启的时候可以再次加载进行使用。 Red
    • Python - 装饰器使用过程中的误区解读 kvhur JavaScriptjqueryhtml5css
      大家都知道装饰器是一个很著名的设计模式，经常被用于AOP(面向切面编程)的场景，较为经典的有插入日志，性能测试，事务处理，Web权限校验， Cache等。 原文链接：http://www.gbtags.com/gb/share/5563.htm Python语言本身提供了装饰器语法（@），典型的装饰器实现如下：   @function_wrapper de
    • 架构师之mybatis-----update 带case when 针对多种情况更新 nannan408 case when
      1.前言.    如题. 2. 代码.   <update id="batchUpdate" parameterType="java.util.List"> <foreach collection="list" item="list" index=&
    • Algorithm算法视频教程 栏目记者 Algorithm算法
      课程：Algorithm算法视频教程 百度网盘下载地址： http://pan.baidu.com/s/1qWFjjQW 密码: 2mji 程序写的好不好,还得看算法屌不屌！Algorithm算法博大精深。 一、课程内容： 课时1、算法的基本概念 + Sequential search 课时2、Binary search 课时3、Hash table 课时4、Algor
    • C语言算法之冒泡排序 qiufeihu c算法
      任意输入10个数字由小到大进行排序。 代码： #include <stdio.h> int main() { int i,j,t,a[11]; /*定义变量及数组为基本类型*/ for(i = 1;i < 11;i++){ scanf("%d",&a[i]); /*从键盘中输入10个数*/ } for
    • JSP异常处理 wyzuomumu Webjsp
      1.在可能发生异常的网页中通过指令将HTTP请求转发给另一个专门处理异常的网页中: <%@ page errorPage="errors.jsp"%>   2.在处理异常的网页中做如下声明： errors.jsp: <%@ page isErrorPage="true"%>，这样设置完后就可以在网页中直接访问exc
    按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他