jQuery 触发事件 移动端和pc端的区别

 jQuery 触发事件 移动端和pc端的区别

mousedown	event.pageX
mousemove	event.pageX
mouseup	          event.pageX
touchstart	event.originalEvent.touches[0].pageX  &  event.originalEvent.changedTouches[0].pageX  &  event.originalEvent.targetTouches[0].pageX
touchmove	event.originalEvent.touches[0].pageX  &  event.originalEvent.changedTouches[0].pageX  &  event.originalEvent.targetTouches[0].pageX
touchend	event.originalEvent.changedTouches[0].pageX  &  event.originalEvent.targetTouches[0].pageX

  其中关于touch触摸事件的触摸列表:

    touches :当前位于屏幕上的所有手指的一个列表。
    targetTouches :位于当前DOM元素上的手指的一个列表。
    changedTouches :涉及当前事件的手指的一个列表。

matterjs给刚体赋予纹理方法

matterjs给刚体赋予纹理方法

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <title>
        Document
    </title>
    <style type="text/css">
    .gangtiwenli {
        width: 30px;
        height: 30px;
        background: #F00;

        position: absolute;
        left: 20%;
        top: 30%;
        z-index: 22;
    }
    </style>
</head>

<body>
    <div class="gangtiwenli"></div>
    <script src="/fudiqixi/js/jquery.min.js"></script>
    <script src="/fudiqixi/js/matter.js"></script>
    <script type="text/javascript">
    $(function() {
        var Engine = Matter.Engine,
            Render = Matter.Render,
            World = Matter.World,
            Bodies = Matter.Bodies;

        var engine = Engine.create(),
            world = engine.world;

        var render = Render.create({
            engine: engine,
            element: document.body
        });

        Engine.run(engine);
        Render.run(render);
        var boxA = Bodies.rectangle(500, 170, 40, 260);
        var ground = Bodies.rectangle(400, 600, 600, 100, { isStatic: true });
        World.add(world, [boxA, ground])


        /*这里加个定时器 让html元素跟随刚体坐标移动*/
        setInterval(function() {
            console.log(boxA.position.x);
            console.log(boxA.position.y);
            $('.gangtiwenli').css('left', boxA.position.x);
            $('.gangtiwenli').css('top', boxA.position.y);

        }, 60)

    });
    </script>
</body>

</html>

ps:在物理引擎中 不能给增加设置坐标

html5 点击播放video的方法

html5 点击播放video的方法

 <video  videosrc="{$vo.shipinurl}" controls="" x5-playsinline="" playsinline="" webkit-playsinline="" poster="">
          </video>

      var videosrc=$(this).parents('.shipincontainer').find('video').attr('videosrc');
        $(this).parents('.shipincontainer').find('video').attr('src',videosrc);
        $(this).parents('.shipincontainer').find('video')[0].play();

ps:事先不能把地址src写上 不然浏览器肯定会尝试加载 会影响整体页面加载时间

php 5.5使用 array_column的方法

php 5.5使用 array_column的方法
 public function array_column($input, $columnKey, $indexKey = null)
    {
        $columnKeyIsNumber = (is_numeric($columnKey)) ? true : false;
        $indexKeyIsNull    = (is_null($indexKey)) ? true : false;
        $indexKeyIsNumber  = (is_numeric($indexKey)) ? true : false;
        $result            = array();
        foreach ((array) $input as $key => $row) {
            if ($columnKeyIsNumber) {
                $tmp = array_slice($row, $columnKey, 1);
                $tmp = (is_array($tmp) && !empty($tmp)) ? current($tmp) : null;
            } else {
                $tmp = isset($row[$columnKey]) ? $row[$columnKey] : null;
            }
            if (!$indexKeyIsNull) {
                if ($indexKeyIsNumber) {
                    $key = array_slice($row, $indexKey, 1);
                    $key = (is_array($key) && !empty($key)) ? current($key) : null;
                    $key = is_null($key) ? 0 : $key;
                } else {
                    $key = isset($row[$indexKey]) ? $row[$indexKey] : 0;
                }
            }
            $result[$key] = $tmp;
        }
        return $result;
    }