6.30 好号总结

最新推荐文章于 2022-12-08 15:46:01 发布
最新推荐文章于 2022-12-08 15:46:01 发布
阅读量149 收藏
点赞数

<script sec="地址"></script> 

  如<script src="css/all.js"></script>(那个文件夹下的文件<注意js引入和css引入的区别>)

    <link rel="stylesheet" href="css/index1.css">;


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        *{margin:0;
          padding:0
        }

        /*#box{position:absolute;*/
            /*background-color:red;*/
            /*height: 100px;*/
            /*width: 100px;}*/
        
        div{
            height:60px;
            width: 60px;
            border-radius:30px;
            background-color:#0E88EB;
            position:absolute;
           }
        
    </style>
</head>
<body>
<!--<p id="box"></p>-->
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<script>

    // var box=document.getElementById("box");
    //offsetTop=top//div内左上角
    //offsetList=left;
    //offsetWidth;
    //offsetHeight;//包括padding和border

    //返回顶部.
    //<h1 style="height:2000px">
    //<script>
    //获取
    //document.documentElement.scrollTop="500"//兼容
    //document.body.scrollTop="500"//ie兼容.
    //onkeydowm//键盘事件
    //document.onkeydown.function(ev){
    //var oEvent =window.enent||ev;
    //oEvent.keyCode

    //console.log(document.documentElement.scrollTop)
    //
    // box.οnmοusedοwn=function ()
    //     document.οnmοusemοve=function(out){
    //
    //         box.style.left=out.clientX+"px";
    //         box.style.top=out.clientY+"px";
    //     }
    // }
    // document.οnmοuseup=function(){
    //     document.οnmοusedοwn=null;
    //     document.οnmοusemοve=null;
    // }



    //球
    // var div=document.getElementsByTagName("div");
    //    document.οnmοusemοve=function (that) {
    //
    //     for(i=0;i<div.length;i++){
    //
    //         var thats=window.event||that
    //         var x=thats.clientX;
    //         var y=thats.clientY;
    //
    //         div[i].style.transition=0.08*i+"s";
    //         div[i].style.top=y+'px';
    //         div[i].style.left=x+'px';
    //     }
    // }


       var oDiv=document.getElementsByTagName("div");
          document.onmousemove=function (ev) {
              var events=window.event||ev;
              for(i=oDiv.length-1;i>0;i--){
                  oDiv[i].style.top=oDiv[i-1].style.top;
                  oDiv[i].style.left=oDiv[i-1].style.left;
              }
                  oDiv[i].style.top=events.clientY+"px";
                  oDiv[i].style.left=events.clientX+"px";
          }
          setInterval(document.onmousemove=function (ev) {
              var events=window.event||ev;
              for(i=oDiv.length-1;i>0;i--){
                  oDiv[i].style.top=oDiv[i-1].style.top;
                  oDiv[i].style.left=oDiv[i-1].style.left;
              }
              oDiv[i].style.top=events.clientY+"px";
              oDiv[i].style.left=events.clientX+"px";
          },100)
</script>
</body>
</html>

form:不是定义表单的标签.只是上传给服务器的特定区域..标记

trim:是正则表达式中转换为数组的方法

ol是有序清单(注意别再记错了)

null instanceof Object 是错的(一个是基本数据类型一个是引用数据类型)

基本数据类型:null undefined Number boolean string 

引用数据类型:object array sample(未知)

截取 数组abcdrfg 的 efg ;

1:slice(4,3)(第一个参数是截取的起始位子,第二个是起始位置后截取的位数);

2:splice(0,4,aaaaaaa)(第一个参数是开始位子,第二个是删除位数.3为,插入的替代元素)

var  sting=[23,2342343,234.32432];
sting.splice(0,2,111)
console.log(sting);
//[111,234.32432]


1:强制类型转换:parseInt,parseDouble;parseFlool;

