Web
Web

php获取明天后天下星期时间戳

function futureTime($command){
    list($com,$n,$x)=explode("-",$command);
    if($com=="xq"){
        $time=date("w",time( ));
        $array = ["7","1","2","3","4","5","6"];
        $time=date("w",time( )); 
        $tmp=strtotime(date('Y-m-d',strtotime('+'.($n*7).' day')))-(($array[$time]-$x)*24*60*60)-8*60*60;
        return [$tmp,$tmp-time()];
    }
    if($com=="rq"){
        $tmp=strtotime(date('Y-m-d',strtotime('+'.$n.' day')))-8*60*60; 
        return [$tmp,$tmp-time()];
    }
}

获取下星期三:futureTime("xq-1-3")

xq:星期标识

1:代表下星期 2:代表下下星期 n:代表第n个星期

3:代表星期三 (1.2.3.4.5.6.7 星期一到星期天)

获取明天:futureTime("rq-1")

rq:日期标识

1:代表下一天

返回值:索引数组,一个是日期的时间戳,另一个是现在距离日期的秒数。

注意:所有的时间都是秒数,并且是从00:00:00开始计算的。


layui form on触发多次的问题

ThinkAdmin后台使用的layui框架,其中的data-open,和data-modal存在一些使用上的问题。例如table表有两个功能项。编辑,增加。

编辑是data-modal

增加是data-open

其中都使用了form.on

复现步骤如下:先点击编辑,然后点击增加。会发现增加里面触发了编辑的form.on事件。百度了一下也没有结果,没办法去查看了layui的源码。

绑定事件源码:

//表单事件监听
  Form.prototype.on = function(events, callback){
    return layui.onevent.call(this, MOD_NAME, events, callback);
  };

调用了一个call

Layui.prototype.onevent = function(modName, events, callback){
    if(typeof modName !== 'string' 
    || typeof callback !== 'function') return this;
    return Layui.event(modName, events, null, callback);
  };

查看event事件

//执行自定义模块事件
  Layui.prototype.event = Layui.event = function(modName, events, params, fn){
    var that = this
    ,result = null
    ,filter = events.match(/\((.*)\)$/)||[] //提取事件过滤器字符结构,如:select(xxx)
    ,eventName = (modName + '.'+ events).replace(filter[0], '') //获取事件名称,如:form.select
    ,filterName = filter[1] || '' //获取过滤器名称,,如:xxx
    ,callback = function(_, item){
      var res = item && item.call(that, params);
      res === false && result === null && (result = false);
    };
    
    //添加事件
    if(fn){
      config.event[eventName] = config.event[eventName] || {};
      //这里不再对多次事件监听做支持,避免更多麻烦
      //config.event[eventName][filterName] ? config.event[eventName][filterName].push(fn) : 
      config.event[eventName][filterName] = [fn];
      return this;
    }
    
    //执行事件回调
    layui.each(config.event[eventName], function(key, item){
      //执行当前模块的全部事件
      if(filterName === '{*}'){
        layui.each(item, callback);
        return;
      }
      
      //执行指定事件
      key === '' && layui.each(item, callback);
      (filterName && key === filterName) && layui.each(item, callback);
    });
    
    return result;
  };
  win.layui = new Layui();

其中可以看到 

config.event[eventName][filterName] = [fn];

可以将事件重置,所以在增加里面重新绑定编辑的事件就可以了,function可以设置为空。

layui table 选中返回

需要重写一下modules/table.js,从官网下载layui的源码。然后复制一份table.js到modules目录下,重命名为tables.js。

如果直接lay.use("tables")是无法加载的,所以需要更改一下layui.js或者layui.min.js,添加到内置对象里。

添加为:tables:"modules/tables"。这样就可以正常的使用,这也是实际更改过程中费时最久的一个部分。

找到如下代码:

