网眼

网页游戏“贪食蛇”改进

在很早学 QuickBasic 的时候，就有一个蛇吃食物的游戏，当时是作为 Basic 的一个示例提供的。当时只顾得玩了，竟没想到要把那些高人写的代码好好分析一下。现在做 Web 开发的培训，有一个用 Javascript 写的类似的小游戏，就花了大半天好好看了一下代码，觉得写的不错。

功能：蛇吃食物有四种情况：走到的地方有食物；走到的地方没有食物；走到的地方是墙壁；走到的地方是自己的身体。吃到食物后，蛇的身体会变长；碰到墙壁或咬到自己 Game Over，询问是否重新开始。

整个游戏是在一个<div>框子(地图)里展开的，蛇有地图里的一系列<div>构成，初始状态(刚刚打开页面)蛇是一个<div>框，蛇头和蛇尾是在一起的，就是这个<div>框，以后吃了食物后<div>个数会变多，蛇就会长长。食物用一个<span>框表示，初始时和蛇一样其位置是随机产生的。蛇和食物的坐标用<div>和<span>的绝对位置表示。

算法的关键是当蛇移动到新的位置后，判断前述的几种情况，做出相应的处理。而二维数组 Map[][] 就是判断的依据。二维数组 Map[][]通过其元素的值来表示蛇身、食物和空地。蛇身、食物和空地的值分别为’S'、’F’ 和 ‘0′。

用 Javascript 编程和其他语言的一个大的区别就是键盘的控制代码不同。js是通过 Key=event.keyCode 语句获取键盘码，再在多分支 switch 结构里分别处理。看完这些代码就会对浏览器里的键盘控制有所了解了。

当然该段代码的最大价值还是让我们了解到网页游戏的大概写法，而算法其实是最重要的，把一个游戏的设想变为一堆包含许多的函数的结构化的代码，是值得我们借鉴和学习的。这里的难点是确定蛇是怎么移动的。

代码里有我的注释，结合我的以上大概分析介绍差不多能看懂了。

题外问题：

