前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

松下伺服停止旋转的原因及处理

故障原因是主电源电压过低,瞬间断电。当电源切断时,电压检测电路发生故障。在这种情况下,首先检查外部电压是否有问题。如果没有,则重点检查驱动板的电压检测电路或电源电路,并报告松下驱动维护的13个故障。在许多情况下,它是电源电路的电容器。或者三极管出现问题并发出警报,或者在使用时不显示。我们也遇到过许多这样的情况。松下伺服停止旋转的原因及处理?

让小球做圆周运动,你有几种办法?

最近在阅读外国技术文章中无意中发现了一个神奇的CSS属性motion-path,它可以让Dom元素可以按照自定义的路径移动。

又想起了很久之前参加校招面试的时候,面试官问了我一个问题“能不能不借助库实现小球在浏览器中做圆周运动?”,于是就整理了一下让小球圆周运动的方法(纯属无聊不喜勿喷)。

因为之前的题目过于简单,作为一个需求来说缺少了一些必要条件,于是,我们给它增加一些条件,让他看起来更靠谱些。

在浏览器中间600px*600px的指定区域内,不借助任何第三方插件,利用原生JavaScript或者CSS让一个半径为25px的小球围绕指定区域的中心做圆周运行,你有几种方法?

JavaScript做个贪吃蛇小游戏(过关-加速),无需网络直接玩。



JavaScript做个贪吃蛇小游戏(过关-则加速)

在浏览器打开文件,无需网络直接玩。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /*去除默认样式*/
        *{
            margin: 0;
            padding: 0;
        }

    /*    设置外层的容器 game*/
        #game{
            height: 400px;
            width: 340px;
            border: 10px black solid;
            border-radius: 20px;
            background-color: #b7d4a8;
            margin: 100px auto;
        /*    开启弹性盒*/
            display: flex;
        /*    设置主轴的排列方向*/
            flex-flow: column;
            /*设置侧轴上元素的对齐方式*/
            align-items: center;
            /*设置主轴上的对齐方式*/
            justify-content: space-around;
        }

    /*    设置游戏的主窗口 stage*/
        #stage{
            width: 300px;
            height: 300px;
            border: 2px black solid;
        /*    开启相对定位*/
            position: relative;
        }

    /*    设置蛇的样式*/
        #stage .snake_body{
            width: 8px;
            height: 8px;
            padding: 1px;
            border-radius: 2px;
            background-color: #000;
            /*
                background-clip: content-box 用来设置背景只在内容区显示
            */
            background-clip: content-box;
        /*    开启绝对定位*/
            position: absolute;
        }

    /*    设置食物的样式*/
        #food{
            width: 8px;
            height: 8px;
            padding: 1px;
            position: absolute;
            top:40px;
            left: 50px;
        }

        #food > div{
            float: left;
            width: 4px;
            height: 4px;
            background-color: #000;
            /*设置div旋转45度*/
            transform: rotate(45deg);
        }

    /*    设置游戏信息*/
        #info{
            width: 300px;
        /*    设置字体*/
            font:bold 20px Courier, monospace;
        /*    开启info的弹性盒*/
            display: flex;
        /*    设置元素在主轴上的对齐方式*/
            justify-content: space-between;
        }

    </style>
</head>
<body>

<!--创建最外层的游戏窗口-->
<div id="game">
<!--    创建游戏的主窗口 -->
    <div id="stage">
<!--        创建一个蛇-->
        <div id="snake">
<!--            创建蛇的身体-->
            <div class="snake_body"></div>
        </div>

<!--        创建食物-->
        <div id="food">
<!--            下边的四个div 用来为食物设置造型-->
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>

    </div>
<!--    创建保存游戏信息窗口-->
    <div id="info">
        <div>
            SCORE:<span id="score">0</span>
        </div>
        <div>
            LEVEL:<span id="level">1</span>
        </div>
    </div>
</div>