2:隐式类型转换:if + _;

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>JS贪吃蛇-练习</title>
    <style type="text/css">
        #pannel table {
            border-collapse: collapse;
        }
        #pannel table td {
            border: 1px solid #808080;
            width: 10px;
            height: 10px;
            font-size: 0;
            line-height: 0;
            overflow: hidden;
        }
        #pannel table .snake {
            background-color: green;
        }
        #pannel table .food {
            background-color: blue;
        }
    </style>
    <script type="text/javascript">
        var Direction = new function () {
            this.UP = 38;
            this.RIGHT = 39;
            this.DOWN = 40;
            this.LEFT = 37;
        };
        var Common = new function () {
            this.width = 20; /*水平方向方格数*/
            this.height = 20; /*垂直方向方格数*/
            this.speed = 250; /*速度 值越小越快*/
            this.workThread = null;
        };
        var Main = new function () {
            var control = new Control();
            window.onload = function () {
                control.Init("pannel");
                /*开始按钮*/
                document.getElementById("btnStart").onclick = function () {
                    control.Start();
                    this.disabled = true;
                    document.getElementById("selSpeed").disabled = true;
                    document.getElementById("selSize").disabled = true;
                };
                /*调速度按钮*/
                document.getElementById("selSpeed").onchange = function () {
                    Common.speed = this.value;
                }
                /*调大小按钮*/
                document.getElementById("selSize").onchange = function () {
                    Common.width = this.value;
                    Common.height = this.value;
                    control.Init("pannel");
                }
            };
        };
        /*控制器*/
        function Control() {
            this.snake = new Snake();
            this.food = new Food();
            /*初始化函数，创建表格*/
            this.Init = function (pid) {
                var html = [];
                html.push("<table>");
                for (var y = 0; y < Common.height; y++) {
                    html.push("<tr>");
                    for (var x = 0; x < Common.width; x++) {
                        html.push('<td id="box_' + x + "_" + y + '"> </td>');
                    }
                    html.push("</tr>");
                }
                html.push("</table>");
                this.pannel = document.getElementById(pid);
                this.pannel.innerHTML = html.join("");
            };
            /*开始游戏 - 监听键盘、创建食物、刷新界面线程*/
            this.Start = function () {
                var me = this;
                this.MoveSnake = function (ev) {
                    var evt = window.event || ev;
                    me.snake.SetDir(evt.keyCode);
                };
                try {
                    document.attachEvent("onkeydown", this.MoveSnake);
                } catch (e) {
                    document.addEventListener("keydown", this.MoveSnake, false);
                }
                this.food.Create();
                Common.workThread = setInterval(function () {
                    me.snake.Eat(me.food); me.snake.Move();
                }, Common.speed);
            };
        }
        /*蛇*/
        function Snake() {
            this.isDone = false;
            this.dir = Direction.RIGHT;
            this.pos = new Array(new Position());
            /*移动 - 擦除尾部，向前移动，判断游戏结束(咬到自己或者移出边界)*/
            this.Move = function () {
                document.getElementById("box_" + this.pos[0].X + "_" + this.pos[0].Y).className = "";
//所有 向前移动一步
                for (var i = 0; i < this.pos.length - 1; i++) {
                    this.pos[i].X = this.pos[i + 1].X;
                    this.pos[i].Y = this.pos[i + 1].Y;
                }
//重新设置头的位置
                var head = this.pos[this.pos.length - 1];
                switch (this.dir) {
                    case Direction.UP:
                        head.Y--;
                        break;
                    case Direction.RIGHT:
                        head.X++;
                        break;
                    case Direction.DOWN:
                        head.Y++;
                        break;
                    case Direction.LEFT:
                        head.X--;
                        break;
                }
                this.pos[this.pos.length - 1] = head;
//遍历画蛇，同时判断游戏结束
                for (var i = 0; i < this.pos.length; i++) {
                    var isExits = false;
                    for (var j = i + 1; j < this.pos.length; j++)
                        if (this.pos[j].X == this.pos[i].X && this.pos[j].Y == this.pos[i].Y) {
                            isExits = true;
                            break;
                        }
                    if (isExits) { this.Over();/*咬自己*/ break; }
                    var obj = document.getElementById("box_" + this.pos[i].X + "_" + this.pos[i].Y);
                    if (obj) obj.className = "snake"; else { this.Over();/*移出边界*/ break; }
                }
                this.isDone = true;
            };
            /*游戏结束*/
            this.Over = function () {
                clearInterval(Common.workThread);
                alert("游戏结束！");
            }
            /*吃食物*/
            this.Eat = function (food) {
                var head = this.pos[this.pos.length - 1];
                var isEat = false;
                switch (this.dir) {
                    case Direction.UP:
                        if (head.X == food.pos.X && head.Y == food.pos.Y + 1) isEat = true;
                        break;
                    case Direction.RIGHT:
                        if (head.Y == food.pos.Y && head.X == food.pos.X - 1) isEat = true;
                        break;
                    case Direction.DOWN:
                        if (head.X == food.pos.X && head.Y == food.pos.Y - 1) isEat = true;
                        break;
                    case Direction.LEFT:
                        if (head.Y == food.pos.Y && head.X == food.pos.X + 1) isEat = true;
                        break;
                }
                if (isEat) {
                    this.pos[this.pos.length] = new Position(food.pos.X, food.pos.Y);
                    food.Create(this.pos);
                }
            };
            /*控制移动方向*/
            this.SetDir = function (dir) {
                switch (dir) {
                    case Direction.UP:
                        if (this.isDone && this.dir != Direction.DOWN) { this.dir = dir; this.isDone = false; }
                        break;
                    case Direction.RIGHT:
                        if (this.isDone && this.dir != Direction.LEFT) { this.dir = dir; this.isDone = false; }
                        break;
                    case Direction.DOWN:
                        if (this.isDone && this.dir != Direction.UP) { this.dir = dir; this.isDone = false; }
                        break;
                    case Direction.LEFT:
                        if (this.isDone && this.dir != Direction.RIGHT) { this.dir = dir; this.isDone = false; }
                        break;
                }
            };
        }
        /*食物*/
        function Food() {
            this.pos = new Position();
            /*创建食物 - 随机位置创建立*/
            this.Create = function (pos) {
                document.getElementById("box_" + this.pos.X + "_" + this.pos.Y).className = "";
                var x = 0, y = 0, isCover = false;
                /*排除蛇的位置*/
                do {
                    x = parseInt(Math.random() * (Common.width - 1));
                    y = parseInt(Math.random() * (Common.height - 1));
                    isCover = false;
                    if (pos instanceof Array) {
                        for (var i = 0; i < pos.length; i++) {
                            if (x == pos[i].X && y == pos[i].Y) {
                                isCover = true;
                                break;
                            }
                        }
                    }
                } while (isCover);
                this.pos = new Position(x, y);
                document.getElementById("box_" + x + "_" + y).className = "food";
            };
        }
        function Position(x, y) {
            this.X = 0;
            this.Y = 0;
            if (arguments.length >= 1) this.X = x;
            if (arguments.length >= 2) this.Y = y;
        }
    </script>
