• 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>
  • 相关阅读:
    【Hadoop】MapReduce练习:多job关联实现倒排索引
    【Hadoop】MapReduce练习:分科目等级并按分区统计学生以及人数
    【Zookeeper】利用zookeeper搭建Hdoop HA高可用
    【Linux】部署NTP时间同步服务器
    VSCode前端文件以服务器模式打开
    移动端公共方法封装
    常用浏览器及内核
    XHTML和HTML的区别
    javascript算法
    计算属性和侦听器
  • 原文地址:https://www.cnblogs.com/superxu/p/6903564.html
Copyright © 2020-2023  润新知