<script>
    /*
        编写游戏的js代码
            1.先使snake可以根据按键来向不同的方向移动
     */
    // 获取游戏主窗口
    var stage = document.getElementById('stage');
    // 获取snake
    var snake = document.getElementById('snake');
    // 获取所有蛇的身体 蛇头就是 snakeBody[0]
    var snakeBody = document.getElementsByClassName('snake_body');
    // 创建两个变量,来记录元素的极限位置
    var MAX_LEFT = stage.clientWidth - snakeBody[0].offsetWidth;
    var MAX_TOP = stage.clientHeight - snakeBody[0].offsetHeight;
    // 获取食物的元素
    var food = document.getElementById('food');
    //创建变量记录分数和游戏的等级
    // 创建一个变量,表示运动的方向
    var direction, score = 0, level = 1;
    // 获取分数和等级的元素
    var scoreSpan = document.getElementById('score');
    var levelSpan = document.getElementById('level');

    // 创建一个数组,来存储所有的合法的键值
    var keyArr = ["Down","ArrowDown","Up","ArrowUp","Left","ArrowLeft","Right","ArrowRight"];

    // 为document绑定一个键盘按下的事件
    document.addEventListener('keydown',function (ev) {

        // 判断用户按的是否方向键

        if(keyArr.indexOf(ev.key) !== -1){
            //修改direction的值
            direction = ev.key;
        }
    });

    // 定义一个函数,用来生成食物(随机摆放食物)
    function makeFood(){
        // 随机生成两个坐标 0-29
        var left = Math.round(Math.random()*(MAX_LEFT/10))*10;
        var top = Math.round(Math.random()*(MAX_TOP/10))*10;

        // 修改food坐标
        food.style.left = left + 'px';
        food.style.top = top + 'px';
    }

    // 一上来随机生成一个食物
    makeFood();


    // 开启一个定时器,来控制蛇头的移动
    setTimeout(function main() {
        //创建两个变量,用来记录蛇头的位置
        var left = snakeBody[0].offsetLeft,top = snakeBody[0].offsetTop;
        switch (direction) {
            case "Down": // IE/Edge specific value
            case "ArrowDown":
                // 向下移动,增加蛇的top值
                top += 10;
                // 检查有没有第二节
                //snakeBody[1]  sankeBode[1].offsetTop === top
                if(snakeBody[1] && snakeBody[1].offsetTop === top){
                    //掉头了
                    top -= 20;
                }
                break;
            case "Up": // IE/Edge specific value
            case "ArrowUp":
                // 向上移动,减少蛇的top值
                top -= 10;
                if(snakeBody[1] && snakeBody[1].offsetTop === top){
                    //掉头了
                    top += 20;
                }
                break;
            case "Left": // IE/Edge specific value
            case "ArrowLeft":
                // 向左移动,减小蛇的left值
                left -= 10;
                if(snakeBody[1] && snakeBody[1].offsetLeft === left){
                    //掉头了
                    left += 20;
                }
                break;
            case "Right": // IE/Edge specific value
            case "ArrowRight":
                // 向右移动, 增加蛇的left值
                left += 10;
                if(snakeBody[1] && snakeBody[1].offsetLeft === left){
                    //掉头了
                    left -= 20;
                }
                break;
        }


        //判断蛇是否撞墙
        if(left < 0 || top < 0 || left > MAX_LEFT || top > MAX_TOP){
            alert('撞墙了!Game Over');
            // 游戏结束
            return;
        }

        // 检查蛇是否吃到了食物
        if(left === food.offsetLeft && top === food.offsetTop){
            // 当蛇头的坐标等于食物坐标时,证明蛇吃到了食物
            /*
                吃到了食物:
                    1.改变食物的坐标
                    2.分数要增加
                    3.蛇要变长
             */
            // 改变食物的位置
            makeFood();
            // 增加分数
            score += level;
            // 修改分数
            scoreSpan.innerHTML = score;

            // 蛇变长,就是为snake中增加一个div
            // 创建一个新的div
            var newBody = document.createElement('div');
            // 设置class
            newBody.className = 'snake_body';
            // 将newBody添加到snake中,我希望将让新的身体成为蛇头
            // 将新的身体的坐标设置为蛇头的坐标
            newBody.style.left = left + 'px';
            newBody.style.top = top + 'px';
            // 将新身体放到蛇头的前边,成为新蛇头
            snake.insertBefore(newBody, snakeBody[0]);

            //判断是否提升等级
            if(level < 10){
                level = Math.floor(snakeBody.length/2) + 1;
                // 修改level中的文字
                levelSpan.innerHTML = level;
            }
            // 吃到食物就相当于向前走了一格,没有必要在向下执行了
            setTimeout(main, 300 - (level-1)*30);
            return;
        }

        // 使蛇的身体跟随蛇移动
        // 将后边身体位置,设置为它前一个身体的位置
        // 第5节身体的位置,应该等于第4节的,第4节的应该等于第3节 ...
        // 修改位置时要从后往前修改 先改最后一节,然后倒数第二节...
        // 遍历所有的蛇的身体
        for(var i=snakeBody.length-1; i>0; i--){
            //snakeBody[i]的位置设置为snakeBody[i-1]的位置
            // 获取前一节身体的位置
            var pLeft = snakeBody[i-1].offsetLeft;
            var pTop = snakeBody[i-1].offsetTop;

            // 判断身体的位置是否和头的位置碰撞
            if(left === pLeft && top === pTop){
                // 发生碰撞
                alert('撞到自己了 Game Over!');
                return;
            }

            // 当前当前身体的位置设置稍微前一节身体的位置
            snakeBody[i].style.left = pLeft + 'px';
            snakeBody[i].style.top = pTop + 'px';
        }


        // 修改蛇头的位置
        snakeBody[0].style.left = left + 'px';
        snakeBody[0].style.top = top + 'px';

        // 在开启定时器
        setTimeout(main, 300 - (level-1)*30);
    },300 - (level-1)*30);