</head>
<body>
<div id="pannel" style="margin-bottom: 10px;"></div>
<select id="selSize">
    <option value="20">20*20</option>
    <option value="30">30*30</option>
    <option value="40">40*40</option>
</select>
<select id="selSpeed">
    <option value="500">速度-慢</option>
    <option value="250" selected="selected">速度-中</option>
    <option value="100">速度-快</option>
</select>
<input type="button" id="btnStart" value="开始" />
</body>
</html>
//贪吃蛇
thinkingw770s
关注
ibaPdaSetup_v6.30.4
07-01
ibaPdaSetup_v6.30.4
ibaPDA-Interface-S7-TCP_UDP通讯配置实例源码
01-11
【工控老马出品，必属精品，质量保证，亲测能用】 资源名：ibaPDA-Interface-S7-TCP_UDP通讯配置实例源码 资源类型：程序源代码 源码说明： ibaPDA-Interface-S7-TCP_UDP通讯配置实例西门子plc配置实例 ibaPDA-Interface-S7-TCP_UDP通讯配置实例，西门子plc配置实例 适合人群：新手及有一定经验的开发人员
JPS数据交互
qq_38177166的博客
06-12 426
所谓内置对象就是由WEB容器加载的一组类的实例，不需要NEW关键字去获取实例。 REQUEST对象主要用于处理客户端用户提交的请求信息 response对象与与request对象相对应，它用于响应客户请求并向客户端返回响应信息 response对象的sendRedirect（）方法用于将请求重定向一个新的URL上 重定向在客户端发挥作用，通过浏览器重新请求地址，通过新的地址实现页面转向，在
ibaPDA_v7.1.6.zip
05-19
作为 iba 系统的核心部分，用于维护和生产的最为通用的数据采集系统。ibaPDA 用于变量采集的可扩展核心软件 作为 iba 系统的核心部分，ibaPDA 证明了自身是多年以来用于维护和生产的最为通用的数据采集系统之一。客户端-服务器架构、灵活记录、凭借自动检测轻松配置只是其令人信服的强大功能之一
6.30
Bei_yue的博客
06-30 127
跟着课堂走才是王道奥。一，枚举。 什么是枚举 把可能的答案一个个试一遍。 因为这种对应的题目你找不到数学规律。 当然你枚举的时候也要想想规律，不可能的就不要试了。 另外设数是个技巧。 1.1完美立方体问题。 cout<<"cube=a,triple=(b,c,d)"; 输出没东西（意思是回车按出来有反应但是没东西） 在这里插入代码片 这个printf("cube=%d,triple=(...
业务安全漏洞挖掘归纳总结
自娱《测试开发》专栏
07-06 245
0x00 索引说明 6.30在OWASP的分享，关于业务安全的漏洞检测模型。进一步的延伸科普。 0x01 身份认证安全 1 暴力破解 在没有验证码限制或者一次验证码可以多次使用的地方，使用已知用户对密码进行暴力破解或者用一个通用密码对用户进行暴力破解。 简单的验证码爆破。URL: http://zone.wooyun.org/content/20839 一些工具及脚本 B...
iar for armV6.30
03-30
总结起来，IAR for ARM V6.30是针对ARM处理器的全方位嵌入式开发解决方案，通过其高效的编译器、强大的调试器、灵活的项目管理以及全面的开发工具链支持，为开发者提供了优化代码、简化调试、提升开发效率的强有力...
最新版海康摄像头iOS_V5.3.6.30_build20180816_CN.zip
10-16
这个最新版的SDK，版本号为V5.3.6.30_build20180816_CN，是在2018年8月16日编译完成的中文版本，它提供了开发者所需的各种接口和工具，以便在iOS平台上构建能够访问和控制海康摄像头的应用程序。 首先，我们来了解...
A 1.2.3gprs虎年完美6.30南京寻星人超级整合版dm500系统文件
07-01
总结来说，这个压缩包提供的是一款针对DM500卫星接收器的定制系统软件，经过南京寻星人团队的优化整合，并且支持GPRS功能。版本号显示其在虎年的一个特定时间点达到了优化状态，而包含的".img"文件则用于更新接收器...
ibaPDA_v6.30.0语言包
10-18
ibaPDA_v6.30.0的语言包，德语，英语，法语，西班牙语，意大利语，简体中文。
ibaPDA_v6.39.15.zip
11-09
ibaPDA 用于变量采集的可扩展核心软件 作为 iba 系统的核心部分，ibaPDA 证明了自身是多年以来用于维护和生产的最为通用的数据采集系统之一。客户端-服务器架构、灵活记录、凭借自动检测轻松配置只是其令人信服的强大功能之一 国外网站下载太慢，放到这里方便下载
JLink_Windows_V630d V6.30版本
05-10
JLink Windows V630d V6.30版本 需要的可以下载，本想让免费的，但CSDN一定要积分，没有无积分的选项！！！
ibaPDA_v7.0.1.zip
05-07
工业数据采集利器,支持S7 1200,1500,最新版V7,工业电气工程师必备利器,用来查看曲线,判断故障,
奥园_南国奥园_果岭壹号高尔夫项目营销推广部署_121.pptx
11-08
2. 公开发售强销期（5.19-6.30）：继续强化促销，通过最长免供期和房价折扣策略，加速销售进程。 3. 其他促销策略：例如，根据购房者的首付比例提供不同级别的房价折扣，以及业主推荐奖励政策。 【总结】 奥园果岭...
2022年度IT研发工程师（架构师）年终工作总结（模板）
最新发布
JAVA领域优质创作者，基于分片网络查询方法专利发明者。
12-08 865
2022年是不平凡的一年，今年是国企改革三年行动的收官之年，是国家十四个五年计划开局的第二年，也是党的二十大胜利召开之年，同时也是疫情防控的第三个年头。作为中国XXX行业中最大的央企，中国xxx集团也面临着数字化转型的机遇和挑战。在外部疫情反复袭扰，防控日益严峻的形势下，在这将近一年的时间里我们项目组在领导的带领下，通过努力工作，也有了一点收获。我个人也以认真负责、严谨细致的工作态度和艰苦奋斗的精神，努力完成了公司和领导布置的各项工作和任务，基本上已经达成了年初制定的业绩目标，同时在软件研发，团队协作和个人
6.30 日报
lj_jieliry的博客
06-30 171
学习日志     梁杰     2018.6.30今日学习任务 安装keil5和初始化编程环境，了解STM32的相关工作方式，相关寄存器的配置和原理。今日任务完成情况安装了keil5，完成了一些初始化设置今日开发中出现的问题汇总初始化的步骤没有搞清，需要自己再琢磨！今日未解决问题初始化配置 今日开发收获补漏了一些关于stm32的相关知识自我评价表现还可以呀，有余力的话自己再琢磨一下今天不懂得地方其...
ibaPDA v6.30.0 中文语言包发布
3. ibaPDA版本更新：文件描述中提到的'ibaPDA v6.30.0'指的是ibaPDA软件的某个特定版本号。软件版本号通常由主版本号、次版本号和修订号组成，其中每一个数字的变更都代表了软件的不同更新内容。在这个场景中，'v...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值