本人在调试的时候打算给原来的代码加一段地图内方格显示功能，就写了个ShowGrid()函数，采用代码生成方格。但由于在2层循环内完成方格显示，效率十分低下，生成15*10的方格需要大约6秒。生成30*20 的方格竟然需要几分钟。基本不能采用此方法。改进以后，不是生成多个包含单个单元格的表格，而是生成一个包含若干单元格的表格，结果效率有巨大的提高。

    改进后，有如下功能：
    - 可改变单元格数；
    - 可控制暂停；
    - 速度控制功能；
    - 蛇头、蛇身和蛇尾形状美化；
    - 可控制显示和隐藏背景图片、方格线；
    - 修正了长度等于或大于2节的蛇体，按倒退键时结束游戏的错误；

    进一步改进建议：
    - 控制蛇头的方向，可用动画图片代替蛇头。
    - 蛇身和蛇尾也可用图片代替。
    - 增加声音；
    - 增加换肤功能：背景、方格、蛇的皮肤可定制；
    - 自动演示功能；
    ……

  
  
  
  
   
   
   
   <HTML> 
   
   
   
   <head> 
   
   
   
   <meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″> 
   
   
   
   <title>贪吃蛇</title> 
   
   
   
   <style> 
   
   
   
     body{font-size: 12px;}  
   
   
   
    
   
   
   
     .food  
   
   
   
     {  
   
   
   
       background: url(”images/food1.gif”) no-repeat;  
   
   
   
       /*background-color:green;*/  
   
   
   
       overflow:hidden;  
   
   
   
       position:absolute;  
   
   
   
     }  
   
   
   
    
   
   
   
     .snake_head  
   
   
   
     {  
   
   
   
       background-color: red;  
   
   
   
       border:3px solid gold;  
   
   
   
       position:absolute;  
   
   
   
     }  
   
   
   
    
   
   
   
     .snake_body  
   
   
   
     {  
   
   
   
       background-color: orange;  
   
   
   
       border:2px dotted white;  
   
   
   
       position:absolute;  
   
   
   
     }  
   
   
   
    
   
   
   
     .snake_tail  
   
   
   
     {  
   
   
   
       background-color: peachpuff;  
   
   
   
       border:2px dotted white;  
   
   
   
       position:absolute;  
   
   
   
     }  
   
   
   
    
   
   
   
     .grid  
   
   
   
     {  
   
   
   
       border-style:solid;  
   
   
   
       border-color:#0000ff;  
   
   
   
       border-top-width:0;  
   
   
   
       border-right-width:1;  
   
   
   
       border-bottom-width:1;  
   
   
   
       border-left-width:0;  
   
   
   
       padding:0;  
   
   
   
     }  
   
   
   
    
   
   
   
     .mainmap  
   
   
   
     {  
   
   
   
       position:absolute;  
   
   
   
       border-style:outset;  
   
   
   
       border-color:#0000ff;  
   
   
   
       border-width:5;  
   
   
   
     }  
   
   
   
    
   
   
   
     .table  
   
   
   
     {  
   
   
   
       position:absolute;  
   
   
   
       overflow:hidden;  
   
   
   
       border-collapse:collapse;  
   
   
   
     }  
   
   
   
   </style> 
   
   
   
   </head> 
   
   
   
    
   
   
   
   <BODY> 
   
   
   
   <div id=”help”> 
   
   
   
     红色方块表示蛇头，按方向键控制蛇吃食物<br><br> 
   
   
   
     行数：  
   
   
   
     <select id=”rows”> 
   
   
   
       <option>25</option> 
   
   
   
       <script language=”javascript”> 
   
   
   
         for(var ct=10;ct<=30;ct++)  
   
   
   
           document.write(’<option>’ + ct + ‘</option>’);  
   
   
   
       </script> 
   
   
   
     </select> 
   
   
   
     <br> 
   
   
   
     列数：  
   
   
   
     <select id=”cells”> 
   
   
   
       <option>30</option> 
   
   
   
       <script language=”javascript”> 
   
   
   
         for(var ct=10;ct<=40;ct++)  
   
   
   
           document.write(’<option>’ + ct + ‘</option>’);  
   
   
   
       </script> 
   
   
   
     </select> 
   
   
   
     <br> 
   
   
   
     <button onclick=”reCreateMap()”> 设置 </button> 
   
   
   
     <br><br> 
   
   
   
     【初始化:】F5 功能键<br> 
   
   
   
     【暂停:】S 字母键<br><br> 
   
   
   
     【显示/隐藏网格:】G 字母键<br><br> 
   
   
   
     【加速:】PageUP 键<br> 
   
   
   
     【减速:】PageDown 键<br> 
   
   
   
   </div> 
   
   
   
   【速度:】<span id=”speed” style=”color:red”></span> 
   
   
   
    
   
   
   
   <br><br><div id=”mapxy”></div> 
   
   
   
   <div 
   
   
   
     <br><br> 
   
   
   
     蛇只能吃食物，<br>不能触墙，<br>也不能咬自己  
   
   
   
   </div> 
   
   
   
    
   
   
   
   <script langyage=”javascript”> 
   
   
   
     var Rows = document.getElementById(’rows’).options[0].text;  
   
   
   
     var Cells = document.getElementById(’cells’).options[0].text;  
   
   
   
     var Num   = 20;  //正方形格子的边长  
   
   
   
     var SpeedUp = 5000;  
   
   
   
     var Times = 200;  
   
   
   
     var Start = 0;  
   
   
   
     var ShowGrid = true;  
   
   
   
     var ShowBackground  = true;  
   
   
   
    
   
   
   
     var BorderWidth = 5;  
   
   
   
     var MainMap = null;  
   
   
   
     var AllDiv  = new Array();  
   
   
   
     var AllSpan = new Array();  
   
   
   
     var Sx = Sy = 0;  
   
   
   
     var Map = null;  
   
   
   
     var GoX,GoY,LastX,LastY;  
   
   
   
     var moving = null;  
   
   
   
     var AllDiv=null, AllSpan=null;  
   
   
   
    
   
   
   
     //重新创建地图  
   
   
   
     function reCreateMap()  
   
   
   
     {  
   
   
   
       Rows = document.getElementById(’rows’).options[document.getElementById(’rows’).selectedIndex].text;  
   
   
   
       Cells = document.getElementById(’cells’).options[document.getElementById(’cells’).selectedIndex].text;  
   
   
   
       document.body.removeChild(MainMap);  
   
   
   
       CreateMap();  
   
   
   
     }  
   
   
   
    
   
   
   
     //创建地图  
   
   
   
     function CreateMap()  
   
   
   
     {  
   
   
   
       BW = eval(Cells * Num + 2 * BorderWidth);  //宽度  
   
   
   
       BH = eval(Rows * Num + 2 * BorderWidth);   //高度  
   
   
   
       //document.body.innerHTML+=’<div id=MainMap style=position:absolute;left:’+(document.body.clientWidth-BW)/2+’;top:’+(document.body.clientHeight-BH)/2+’;width:’+BW+’;height:’+BH+’;border-width:’+BorderWidth+’;></div>’  
   
   
   
       MainMap = document.createElement(’div’);  
   
   
   
       MainMap.className = ‘mainmap’;  
   
   
   
       if(ShowBackground)  
   
   
   
         MainMap.style.backgroundImage = “url(’images/bgpic.jpg’)”;  
   
   
   
       MainMap.style.left = (document.body.clientWidth - BW) / 2;  
   
   
   
       MainMap.style.top  = (document.body.clientHeight - BH) / 2;  
   
   
   
       MainMap.style.width  = BW;  
   
   
   
       MainMap.style.height = BH;  
   
   
   
       document.body.appendChild(MainMap);  
   
   
   
    
   
   
   
       //创建全局数组Map[]  
   
   
   
       /*  
   
   
   
       Map = new Array() //创建全局数组Map[]  
   
   
   
       for(y=0; y<Rows; y++)  
   
   
   
       {  
   
   
   
         Map[y]=new Array() //创建全局二维数组Map[][],初始值为’0′  
   
   
   
         for(x=0; x<Cells; x++)  
   
   
   
           Map[y][x] = ‘0′  //’0′值表示“空地”  
   
   
   
       }  
   
   
   
       */  
   
   
   
       Map = new Array();  
   
   
   
       for(y = 0; y < Rows; y++)  
   
   
   
       {  
   
   
   
         //创建全局二维数组Map[][],初始值为’0′  
   
   
   
         Map.push(new Array());  
   
   
   
         for( x = 0; x < Cells; x++)  
   
   
   
           Map[y].push(’0′);  //’0′值表示“空地”  
   
   
   
       }  
   
   
   
       //显示地图内格子  
   
   
   
       if (ShowGrid)  
   
   
   
         MainMap.appendChild(CreateGrid(’ ‘));  
   
   
   
    
   
   
   
       //创建全局变量Sx,赋予随机数  
   
   
   
       Sx = parseInt(Math.random() * Cells);  
   
   
   
    
   
   
   
       //创建全局变量Sy,赋予随机数  
   
   
   
       Sy = parseInt(Math.random() * Rows);  
   
   
   
    
   
   
   
       //生成蛇 - div  
   
   
   
       CreateSnake();  
   
   
   
    
   
   
   
       //生成食物 - span  
   
   
   
       CreatFood();  
   
   
   
    
   
   
   
       //创建全局数组AllDiv,保存着蛇身各节<div>。AllDiv[0]为蛇尾。MainMap是div的ID  
   
   
   
       AllDiv  = MainMap.getElementsByTagName(’div’);  //等价于AllDiv = MainMap.all.tags(’DIV’)  
   
   
   
       //创建全局数组AllSpan,始终只有一个元素AllSpan[0]  
   
   
   
       AllSpan = MainMap.getElementsByTagName(’span’);  //等价于AllSpan = MainMap.all.tags(’SPAN’)  
   
   
   
     }  
   
   
   
    
   
   
   
     //创建地图内格子(Rows*Cells 大小的 Table)  
   
   
   
     function CreateGrid(celltext)  
   
   
   
     {  
   
   
   
       var table = document.createElement(’table’);  
   
   
   
       table.className = ‘table’;  
   
   
   
       table.style.left  = 0;  
   
   
   
       table.style.top  = 0;  
   
   
   
       table.setAttribute(’id’,'grid’);  
   
   
   
       table.setAttribute(’border’,'0′);  //table.border = ‘0′;  
   
   
   
       table.setAttribute(’cellspacing’,'0′);  
   
   
   
       table.setAttribute(’cellpadding’,'0′);  
   
   
   
       var tbody = document.createElement(”tbody”);  
   
   
   
       table.insertBefore(tbody, null);  
   
   
   
       for (var i=0; i<Rows; i++)  
   
   
   
       {  
   
   
   
         var tr = document.createElement(’tr’);  
   
   
   
         for(var j=0; j<Cells; j++)  
   
   
   
         {  
   
   
   
           var td = document.createElement(’td’);  
   
   
   
           td.className = ‘grid’;  
   
   
   
           td.width  = Num;  //td.style.width  = Num;  
   
   
   
           td.height  = Num;  //td.style.height  = Num;  
   
   
   
           var text = document.createTextNode(celltext);  
   
   
   
           td.insertBefore(text, null);  
   
   
   
           tr.insertBefore(td, null);  
   
   
   
         }  
   
   
   
         tbody.insertBefore(tr, null);  
   
   
   
       }  
   
   
   
       return table;  
   
   
   
     }  
   
   
   
    
   
   
   
     //创建蛇的位置,赋予值’S’  
   
   
   
     function CreateSnake()  
   
   
   
     {  
   
   
   
       //<div>表示蛇身，通过调用本函数，可以累加到若干个，蛇身变长  
   
   
   
       //注意 y 和 x 是“蛇”<div> 的自定义属性。一直保存着蛇身体各节的Map坐标，与Map[][]联系  
   
   
   
       //初始时，蛇头、蛇尾是同一个位置  
   
   
   
       var div = document.createElement(’div’);  
   
   
   
       div.className = ’snake_head’;  
   
   
   
       div.setAttribute(’x',Sx);  
   
   
   
       div.setAttribute(’y',Sy);  
   
   
   
       div.style.left = Sx * Num;  
   
   
   
       div.style.top  = Sy * Num;  
   
   
   
       div.style.width  = Num;  
   
   
   
       div.style.height = Num;  
   
   
   
       MainMap.appendChild(div);  
   
   
   
    
   
   
   
       Map[Sy][Sx] = ‘S’;  //Snake首字母  
   
   
   
    
   
   
   
       //蛇身长度  
   
   
   
       //document.all.mapxy.innerHTML = AllDiv.length;  
   
   
   
       if (AllDiv!=null)  
   
   
   
       {  
   
   
   
         if (AllDiv.length>1)  
   
   
   
         {  
   
   
   
           AllDiv[0].className = ’snake_tail’; //蛇尾  
   
   
   
           for (var i=1;i<AllDiv.length-1;i++) //蛇身  
   
   
   
             AllDiv[i].className = ’snake_body’;  
   
   
   
         }  
   
   
   
       }  
   
   
   
     }  
   
   
   
    
   
   
   
     //创建食物的位置,赋予初始值’F’  
   
   
   
     //食物的初始位置不能与蛇的初始位置相同，只能在空地放置食物。  
   
   
   
     //若随机产生的2位置相同，则递归执行，直到不相同为止  
   
   
   
     function CreatFood()  
   
   
   
     {  
   
   
   
       Fx = parseInt(Math.random() * Cells);  
   
   
   
       Fy = parseInt(Math.random() * Rows);  
   
   
   
       if(Map[Fy][Fx] == ‘0′)  //如果是空地  
   
   
   
       {  
   
   
   
         MainMap.appendChild(CreatSpan(Fx * Num,Fy * Num,Num));  
   
   
   
         Map[Fy][Fx] = ‘F’;  //Food首字母  
   
   
   
       }  
   
   
   
       else  
   
   
   
       {  
   
   
   
         CreatFood(); //递归  
   
   
   
       }  
   
   
   
     }  
   
   
   
    
   
   
   
     //生成食物的span  
   
   
   
     function CreatSpan(l,t,num)  
   
   
   
     {  
   
   
   
       var span = document.createElement(’span’);  
   
   
   
       span.style.left = l;  
   
   
   
       span.style.top  = t;  
   
   
   
       span.style.width  = num;  
   
   
   
       span.style.height = num;  
   
   
   
       span.className = ‘food’;  
   
   
   
       return span;  
   
   
   
     }  
   
   
   
    
   
   
   
     //主移动–判断蛇头前面的是什么  
   
   
   
     function Move()  
   
   
   
     {  
   
   
   
       //自动行走，Map[Sy][Sx]为蛇头前面位置  
   
   
   
       Sx += GoX;  
   
   
   
       Sy += GoY;  
   
   
   
    
   
   
   
       //碰墙，重新开始  
   
   
   
       if(Sy < 0 || Sy >= Rows)  
   
   
   
       {  
   
   
   
         Move1();  
   
   
   
       }  
   
   
   
       else  
   
   
   
       {  
   
   
   
         SnakeFront = Map[Sy][Sx];  
   
   
   
         switch(SnakeFront)  
   
   
   
         {  
   
   
   
           case ‘0′:  //蛇前是空地  
   
   
   
             Move2();  
   
   
   
             break;  
   
   
   
           case ‘F’:  //蛇前面是食物  
   
   
   
             Move3();  
   
   
   
             break;  
   
   
   
           case ‘S’:  //蛇前面是自己的身体  
   
   
   
             Move1();  
   
   
   
             break;  
   
   
   
           default:  //啥都不是就是超出地图范围game over  
   
   
   
             Move1();  
   
   
   
         }  
   
   
   
       }  
   
   
   
     }  
   
   
   
    
   
   
   
     //重新开始  
   
   
   
     function Move1()  
   
   
   
     {  
   
   
   
       if(confirm(”Game Over，重新开始？”))  
   
   
   
       {  
   
   
   
         //window.location.reload();  
   
   
   
         reCreateMap();  
   
   
   
         Start = 0;  
   
   
   
       }  
   
   
   
       else  
   
   
   
         window.close();  
   
   
   
     }  
   
   
   
    
   
   
   
     //蛇行走到的当前位置是空地时  
   
   
   
     function Move2()  
   
   
   
     {  
   
   
   
       //蛇走开后，把原位置设置为’0′，表示是空地  
   
   
   
       //把蛇数组当前元素删除，在下面的 CreateSnake()语句重新生成  
   
   
   
       Map[AllDiv[0].getAttribute(’y')][AllDiv[0].getAttribute(’x')] = ‘0′;  
   
   
   
       var fatherNode = AllDiv[0].parentNode;  //AllDiv[0].removeNode(true);  
   
   
   
       fatherNode.removeChild(AllDiv[0]);  
   
   
   
    
   
   
   
       //在新的位置生成蛇的<div> 
   
   
   
       CreateSnake();  
   
   
   
       //再次移动  
   
   
   
       moving = setTimeout(’Move()’,Times);  
   
   
   
     }  
   
   
   
    
   
   
   
     //蛇行走到的当前位置是食物时  
   
   
   
     function Move3()  
   
   
   
     {  
   
   
   
       //蛇数组当前元素不删除，<div>累加一次，蛇长长一节  
   
   
   
       CreateSnake();  
   
   
   
       //把食物数组当前元素删除，在下面的 CreatFood()语句重新生成  
   
   
   
       var parentNode = AllSpan[0].parentNode;  //AllSpan[0].removeNode(true)  
   
   
   
       parentNode.removeChild(AllSpan[0]);  
   
   
   
       //再次随机生成食物  
   
   
   
       CreatFood();  
   
   
   
       //再次移动  
   
   
   
       moving = setTimeout(’Move()’,Times);  
   
   
   
     }  
   
   
   
    
   
   
   
     //蛇行加速  
   
   
   
     function oTimes(step)  
   
   
   
     {  
   
   
   
       if(step>0 && Times>30)  
   
   
   
         Times -= step;  
   
   
   
       if(step<0 && Times<400)  
   
   
   
         Times -= step;  
   
   
   
       document.getElementById(’speed’).innerHTML = Times;  
   
   
   
       //If(Times > 5) setTimeout(’oTimes()’, SpeedUp);  
   
   
   
     }  
   
   
   
    
   
   
   
     //绑定键盘事件  
   
   
   
     document.onkeydown = KeyDown;  
   
   
   
    
   
   
   
     //按键  
   
   
   
     function KeyDown(e)  
   
   
   
     {  
   
   
   
       if(e)  
   
   
   
         Key = e.keyCode;  
   
   
   
       else  
   
   
   
         Key = window.event.keyCode  
   
   
   
       switch(Key)  
   
   
   
       {  
   
   
   
         case 37: //左方向键  
   
   
   
           Dir(-1,0);  
   
   
   
           break  
   
   
   
         case 39: //右方向键  
   
   
   
           Dir(1,0);  
   
   
   
           break  
   
   
   
         case 38: //上方向键  
   
   
   
           Dir(0,-1);  
   
   
   
           break  
   
   
   
         case 40: //下方向键  
   
   
   
           Dir(0,1);  
   
   
   
           break  
   
   
   
       case 33: //PageUp - speed up  
   
   
   
           oTimes(5);  
   
   
   
        break;  
   
   
   
       case 34: //PageDown - speed down  
   
   
   
           oTimes(-5);  
   
   
   
        break;  
   
   
   
       case 66: // B - Show/Hidden Background  
   
   
   
         ShowBackground = !ShowBackground;  
   
   
   
         if(ShowBackground)  
   
   
   
         {  
   
   
   
           MainMap.style.backgroundImage = “url(’images/bgpic.jpg’)”;  
   
   
   
           //MainMap.style.backgroundRepeat=”repeat-x repeat-y”;  
   
   
   
           //MainMap.style.backgroundRepeat=”no-repeat”;  
   
   
   
         }  
   
   
   
         else  
   
   
   
           MainMap.style.backgroundImage = “url(”)”;  
   
   
   
        break;  
   
   
   
       case 71: // G - Show/Hidden Grid  
   
   
   
         ShowGrid = !ShowGrid;  
   
   
   
         if(ShowGrid)  
   
   
   
           MainMap.appendChild(CreateGrid(’ ‘));  
   
   
   
         else  
   
   
   
             MainMap.removeChild(document.getElementById(’grid’));  
   
   
   
        break;  
   
   
   
       case 83: // s - stop  
   
   
   
        clearTimeout(moving);  
   
   
   
        Start = 0;  
   
   
   
        break;  
   
   
   
       }  
   
   
   
       return false  
   
   
   
     }  
   
   
   
    
   
   
   
     function Dir(x,y)  
   
   
   
     {  
   
   
   
       GoX = x;  
   
   
   
       GoY = y;  
   
   
   
       if( Start == 0 )  
   
   
   
       {  
   
   
   
         LastX = x;  
   
   
   
         LastY = y;  
   
   
   
         clearTimeout(moving);  
   
   
   
         Start = 1;  
   
   
   
         Move();  
   
   
   
       }  
   
   
   
       else  
   
   
   
       {  
   
   
   
         /* 增加的反方向判断 */  
   
   
   
         //检查上次行动方向和本次行动方向,如果方向正好相反那么还是保持上次的前进方向  
   
   
   
         if (GoX + LastX == 0 && GoY + LastY == 0)  
   
   
   
         {  
   
   
   
           GoX = LastX;  
   
   
   
           GoY = LastY;  
   
   
   
         }  
   
   
   
         else  
   
   
   
         { //如果不一样则记住本次的行动方向  
   
   
   
           LastX = GoX;  
   
   
   
           LastY = GoY;  
   
   
   
         }  
   
   
   
       }  
   
   
   
     }  
   
   
   
    
   
   
   
     //绘制地图  
   
   
   
     CreateMap();  
   
   
   
     document.getElementById(’speed’).innerHTML = Times;  
   
   
   
   </script> 
   
   
   
   </BODY> 
   
   
   
   </HTML>

2021年12月19日，春蕾教育集团团建活动感受——黄晓丹黄错错加油
感受:1.从陌生到熟悉的过程。游戏环节让我们在轻松的氛围中得到了锻炼，也增长了不少知识。2.游戏过程中，我们贡献的是个人力量，展现的是团队的力量。它磨合的往往不止是工作的熟悉，更是观念上契合度的贴近。3.这和工作是一样的道理。在各自的岗位上，每个人摆正自己的位置、各司其职充分发挥才能，并团结一致劲往一处使，才能实现最大的成功。新知:1.团队精神需要不断地创新。过去，人们把创新看作是冒风险，现在人们
Python教程：一文了解使用Python处理XPath 旦莫 Python进阶 python 开发语言
目录1.环境准备1.1安装lxml1.2验证安装2.XPath基础2.1什么是XPath？2.2XPath语法2.3示例XML文档3.使用lxml解析XML3.1解析XML文档3.2查看解析结果4.XPath查询4.1基本路径查询4.2使用属性查询4.3查询多个节点5.XPath的高级用法5.1使用逻辑运算符5.2使用函数6.实战案例6.1从网页抓取数据6.1.1安装Requests库6.1.2代
从鸡肉高汤到记忆的魔法再到有效提示的艺术步子哥人工智能
还记得小时候那些天马行空的白日梦吗？也许只要按下键盘上的某个神奇组合，电脑就会发出滴滴的声响，一个隐藏的世界突然在你眼前展开，让你获得超凡的能力，摆脱平凡的生活。这听起来像是玩过太多电子游戏的幻想，但实际上，间隔重复系统给人的感觉惊人地相似。在最佳状态下，这些系统就像魔法一样神奇。本文将以一个看似平凡的鸡肉高汤食谱为例，深入浅出地探讨如何编写有效的间隔重复提示，让你像掌握烹饪技巧一样轻松地掌握记忆
DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理 STU学生网页设计网页设计期末网页作业 html静态网页 html5期末大作业网页设计 web大作业
️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
2019-08-08 65454
东莞家庭聚会出行旅游去哪里玩住？想起来有很久没有和家里人聚会啦，这次组织家人来到威廉古堡别墅轰趴，一大家子27个人，在别墅订了一天办，玩的非常的开心，小孩子玩游戏机，也很放心不会丢，我们就在唱歌、打麻将、打桌球一系列的活动，还准备小次等小孩生日在别墅举办，还可以给孩子做一个生日的策划
关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript 二挡起步 web前端期末大作业 javascript html css 旅游风景
⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
HTML网页设计制作大作业（div+css）云南我的家乡旅游景点带文字滚动二挡起步 web前端期末大作业 web设计网页规划与设计 html css javascript dreamweaver 前端
Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
webpack图片等资源的处理 dmengmeng
需要的loaderfile-loader（让我们可以引入这些资源文件）url-loader（其实是file-loader的二次封装）img-loader（处理图片所需要的）在没有使用任何处理图片的loader之前，比如说css中用到了背景图片，那么最后打包会报错的，因为他没办法处理图片。其实你只想能够使用图片的话。只加一个file-loader就可以，打开网页能准确看到图片。{test:/\.(p
node.js学习小猿L node.js node.js 学习 vim
node.js学习实操及笔记温故node.js，node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular离不开node.jsnode.js是什么官网：node.js是一个开源的、跨平台的运行JavaScript的运行
C语言判断回文数 Y雨何时停T c语言学习
一，回文数概念“回文”是指正读反读都能读通的句子，它是古今中外都有的一种修辞方式和文字游戏，如“我为人人，人人为我”等。在数学中也有这样一类数字有这样的特征，成为回文数。设n是一任意自然数。若将n的各位数字反向排列所得自然数n1与n相等，则称n为一回文数。例如，若n=1234321，则称n为一回文数；但若n=1234567，则n不是回文数。二，判断回文数实现思路一：数组与字符串将数字每一位按顺序放
用Python实现简单的猜数字游戏程序媛了了 python 游戏 java
猜数字游戏代码：importrandomdefpythonit():a=random.randint(1,100)n=int(input("输入你猜想的数字："))whilen!=a:ifn>a:print("很遗憾，猜大了")n=int(input("请再次输入你猜想的数字："))elifna::如果玩家猜的数字n大于随机数字a，则输出"很遗憾，猜大了"，并提示玩家再次输入。elifn
2024.9.14 Python，差分法解决区间加法，消除游戏，压缩字符串 RaidenQ python 游戏开发语言算法力扣
1.区间加法假设你有一个长度为n的数组，初始情况下所有的数字均为0，你将会被给出k个更新的操作。其中，每个操作会被表示为一个三元组：[startIndex,endIndex,inc]，你需要将子数组A[startIndex…endIndex]（包括startIndex和endIndex）增加inc。请你返回k次操作后的数组。示例:输入:length=5,updates=[[1,3,2],[2,4,
2020-8-19晨间日记：看过的电影盐大虾
今天是周三起床：6点半就寝：11点天气：晴心情：正常纪念日：周三任务清单今日完成的任务，最重要的三件事：1.整理写过的文档2.电影《电灯泡》3.这就是街舞第三季第五期改进：早睡早起习惯养成：早睡早起，看书周目标·完成进度两篇文章学习·信息·阅读电影艺术发展史相关教材健康·饮食·锻炼吃了挺多零食，还喝了果粒橙，还是得少吃，多锻炼，不然会慢慢死掉的。人际·家人·朋友淡定交流，不放在心上。工作·思考专心
我在大学遇到的兼职坑2 竹音小居
不要存在侥幸，天上不会掉馅饼上一次我讲述了我在某宝刷单遇到的坑，今天我就来讲讲比某宝刷单更坑的兼职，不，这应该不是兼职了，是被骗。我因为在某宝刷单交了会费，最后连本金都没有挣回来，就想找一个不用交本金的刷单平台，然后我就上网搜了一下“有没有不用交钱的兼职”，没成想还真有，我打开网页链接，看人家上面写的文案，确实很心动，不用交钱，加一下客服的qq就可以接单，而且网页上还有很多别人挣钱的截图，佣金非常
快点三国哪个平台有返利？快点三国哪个平台充值折扣最高？诸葛村夫123
标题：快点三国哪个平台有返利？快点三国哪个平台充值折扣最高？今天我告诉大家一个可以申请内部号的平台，直接比返利号牛逼10倍不止，最近几年出现了特别多的手游平台。每个平台的福利的各不相同，但是本质是一样的，就给点礼包，首充什么的。感觉毫无卵用。就在上个月，经一个做游戏行业的朋友介绍，了解到了一个平台“游人特权站”，特别NB。这个平台给的是内部号，什么是内部号？说白了就是托号。进服就会给300-500
Java爬虫框架（一）--架构设计狼图腾-狼之传说 java 框架 java 任务 html解析器存储电子商务
一、架构图那里搜网络爬虫框架主要针对电子商务网站进行数据爬取，分析，存储，索引。爬虫：爬虫负责爬取，解析，处理电子商务网站的网页的内容数据库：存储商品信息索引：商品的全文搜索索引Task队列：需要爬取的网页列表Visited表：已经爬取过的网页列表爬虫监控平台：web平台可以启动，停止爬虫，管理爬虫，task队列，visited表。二、爬虫1.流程1)Scheduler启动爬虫器，TaskMast
Java：爬虫框架 dingcho Java java 爬虫
一、ApacheNutch2【参考地址】Nutch是一个开源Java实现的搜索引擎。它提供了我们运行自己的搜索引擎所需的全部工具。包括全文搜索和Web爬虫。Nutch致力于让每个人能很容易,同时花费很少就可以配置世界一流的Web搜索引擎.为了完成这一宏伟的目标,Nutch必须能够做到:每个月取几十亿网页为这些网页维护一个索引对索引文件进行每秒上千次的搜索提供高质量的搜索结果简单来说Nutch支持分
2019年8月6日星期二晴李佳晨宝宝
今天我写完作业以后，我玩儿了一会儿我的拼装玩具，拼装玩具是我的世界的游戏里面的乐高，我拿出乐高把它拼成上次的迷宫，然后又给他升级了一下，我拆出上面一些部分的零件加大了游戏的难度，然后我又做了一个小牛圈。这个小牛圈里面住的是猪和牛，还有羊，给那里摆了一块草地，他们想吃东西直接在草地上吃，然后我把牛圈建了一个遮阳伞，防止天气太热把它们晒死。然后这样我的小牛就万无一失了，我再看看加大难度后的迷宫，实在是
科幻游戏《外卖员模拟器》主要地理环境设定 (1) 穷人小水滴游戏科幻设计
游戏名称:《外卖员模拟器》(英文名称:waimai_se)作者:穷人小水滴本故事纯属虚构,如有雷同实属巧合.故事发生在一个(架空)平行宇宙的地球,21世纪(超低空科幻流派).相关文章:https://blog.csdn.net/secext2022/article/details/141790630目录1星球整体地理设定2巨蛇国主要设定3海蛇市主要设定3.1主要地标建筑3.2交通3.3能源(电力)
利用python实现图片格式之间的相互转换难得北窗高卧 python 开发语言
一、概要图片一般有多种格式，常见的图片格式包括：JPEG（.jpg或.jpeg）：一种广泛使用的有损压缩格式，适用于摄影图像和网页上的图片。PNG（.png）：一种无损压缩格式，支持透明度和更好的图像质量，常用于图标、图形和需要透明背景的图片。该图片是4通道的，外加一个透明通道。如截屏GIF（.gif）：一种支持动画和透明度的格式，常用于简单的动画和图标。BMP（.bmp）：一种无损格式，存储图像
阅读《认知觉醒》读书笔记就看看书
本周阅读了周岭的《认知觉醒开启自我改变的原动力》，启发较多，故做读书笔记一则，留待学习。全书共八章，讲述了大脑、潜意识、元认知、专注力、学习力、行动力、情绪力及成本最低的成长之道。具体描述了大脑、焦虑、耐心、模糊、感性、元认知、自控力、专注力、情绪专注、学习专注、匹配、深度、关联、体系、打卡、反馈、休息、清晰、傻瓜、行动、心智宽带、单一视角、游戏心态、早起、冥想、阅读、写作、运动等相关知识点。大脑
高考后该不该给孩子买电脑，什么情况能买？什么情况不能买？寻求改变
我知道家长们很担心，怕买了电脑小孩沉迷游戏，耽误了学业，也不利于身体健康。对于准大学生来说，基本上在18岁左右，也不算小了，但在很多父母眼里，依旧是个小孩子。数据显示，这种情况是有发生的，大学生约70%的电脑主要被用于玩网络游戏，如果没有养成一个用良好的习惯，对孩子影响是非常大的。我总结为三买，三不买。最近有看到群里很多家长再问，小孩上大学该不该给他买电脑，要买和不买两种观点的家长都有，那么哪种情
笋丁网页自动回复机器人V3.0.0免授权版源码希希分享软希网58soho_cn 源码资源笋丁网页自动回复机器人
笋丁网页机器人一款可设置自动回复，默认消息，调用自定义api接口的网页机器人。此程序后端语言使用Golang，内存占用最高不超过30MB，1H1G服务器流畅运行。仅支持Linux服务器部署，不支持虚拟主机，请悉知！使用自定义api功能需要有一定的建站基础。源码下载：https://download.csdn.net/download/m0_66047725/89754250更多资源下载：关注我。安
崩坏星穹铁道哪个角色值得培养崩坏星穹铁道新手角色优先级教学会飞滴鱼儿
崩坏星穹铁道新手角色培养攻略：哪些角色值得投资？在《崩坏星穹铁道》中，角色的强度和培养一直是玩家们关心的焦点。要想体验更爽快的游戏过程，选对角色至关重要。那么，哪些角色值得投资培养呢?本篇教学文章将针对新手玩家，从T0到T1强度的角色中为你做出详尽解析。游戏豹官网现在的手游平台很多，但是在游戏界有这么一个传说：“喜欢肝的玩家不如氪金玩家，氪金玩家不如内部福利玩家”，这就是游戏界可悲的生物链，很多平
屠龙决战沙城怎么才能当托屠龙决战沙城如何可以申请内部福利号诸葛村夫123
我2015年从事游戏行业，曾担任某游戏平台的运营负责人。很多朋友玩了一辈子手游可能都还不知道手游托这事儿。你们经常在游戏中遇到那些土豪玩家，进服就充几百，几千的玩家，十有八九都是托，也就是我们常说的内部号。每个人的钱都不是大风刮来的，并不是每个人都舍得在游戏里充这么多钱。那这些内部号的充值到底是哪儿来的呢？其实内部号由于运营商扶持，这种账号一开始就领先普通账号十倍不止。内部号进服运营商会给300-
4 大低成本娱乐方式: 小说, 音乐, 视频, 电子游戏穷人小水滴娱乐音视频低成本小说游戏
穷人如何获得快乐?小说,音乐,视频,游戏,本文简单盘点一下这4大低成本(安全)娱乐方式.这里是穷人小水滴,专注于穷人友好型低成本技术.(本文为58号作品.)目录1娱乐方式1.1小说(网络小说)1.2音乐1.3视频(b站)1.4游戏(电子游戏/计算机软件)2低成本:一只手机即可3总结与展望1娱乐方式这几种,也可以说是艺术的具体形式.更专业的说,(娱乐)是劳动力再生产的重要组成部分.使人放松,获得快乐
计算机网络八股总结 Petrichorzncu 八股总结计算机网络笔记
这里写目录标题网络模型划分（五层和七层）及每一层的功能五层网络模型七层网络模型（OSI模型）==三次握手和四次挥手具体过程及原因==三次握手四次挥手TCP/IP协议组成==UDP协议与TCP/IP协议的区别==Http协议相关知识网络地址，子网掩码等相关计算网络模型划分（五层和七层）及每一层的功能五层网络模型应用层：负责处理网络应用程序，如电子邮件、文件传输和网页浏览。主要协议包括HTTP、FTP
最简单将静态网页挂载到服务器上(不用nginx) 全能全知者服务器 nginx 运维前端 html 笔记
最简单将静态网页挂载到服务器上(不用nginx)如果随便弄个静态网页挂在服务器都要用nignx就太麻烦了，所以直接使用Apache来搭建一些简单前端静态网页会相对方便很多检查Web服务器服务状态：sudosystemctlstatushttpd#ApacheWeb服务器如果发现没有安装web服务器：安装Apache：sudoyuminstallhttpd启动Apache：sudosystemctl
2023-4-6晨间日记百里清风柏年醉
今天是什么日子起床：7:00就寝：10:30天气：阳光明媚心情：沉闷，忧心忡忡纪念日：无任务清单昨日完成的任务，最重要的三件事：看咨询工程师的书锻炼身体记75个单词改进：自己做饭习惯养成：看纸质书籍不刷抖音每天日更周目标·完成进度学习·信息·阅读健康·饮食·锻炼人际·家人·朋友保持与朋友交流，多认识、结交新的朋友工作·思考怎么做好向上管理该学习什么新的技能怎么与同事更好相处，更好地开展工作最美好的
抱怨很廉价，别做空想家 Fang2023
今天在整理浏览器收藏夹的时候，看到一个很多年前保存的一个网页，上面是一支央视公益广告的视频，《我创故我在》。思绪一下子回到了好几年前。还记得第一次无意中在电视上看到这支广告，喜悦之情溢于言表。抱怨很廉价，别做空想家，这句歌词尤其喜欢。听着歌曲，仿佛那时候的潮气蓬勃、意气风发，又回来了，即使此时感到疲惫。【公益】央视公益广告歌曲《我创故我在》_腾讯视频
Hadoop(一) 朱辉辉33 hadoop linux
今天在诺基亚第一天开始培训大数据，因为之前没接触过Linux，所以这次一起学了，任务量还是蛮大的。首先下载安装了Xshell软件，然后公司给了账号密码连接上了河南郑州那边的服务器，接下来开始按照给的资料学习，全英文的，头也不讲解，说锻炼我们的学习能力，然后就开始跌跌撞撞的自学。这里写部分已经运行成功的代码吧. 在hdfs下，运行hadoop fs -mkdir /u
maven An error occurred while filtering resources blackproof maven 报错
转：http://stackoverflow.com/questions/18145774/eclipse-an-error-occurred-while-filtering-resources maven报错： maven An error occurred while filtering resources Maven -> Update Proje
jdk常用故障排查命令 daysinsun jvm
linux下常见定位命令： 1、jps 输出Java进程 -q 只输出进程ID的名称，省略主类的名称； -m 输出进程启动时传递给main函数的参数； &nb
java 位移运算与乘法运算周凡杨 java 位移运算乘法
对于 JAVA 编程中，适当的采用位移运算，会减少代码的运行时间，提高项目的运行效率。这个可以从一道面试题说起：问题：用最有效率的方法算出2 乘以8 等於几?” 答案：2 << 3 由此就引发了我的思考，为什么位移运算会比乘法运算更快呢？其实简单的想想，计算机的内存是用由 0 和 1 组成的二
java中的枚举(enmu) g21121 java
从jdk1.5开始，java增加了enum(枚举)这个类型，但是大家在平时运用中还是比较少用到枚举的，而且很多人和我一样对枚举一知半解，下面就跟大家一起学习下enmu枚举。先看一个最简单的枚举类型，一个返回类型的枚举： public enum ResultType { /** * 成功 */ SUCCESS, /** * 失败 */ FAIL,
MQ初级学习 510888780 activemq
1.下载ActiveMQ 去官方网站下载：http://activemq.apache.org/ 2.运行ActiveMQ 解压缩apache-activemq-5.9.0-bin.zip到C盘，然后双击apache-activemq-5.9.0-\bin\activemq-admin.bat运行ActiveMQ程序。启动ActiveMQ以后，登陆：http://localhos
Spring_Transactional_Propagation 布衣凌宇 spring transactional
//事务传播属性 @Transactional(propagation=Propagation.REQUIRED)//如果有事务，那么加入事务，没有的话新创建一个 @Transactional(propagation=Propagation.NOT_SUPPORTED)//这个方法不开启事务 @Transactional(propagation=Propagation.REQUIREDS_N
我的spring学习笔记12-idref与ref的区别 aijuans spring
idref用来将容器内其他bean的id传给<constructor-arg>/<property>元素，同时提供错误验证功能。例如： <bean id ="theTargetBean" class="..." /> <bean id ="theClientBean" class=&quo
Jqplot之折线图 antlove js jquery Web timeseries jqplot
timeseriesChart.html <script type="text/javascript" src="jslib/jquery.min.js"></script> <script type="text/javascript" src="jslib/excanvas.min.js&
JDBC中事务处理应用百合不是茶 java JDBC编程事务控制语句
解释事务的概念; 事务控制是sql语句中的核心之一;事务控制的作用就是保证数据的正常执行与异常之后可以恢复事务常用命令: Commit提交
[转]ConcurrentHashMap Collections.synchronizedMap和Hashtable讨论 bijian1013 java 多线程线程安全 HashMap
在Java类库中出现的第一个关联的集合类是Hashtable，它是JDK1.0的一部分。 Hashtable提供了一种易于使用的、线程安全的、关联的map功能，这当然也是方便的。然而，线程安全性是凭代价换来的――Hashtable的所有方法都是同步的。此时，无竞争的同步会导致可观的性能代价。Hashtable的后继者HashMap是作为JDK1.2中的集合框架的一部分出现的，它通过提供一个不同步的
ng-if与ng-show、ng-hide指令的区别和注意事项 bijian1013 JavaScript AngularJS
angularJS中的ng-show、ng-hide、ng-if指令都可以用来控制dom元素的显示或隐藏。ng-show和ng-hide根据所给表达式的值来显示或隐藏HTML元素。当赋值给ng-show指令的值为false时元素会被隐藏，值为true时元素会显示。ng-hide功能类似，使用方式相反。元素的显示或
【持久化框架MyBatis3七】MyBatis3定义typeHandler bit1129 TypeHandler
什么是typeHandler? typeHandler用于将某个类型的数据映射到表的某一列上，以完成MyBatis列跟某个属性的映射内置typeHandler MyBatis内置了很多typeHandler，这写typeHandler通过org.apache.ibatis.type.TypeHandlerRegistry进行注册，比如对于日期型数据的typeHandler，
上传下载文件rz,sz命令 bitcarter linux命令rz
刚开始使用rz上传和sz下载命令：因为我们是通过secureCRT终端工具进行使用的所以会有上传下载这样的需求：我遇到的问题： sz下载A文件10M左右，没有问题但是将这个文件A再传到另一天服务器上时就出现传不上去，甚至出现乱码，死掉现象，具体问题解决方法：上传命令改为;rz -ybe 下载命令改为：sz -be filename 如果还是有问题：那就是文
通过ngx-lua来统计nginx上的虚拟主机性能数据 ronin47 ngx-lua　统计解禁ip
介绍以前我们为nginx做统计,都是通过对日志的分析来完成.比较麻烦,现在基于ngx_lua插件,开发了实时统计站点状态的脚本,解放生产力.项目主页: https://github.com/skyeydemon/ngx-lua-stats 功能支持分不同虚拟主机统计, 同一个虚拟主机下可以分不同的location统计. 可以统计与query-times request-time
java-68-把数组排成最小的数。一个正整数数组，将它们连接起来排成一个数，输出能排出的所有数字中最小的。例如输入数组{32, 321}，则输出32132 bylijinnan java
import java.util.Arrays; import java.util.Comparator; public class MinNumFromIntArray { /** * Q68输入一个正整数数组，将它们连接起来排成一个数，输出能排出的所有数字中最小的一个。 * 例如输入数组{32, 321}，则输出这两个能排成的最小数字32132。请给出解决问题
Oracle基本操作 ccii Oracle SQL总结 Oracle SQL语法 Oracle基本操作 Oracle SQL
一、表操作 1. 常用数据类型 NUMBER(p,s)：可变长度的数字。p表示整数加小数的最大位数，s为最大小数位数。支持最大精度为38位 NVARCHAR2(size)：变长字符串，最大长度为4000字节（以字符数为单位） VARCHAR2(size)：变长字符串，最大长度为4000字节（以字节数为单位） CHAR(size)：定长字符串，最大长度为2000字节，最小为1字节，默认
[强人工智能]实现强人工智能的路线图 comsci 人工智能
1：创建一个用于记录拓扑网络连接的矩阵数据表 2:自动构造或者人工复制一个包含10万个连接(1000*1000)的流程图 3：将这个流程图导入到矩阵数据表中 4：在矩阵的每个有意义的节点中嵌入一段简单的
给Tomcat，Apache配置gzip压缩(HTTP压缩)功能 cwqcwqmax9 apache
背景： HTTP 压缩可以大大提高浏览网站的速度，它的原理是，在客户端请求网页后，从服务器端将网页文件压缩，再下载到客户端，由客户端的浏览器负责解压缩并浏览。相对于普通的浏览过程HTML ,CSS,Javascript , Text ，它可以节省40%左右的流量。更为重要的是，它可以对动态生成的，包括CGI、PHP , JSP , ASP , Servlet,SHTML等输出的网页也能进行压缩，
SpringMVC and Struts2 dashuaifu struts2 springMVC
SpringMVC VS Struts2 1: spring3开发效率高于struts 2: spring3 mvc可以认为已经100%零配置 3: struts2是类级别的拦截，一个类对应一个request上下文， springmvc是方法级别的拦截，一个方法对应一个request上下文，而方法同时又跟一个url对应所以说从架构本身上 spring3 mvc就容易实现r
windows常用命令行命令 dcj3sjt126com windows cmd command
在windows系统中，点击开始－运行，可以直接输入命令行，快速打开一些原本需要多次点击图标才能打开的界面，如常用的输入cmd打开dos命令行，输入taskmgr打开任务管理器。此处列出了网上搜集到的一些常用命令。winver 检查windows版本 wmimgmt.msc 打开windows管理体系结构(wmi) wupdmgr windows更新程序 wscrip
再看知名应用背后的第三方开源项目 dcj3sjt126com ios
知名应用程序的设计和技术一直都是开发者需要学习的，同样这些应用所使用的开源框架也是不可忽视的一部分。此前《 iOS第三方开源库的吐槽和备忘》中作者ibireme列举了国内多款知名应用所使用的开源框架，并对其中一些框架进行了分析，同样国外开发者 @iOSCowboy也在博客中给我们列出了国外多款知名应用使用的开源框架。另外txx's blog中详细介绍了 Facebook Paper使用的第三
Objective-c单例模式的正确写法 jsntghf 单例 ios iPhone
一般情况下，可能我们写的单例模式是这样的： #import <Foundation/Foundation.h> @interface Downloader : NSObject + (instancetype)sharedDownloader; @end #import "Downloader.h" @implementation
jquery easyui datagrid 加载成功，选中某一行 hae jquery easyui datagrid 数据加载
1.首先你需要设置datagrid的onLoadSuccess $( '#dg' ).datagrid({onLoadSuccess : function (data){ $( '#dg' ).datagrid( 'selectRow' ,3); }}); 2.onL
jQuery用户数字打分评价效果 ini JavaScript html jquery Web css
效果体验：http://hovertree.com/texiao/jquery/5.htmHTML文件代码： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery用户数字打分评分代码 - HoverTree</
mybatis的paramType kerryg DAO sql
MyBatis传多个参数： 1、采用#{0},#{1}获得参数： Dao层函数方法： public User selectUser(String name,String area); 对应的Mapper.xml <select id="selectUser" result
centos 7安装mysql5.5 MrLee23 centos
首先centos7 已经不支持mysql，因为收费了你懂得，所以内部集成了mariadb，而安装mysql的话会和mariadb的文件冲突，所以需要先卸载掉mariadb，以下为卸载mariadb，安装mysql的步骤。 #列出所有被安装的rpm package rpm -qa | grep mariadb #卸载 rpm -e mariadb-libs-5.
利用thrift来实现消息群发 qifeifei thrift
Thrift项目一般用来做内部项目接偶用的，还有能跨不同语言的功能，非常方便，一般前端系统和后台server线上都是3个节点，然后前端通过获取client来访问后台server，那么如果是多太server，就是有一个负载均衡的方法，然后最后访问其中一个节点。那么换个思路，能不能发送给所有节点的server呢，如果能就
实现一个sizeof获取Java对象大小 teasp java HotSpot 内存对象大小 sizeof
由于Java的设计者不想让程序员管理和了解内存的使用，我们想要知道一个对象在内存中的大小变得比较困难了。本文提供了可以获取对象的大小的方法，但是由于各个虚拟机在内存使用上可能存在不同，因此该方法不能在各虚拟机上都适用，而是仅在hotspot 32位虚拟机上，或者其它内存管理方式与hotspot 32位虚拟机相同的虚拟机上适用。
SVN错误及处理 xiangqian0505 SVN提交文件时服务器强行关闭
在SVN服务控制台打开资源库“SVN无法读取current” ---摘自网络写道 SVN无法读取current修复方法 Can't read file : End of file found 文件：repository/db/txn_current、repository/db/current 其中current记录当前最新版本号，txn_current记录版本库中版本

网页游戏“贪食蛇”改进

你可能感兴趣的:(游戏,网页,改进,休闲,贪食蛇)