zoukankan      html  css  js  c++  java
  • first day

    ---恢复内容开始---

    最近的node.js学习,感觉代码使用不熟悉,有时候有点懵逼,比如通过后台获取前台的text.value,

    在技巧上的小使用,使用if判断时,比如运用三目运算时,代码更加简便,高端一点,div的碰撞,首先是获取

    鼠标的位置,然后赋值给div,重点div要定位不然不会移动,运用时要细心:

    实用代码如下:---》

    //----封装后绑定的判断是否碰撞

    function judge_impact(obj1,obj2) {
    var move=document.getElementById('move');
    var move_left = obj1.offsetLeft + obj1.offsetWidth;
    var fixed_left = obj2.offsetLeft;
    var move_top = obj1.offsetTop + obj1.offsetHeight;
    var fixed_top = obj2.offsetTop;
    var move_right = obj1.offsetLeft;
    var fixed_right = obj2.offsetLeft + obj2.offsetWidth;
    var move_bottom = obj1.offsetTop;
    var fixed_bottom = obj2.offsetTop + obj2.offsetHeight;
    if (fixed_left > move_left || fixed_top > move_top || move_right > fixed_right || move_bottom > fixed_bottom) {
    console.log('没有碰撞');
    } else {
    return true;
    }
    }
    //---------------------获取鼠标的值
    $(window).mousemove(function(e){
    x= e.clientX,
    y= e.clientY;
    console.log('s:'+s,'d:'+d);
    console.log('x:'+x,'y:'+y);
    $('#move').css({
    left:x-50,
    top:y-50
    })
    })

    //----------------------三目的运用
    <script type="text/javascript">
    var a = ['a','a','a','b','b','c','c','c','c','d','hha','niha'];
    var s = '';
    var json = {};
    a.forEach(function(val,index){
    if(s!=val){
    s = val;
    }
    json[s]?json[s]++:(json[s]=1);
    })
    console.log(json)
    </script>
  • 相关阅读:
    vue2.0 动画
    I. 对缓存进行处理
    G. 【案例】Ajax实现无刷新分页效果
    H. Ajax对XML信息的接收与处理
    F. 异步同步请求
    D. 接收服务器端返回的信息
    E. 请求GET和POST的不同
    C. 发起对服务器的请求
    B. 创建Ajax对象
    A. AJAX介绍
  • 原文地址:https://www.cnblogs.com/superxu/p/6903564.html
Copyright © 2011-2022 走看看