</script>
</body>
</html>

工业品知识科普 I 常用仪器仪表的使用

基本操作

CAD中如何等分线段?这份CAD等分攻略接住

等分即等量划分,就是将一个物体或数量等分几份的一种解题方法。你知道CAD中如何等分线段吗?本文小编以等分线段为例给大家详细介绍一下CAD等分快捷键的应用技巧,感兴趣的设计师小伙伴们不要错过这份CAD等分攻略哦!

CAD等分线段方法:

浩辰CAD中等分有两种方式:定距等分和定数等分。下面给大家讲解一下这两种方式等分线段的具体操作步骤:

让交互更加生动!有意思的鼠标跟随 3D 旋转动效

今天,群友问了这样一个问题,如下所示的鼠标跟随交互效果,如何实现:

简单分析一下,这个交互效果主要有两个核心:

简单端庄发型设计步骤 端庄优雅发型DIV

简单端庄发型设计步骤_端庄优雅发型DIV,步骤如下:

3种方法(div法、css法、js法)制作html的旋转太极图

1.说明:

推荐指数:★★★★

通过动画太极的方法,增加学习兴趣,对html的结构和css、JavaScript、div的认识和了解会逐步深入。


2.复习html的结构框架

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>html结构基本框架代码</title>
    </head>
    
    <body>
    </body>

</html>

VBA之Word应用第三章第五节:文档Document对象的属性(二)

《VBA之Word应用》(版权10178982),是我推出第八套教程,教程是专门讲解VBA在Word中的应用,围绕“面向对象编程”讲解,首先让大家认识Word中VBA的对象,以及对象的属性、方法,然后通过实例让大家感受到Word VBA 的妙处。

这套教程是专门针对WORD VBA 的教程,是VBA中的稀缺资源,我给这套教程分归为中级教程,希望大家在VBA入门后再学习这套教程,这样会更加深入的理解面向对象编程的意义。

本套教程共三册十六章,今日内容为:VBA之Word应用第三章第五节:文档Document对象的属性(二)

魔兽世界WLK全职业属性显示WA

效果如图