that.elem.on('click', 'input[name="layTableCheckbox"]

增加如下代码:

// iwonmo 逻辑开始 把选择框写入到本地存储里
var xi = checkbox[0].getAttribute("data-indexkey");
if(xi>0) {
    var xjson = localStorage.getItem("iwonmo_table");
    if(xjson==null){
        if($(checkbox[0]).is(':checked')==true){
            var xjsons=[]
            xjsons.push(xi);
            localStorage.setItem("iwonmo_table",JSON.stringify(xjsons))
        }
    }else{
        xjson=JSON.parse(xjson)
        if($.inArray(xi, xjson) == -1)
        {
            if($(checkbox[0]).is(':checked')==true){
            xjson.push(xi)
            localStorage.setItem("iwonmo_table",JSON.stringify(xjson))
        }
        }else{
            if($(checkbox[0]).is(':checked') == false){
                delete xjson.splice([$.inArray(xi, xjson)],1);
                localStorage.setItem("iwonmo_table",JSON.stringify(xjson))
            }
        }
    }
}
// iwonmo 逻辑结束

找到如下代码

//渲染不同风格的列
switch(item3.type){

增加如下代码

// iwonmo 逻辑开始
var my_key="";
var ischecked = ""
if('id' in item1)
{
    my_key="data-indexKey="+item1.id
    var xjson = localStorage.getItem("iwonmo_table");
    if(xjson != null){
        xjson=JSON.parse(xjson)
        if($.inArray(""+item1.id, xjson) > -1)
            ischecked="checked";
    }
}
// iwonmo 逻辑结束

效果如下

222222.gif

取值方法也没有受到影响

微信截图222.png


下载:tables.zip


js人脸识别

<!DOCTYPE html>  
<head> 
 <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />  
    <script type="text/javascript" src="http://www.jq22.com/demo/tracking-Plus201710110918/js/tracking-min.js"></script>
    <script type="text/javascript" src="http://www.jq22.com/demo/tracking-Plus201710110918/js/face-min.js"></script>
    <style type="text/css">
        .v{
            margin-left: -9999px;
            float: left;
        }
    </style>
</head>  
<body>  
    <input type="button" title="开启摄像头" value="开启摄像头" onclick="getMedia();" /><br />   
    <video height="320px" class="v" id="video" autoplay="autoplay"></video><hr />   
    <canvas id="canvas" width="480px" height="320px"></canvas>  
    <script type="text/javascript">  
    let video = document.getElementById('video');
    let canvas = document.getElementById('canvas');
    let context = canvas.getContext('2d');
    context.lineWidth = 10;
    context.strokeStyle = '#ff0202';
    function getUserMedia(constraints, success, error) {
        if (navigator.mediaDevices.getUserMedia) {
            //最新的标准API
            navigator.mediaDevices.getUserMedia(constraints).then(success).catch(error);
        } else if (navigator.webkitGetUserMedia) {
            //webkit核心浏览器
            navigator.webkitGetUserMedia(constraints,success, error)
        } else if (navigator.mozGetUserMedia) {
            //firfox浏览器
            navigator.mozGetUserMedia(constraints, success, error);
        } else if (navigator.getUserMedia) {
            //旧版API
            navigator.getUserMedia(constraints, success, error);
        }
    }
    function success(stream) { 
        let CompatibleURL = window.URL || window.webkitURL; 
        video.srcObject = stream;
        video.play();
    }
    function error(error) {
        alert('访问用户媒体设备失败,请尝试更换浏览器')
    }
    function getMedia() {
        if (navigator.mediaDevices.getUserMedia || navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia) {
            getUserMedia({video : {width: 480, height: 320 }}, success, error);
        } else {
            alert('不支持访问用户媒体');
        }
    }
    var tracker = new tracking.ObjectTracker(['face']);
    tracker.setStepSize(1.7);
    tracking.track('#video', tracker);
    tracker.on('track', function(event) {
       // context.clearRect(0, 0, canvas.width, canvas.height); 
        context.drawImage(video,0,0,480,320);
        if(event.data.length == 0){
            console.log("没有检测到人脸")
        }else{
            event.data.forEach(function(rect) {
            context.strokeRect(rect.x, rect.y, rect.width, rect.height);
        });            
        }
      });
    </script>  
</body>