!WA:2!TZ16tUXXXDYIFijxfvvm)aRs25dBqkkciccI3h5jtxc3D4EyI7rbGt0kjoGlWo4WkcSlQDxqYlVQJuYuKMuI0uIMmuukuNjf1dBj6ZkY08HuQK)bqXk)fWClUJFYv5Yv(QtpZShUDxml2f4ILSvruxDy3DMPN(x390tp9Sy26yBV22f2UWPdQi3qRQOeszM5YNzYPtx8y8Zlp5OxSYrIOKR0lDW9RC8zkxwfPnX)XrQ)Mx6397(TlvQHQMCT8OJR9OYnKkPjkl5pWaijbLfmQ6ZlC69E9TSLTSmVuPkYkZklkPvC4zYNFMPQZjiQwVk)c42xOSSsnETc1lOjwdzC3wR)xSrpmxDbEnuw0rrsArBOuT(3QIMwD1H27EX8zir592Mr3BCfEcZOMmRQgVI2afllkjQwzGHHV0EMIuQE8XgCDUMd)CG15GpvLlXxLtdZziLrQYRQYDaovnfrP5d1OEDKIFvuvujn)rdYnh0msv8VlA93vGaMPY081qJjlPbuGBC468YYv1eRJXtguzTidnosdxULUE6g1k2Fnkh0Kij5S9zp7P1L(0vEWBS6vFLwx626lE)wN)8R9f3gUv)NDz9BCl9BF(oi0u8IsaXmO6ZYf1GqV590V)DB9lU0k3)gTUYNV6nUlLIMP1V((Nt)8FsR38xPF(ROV4RbvO1BFZ1U9ldmrx6SiM7TiHcZO)CNRL1QGuSsidgx)h8zRCVFS(p)DAT4TCIXzto2mgLEguQBmgwrngqcF5NyYPngz5Zu5ZcMnPubkYfzOvpZhS6fo1OZMly0Ham36AFc(6yd1A57T6p(YbJpK(B)E6)GZgmXqREUxFL7E3GjhsFP3beqRDH33ejvqZJnPpa3Hq8hjvdfE1q0hP(3Yd3vajD0qIcFFJhAQH5041AmMcyYbnEefemEJCNFFKV8fKZ3gvbUJsaQv4gfmuoK2Hef0Q4ps4WSkCcK48v08pycwfMQA9k8(dhAFSkK4(WVVrspD(0zbgim8xN1RI8XmgAycBQ4kyyvBQYgOeus5iJW9ljwni3UM5fsNntQxCxuY0UTyEGmYB9X1bnzbhKQRz0ekBVlQBVSto(e53vqtmb0F0IYKEmCjBGklu57coTelVWe(3fLebSJUO9l0I6iUiJa6eyrnHQ8ZmBpdPOEcpX6x8eRxXtS(ap7XefTtkxHw8(fAX7vOfFtcTNnQDI5k4s0VGlrVcUeBwWfZoXCfCj7xWLSxbxYnl4IBNyUcUb7xWnyVcUb3SGlHDIXgCW8QJIulPiweTN9WA6aO0nZmcqZ76KcrypRGrZSmXGbqBxN2sG1fojG)ytNnWoHiDoZWMaLr7gePriXycc3ayuwOlkdk4g0ITjGwS(bAXCdAXCdAX8i0IVjGw8(bAXDdAXDdAX9i0sSjGwI(bAjCdAjCdAj8i0sUjGwY(bAjDdAjDdAj9i0gCtaTb7hOnOBqBq3G2GDdAMWx7ebaRTEKgkkijTjLklBSoInQxHG4)KAud42cGSaQEE(QqTZZxK0Gio2IOo0IOo2Iyo0Iy2BrdvKgPgTFUyzctY9Di9mhVKGP7JXbYBPbmNJG2uaNbH2LGQQIOukkTLrwNsr9eLIYGsXSrPyRZJDLsXSqjVW6scTV2Su5qPkaYtCEBgUr5Y(9rtBJVGX3x0KXcqykRP(bw6(OPtLFIdon2cZxNS5E2ZOheNZJ7VO(PU9AVYDw7JVH(hF1vUZDPRw3sDnwT)b4I7mEAxh2GbWqNmy25MCuMSgN(N)lF8YNyL7)dbwC1x)26x79BDLpj(Q)I7PFJpyT)9ZIz8tFk9t)rWtPPC4)zXtqzC4cAcjGlOzGWcTb(WKKh42o7ElOjQLImShSqHyUqHyUsbQHoOFZvHVosTIyzWFJsTjh1FaCX7ZLoiEhDGZ1nI16AsbzWyDOKMnvMuJo50oOMU2p5XF4ps)N8rRCNxt)MpyTp5tF0IVh8N(BDDWsQ11oZJVYYTE5pGKKPRakrAPR9fxb0BRCVBsvM6NgB5PFHBTPuuErm)LHC0qYejy0G6x4CTU8NT2l)a9tC1yTU(VeedUkUZnrQPs5G0ETl8(TU37c2(TU(VQ1R9XMLERC3trLT)E2y3nzyYEqggR3TfZoz6CSDMXT6zUL(Don2XWdEdQKbBbE1lR)GFowjS0hbo4WpH4WaCKm6S5Wv(cVN(P)x3Ou3DyeRNLH9JeWauXcgNReVehwqWXRYrTLawx)INJYREXM6qPYMDYzYYwU160xbg)sNjagTQ)5VR(T(IwlEIUnFa0jo6TkY((YCywIGjDuarzCViGYoZ4ZLMH4H1CAoqIjMJKC3UqJeeRusgWx79oXQx7SR9fxB13hZF4r0NzrS)Wx7sRE2FQnmoiNMmmhWq6N)dPORD(2DLPMk14Dfwr9IPtMzg5GEJiu(D)y(ns4n432J36iWG1)2wWSni7zgjED)ygIx1EKJtLRosPen4PA8AvcvUQSSIFJqKGcrcTJrka3E5geVjiHdZTBUWHseWCqjMO0b4c3jm3itn4nYYpDh(877FQu5YHdxg(4JluioFH9fiGZXg5nI0MvmtktM8wwzaHq(w9w37Xl(V5ZcIOsSnC3BA0IVPqvrioqvyQjBivlYRIcYvxwfhJjekpAE8fGiglutPPXx6iZkFmKYgI2NJbvqLlJa94rX7gdMIGq3GKWvg0856u8S((fqbgw0uUCm4dr00MMby3qlcf6UV5JrvJYufG)uQe3odfT8o3PVGK1sjxRiVwwEnyXHdll1q1)izlmrQC5txyQ0zsNoqawu3kxS4nTQASMRDpXfkIAJuHxQeYpZomM1o8QFQ(REpMk2skfPliJnUMmVbQy00k1OTCcrTPKfellcQ)a2Nmat))LdWbRIMejBLAg3WEMGnYjVRcb)q3VBm5TJF7tfyjnou5H(p6bRCNFglfqcVQasPutwzwKestHN(wceiGzQXG0whEE9pD13CzFbywFQ8Tgy9s8xfKtUCzYvwgWzZxMDjF724SKoPJOnzscA3l(FaGzWk2L6SMS2BDIz67fDzs7dPToyYy(Qn81fTdFDJWRQ5ORoGpQwDu(A8ZJgtubrTXjpKmSGwI5mwWSPtdmQJnoUB9RISQMdTnHlTfc9sq(yo04KU04ukqetiYRPbJwpiRwZRGF)e(hTj1c2HOiOD8fSdMoyhCY)C3z31NIVg)X93qQomMWpWob6yOqhQ0dWqvHDpXqbEGovm2QPH26am0c2QPXtTvxdHo7HP4QLdMwu844x5c67nIpwRfZICb3dDGAV0bREIpYPoWICNLa0l0FTx9dx9v(SEVlOYyV0d6N629o5numEsfC1l370VhuX638MDsFwUb7AurM6BpexKjwG1qCsXWS80GdCjCHCZMotMogbANe0GaCwEyU3c3vzHvwe)ITzP92zeNYwAYejJgGtwXXkeDF7BW9fO7SSPEhInjIhclXT5gjHBSonzfONxdSjQN6PUhFlv1(7N4BTXfe7xtb5oy)gLlDHlLGj8BB6ofVeFw08ij)EoaWWHtMehaOWE3PaWGK1U8S4DMzDcd3WIbTgZh49w)TEhwYfNJrkwmosxIniNaXxvRYuWKDTd6JvNAn(O1E3fF8RE(UfFuSoIpI2r(c4fNo4vPgomXPJLygW0aV)zb806YajtVUUmSK5RE7wBllWUDB0(1U9j(mP8D3xt1xk(p)6KlessA6vpiVXB7IhK4D4bjpV0rCmrsK1ohCJm3yCpp9lNsYeU0UNEPVQssLRln)58MJuSbI1CAraTNCG(dVbjDcBIeBnQSW8OULtjRolx7Ul)4l)HD61cO0SWIWwyDkHZ(t4UKdc2UwlvA)73g)zHQ24pN8SE23Q178z(8AMkI1Rjz0PULvwgT7dMkQggS5osNIkh965bpF2Mx0sp4KyZQxWwx)(To37YqS1l7uV39rd8jRC)4eZzpFpDxNgVV1PX7DD6FWMsvVLwt)ykVBGGEkLQj84kp(kn22e2NzIUlB96Khz5LMhj8K95GgpD2utpE6r)YjGAQK))p3UdfxgCAGoMJov82WtfRJpBF7MEppi0gpcv5Rh76rhnHUhdvLp2O1MpixfrYx2hucpP9w8UXOtJKuZE)q88orOYyMO(Axhs2rmXPLiwW1WmUAfGBL89hqbX(Kn)4RJB(rpmVsOq(2RVqH6TmhJhiaRj9j7O(tYw(xNYw(tEna(J)xdaBVizM(nEKfnVOQgsjn(KxWVVuJKFYxiDH8PYKE68fgp7mZnBHrMGefOVaU02zZK6ftND92o3SJMkFAxBeTAfYnrQztNBIjhlFHXMj7uETVYME80txy0jZLA4mENdPTk90ERrPgD0zMUqMzsnQhQ8CtdoYsnx2u(y9lCpxjfX6qTMrIuDql3(G1qfvfIWHC(x0Hzl5PKemSb5XoCm9C2srRvQB6wR1KPMK9Ggh)f1ykqWoiSn1gBkZ(Kdy)9spSUkUx6GeShUbFB(xmvEXAOCIWeKz4vno8sApFJXRPP9tzHYgNRcKFevZn5S8kT11LTACqPhdRJQ81vrcwzq2CcRNU71jGD7l)SQ93H8oGYwYz(np14fCfSFI0zYJ6MyYrjC3oviO1GE0uyvOLt8FGKXwy1p(m)tnoKLIC68KaZegNsmdCrb5c0ZqMdFsnfX5NhPO(6pJIXL)VdRTqD0WnGk)OgQOc8vpg)cQAknqh(rQnksSePV(alxyeiWTc5YNkB(LeqfHhMhAQYePZm7yZLjBjCEdlsFJOB(ulnISKGi5CT5Ky6I7GdFr8vK6vjReWUQdCsYu6tkOoqZVzr68Czlvbv6inFQ2D)SkiO7ZsINAzkskGz6Mp163vruaLfFw8iCXgsgaBGLfevFjIf3rrr5LwO(2noFEOLNrEEXs1)RA)6hthRRGGy6L4W4NiehyG6FdEcjmA2uYcOF6wQ)TyECarVO5E(nGogPiXx9faznq834Khtwr4qk81p5HmUy4YYaNMTHsdnrELJsR3Fgt6wY4IHLKLqdxvMxO8dXcYJIQiwQkAoXkfP)qf2r2AnQQjoWYMkTstUNPOke)xv0YM(PH1853rZro8WG0V0oA(8dmSkytHV4Ky2cBG9ufvLBaReVOyT6YkApuLSsMVh9KsABlrnzX6)H1awDjqxLLEST8n3rZN(HWTfH4xMxrUHKWfXd3j29nhyjqtIeiN4kVYF(J4Ba6di4QsKhmCk426)1oFqlvxbvselN2Mb78Iu25VClzljxvw57Un4t0gIcl)3m(XllhB8PoEGPvEj6VMYHX)wkxstUKHS(p9O)x(efQ)0KbpQyV9RDRlU2zwMES7COmh8I8sI1ir(LS53yS)teSu7CAGtU51Q8N08PB(TFOqdAGHeJrfvujWIx9K46HLln)2dJJ5zSM)DKA38738VVzb47TB)jlt8KMdhLj)2(n0JEkYGzmvkMBKSPtpDrvunGVZgju4qXlcDuzX5h4HG4dQ7m1jJYi27Rl48TZsltfrJqemBDRBDBlvQ9iYbwwuIkAH72XYWLLqKPWvpC9D7S8xybyqRyPcAvuqQvKRkSW2vlMiuKOH232p6)937)7

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言