weixin_34068198
weixin_34068198

html+css+javaScript 写一个简单游戏 看了就会

小游戏：九宫格也可以叫三子棋，边学习js边练习，界面长这样：

html+css+javaScript 写一个简单游戏 看了就会_第1张图片

 

步骤：

  1、画好九宫格

  2、实现点击后把图片放上去（绑定监听事件）

  3、交替画图

  4、把每个div关联到一个二维数组，方便以后计算

  5、计算如何才算赢

 上传两颗蠢蠢的棋子

 

    

具体代码：

  1 DOCTYPE HTML>
  2 <html>
  3   <head>
  4     <meta name="generator"
  5     content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-html5/tree/c63cc39" />
  6     <meta charset="UTF-8" />
  7     <title>九宫格title>
  8     
  9     <style type="text/css">
 10          #square{
 11            position:relative;
 12            margin: 40px 450px;
 13            height: 316px;
 14            width: 316px;
 15            background-color: #87A2B5;
 16         }
 17         #square div{
 18             float: left;
 19             position:relative;
 20             background-color: white;
 21             border: 2px;
 22             border-radius: 2px;
 23             height: 100px;
 24             width: 100px;
 25             margin-top: 4px;
 26             margin-left:4px;
 27         
 28         
 29             
 30          }
 31         .img{
 32             position:relative;
 33             float:left;
 34                  
 35         }
 36                 
 37       
 38 style>
 39   head>
 40 
 41   <body bgcolor="#D7D1D1"  onload="init()"> 
 42 <script  type="text/javascript">
 43 
 44 var chessdata = new Array();
 45 var i,j,k=0, img_num=1;
 46 var myname=new Array("circle.gif","false.gif");//存储图片的数组
 47 function init() {
 48     var x=document.getElementById("square");
 49     //二层循环用来生成九个div
 50    for (i=0;i<3;i++){
 51      for (j=0;j<3;j++){
 52       x.innerHTML += "
"+i+","+j+")>
";      
 53      }      
 54 }
 55      //建立一个与九宫格对应的数组
 56      for (var i = 0; i < 3; i++) {
 57           chessdata[i] = new Array();
 58           for (var j = 0; j < 3; j++) {
 59             chessdata[i][j] = 0;
 60           }
 61     }
 62 }    
 63  function drawfigure(obj, x, y){
 64     if(chessdata[x][y] != 0){
 65         alert("此处有棋子了！");  //有棋子就直接返回，什么也不做
 66         return;
 67     }
 68     chessdata[x][y]=img_num%2+3;//画圆就给该数组元素赋值为4，画叉就给该数组元素赋值为3
 69     obj.innerHTML = ''+myname[img_num]+'"/>'; 
 70     img_num=(img_num+1)%2;//控制交替画图
 71     calculate(x,y);
 72  }
 73  
 74  //计算当前画图的位置是否有成一条线的
 75  function calculate(x,y){    
 76     var n=x,m=y,sum=0,sum1=0,sum2=0,sum3=0;
 77     
 78       //横向
 79       for(var i=0;i<3;i++){
 80         sum+=chessdata[n][i];
 81         judge(sum);
 82       } 
 83       
 84        //竖向
 85         for(var i=0;i<3;i++){
 86         sum1+=chessdata[i][m];
 87         judge(sum1);
 88       }
 89       
 90       //左斜
 91       if(n+m==2){
 92       for(var i=0;i<3;i++){
 93         sum2+=chessdata[i][2-i];
 94         judge(sum2);
 95       }
 96   }
 97   
 98      //右斜
 99       if(n==m){
100       for(var i=0;i<3;i++){
101         sum3+=chessdata[i][i];
102        judge(sum3);
103       }
104    }
105  }
106  
107  //根据图形所带的值计算是否满足成线
108  function judge(sum){
109      if(sum==12){
110         //判断胜利后弹出对话框，点击确定刷新
111          alert("X win"); 
112          window.location.reload(); 
113         }
114         else if(sum==9){
115          alert("O win");
116          window.location.reload(); 
117         }
118  }
119     
120 
121 script>
122     <div> 九宫格游戏--------------br>
123     又名：自己跟自己玩-(￢∀￢)σbr>br>
124     简单的规则：br>
125     点一下画圆，点第二下画叉br>
126     去吧，皮卡丘！br>div>
127     <div id="square">
128     
129     div>
130   body>
131 html>
View Code

 

---------------------------------------------------------傻逼分割线---------------------------------------------------------

留下第一个版本跟第二个版本（不忍直视且充满bug，纪念下--。）

the number one!

  1 DOCTYPE HTML>
  2 <html>
  3   
  4   <head>
  5     <meta name="generator" content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-html5/tree/c63cc39" />
  6     <meta charset="UTF-8" />
  7     <title>九宫格title>
  8     <style type="text/css">#square{ position:relative; margin: 80px 450px; height: 316px; width: 316px; background-color: #87A2B5; } #square div{ float: left; position:relative; background-color: white; border: 2px; border-radius: 2px; height: 100px; width: 100px; margin-top: 4px; margin-left:4px; } .img{ position:relative; float:left; }style>head>
  9   
 10   <body bgcolor="#D7D1D1" onmousedown="draw(event)" onload="setchess()">
 11   <script type = "text/javascript" >
 12 var a = 1,
 13 b = 0,
 14 c, temp;
 15 var array = new Array();
 16 function draw(e) {
 17     var f, c;
 18     f = change();
 19     if (f == 'circle') {
 20         e.srcElement.innerHTML = '' + f + '.gif"/>';
 21         c = 1;
 22         setflagc(e, c);
 23     } else {
 24 
 25         e.srcElement.innerHTML = '' + f + '.gif"/>';
 26         c = 0;
 27         setflagc(e, c);
 28 
 29     }
 30 
 31     whowin();
 32 }
 33 
 34 function whowin() {
 35 
 36     var l = dfs();
 37     if (l == "circle") {
 38         alert("o win!!");
 39 
 40     } else if (l == "false") {
 41         alert("X win!!!");
 42 
 43     }
 44 
 45 }
 46 function getMousePosX(event) {
 47 
 48     var e, x;
 49     e = event || window.event;
 50     x = e.clientX;
 51     return x;
 52 }
 53 
 54 function getMousePosY(event) {
 55 
 56     var e, y;
 57     e = event || window.event;
 58     y = e.clientY;
 59     return y;
 60 }
 61 
 62 // 画叉    
 63 function drawfalse() {
 64 
 65     temp = 'false';
 66     return temp;
 67 }
 68 
 69 //画圆
 70 function drawcircle() {
 71 
 72     temp = 'circle';
 73 
 74     return temp;
 75 
 76 }
 77 
 78 //交替画图
 79 function change() {
 80 
 81     var figure;
 82     if (a > 0) {
 83         a--;
 84         figure = drawcircle();
 85         b++;
 86 
 87     } else if (b > 0) {
 88         b--;
 89         figure = drawfalse();
 90         a++;
 91     }
 92     return figure;
 93 }
 94 
 95 //建立九宫格数组
 96 function setchess() {
 97 
 98     for (var i = 0; i < 3; i++) {
 99         array[i] = new Array();
100         for (var j = 0; j < 3; j++) {
101             array[i][j] = 0;
102         }
103     }
104 }
105 
106 //遍历数组
107 function dfs() {
108     var countc = 0,
109     countf = 0,
110     k = 2;
111     //横向
112     for (var m = 0; m < 3; m++) {
113         countc = 0;
114         countf = 0;
115         for (var n = 0; n < 3; n++) {
116             if (array[m][n] == 1) {
117                 countc++;
118                 if (countc == 3) return "circle";
119             } else if (array[m][n] == 2) {
120                 countf++;
121                 if (countf == 3) return "false";
122             }
123 
124         }
125     }
126 
127     //竖向
128     for (var m = 0; m < 3; m++) {
129         countc = 0;
130         countf = 0;
131         for (var n = 0; n < 3; n++) {
132 
133             if (array[n][m] == 1) {
134                 countc++;
135                 if (countc == 3) return "circle";
136             } else if (array[n][m] == 2) {
137                 countf++;
138                 if (countf == 3) return "false";
139             }
140         }
141     }
142     //斜向
143     for (var m = 0; m < 3; m++) {
144         if (array[m][m] == 1) {
145             countc++;    
146             if (countc == 3) return "circle";
147         } else if (array[m][m] == 2) {
148             countf++;
149             if (countf == 3) return "false";
150         }
151     }
152     for (var m = 0; m < 3; m++) {
153         if (array[m][k - m] == 1) {
154             counc++;
155             if (countc == 3) return "circle";
156         } else if (array[m][k - m] == 2) {
157             countf++;
158             if (countf == 3) return "false";
159         }
160     }
161     return "q";
162 }
163 
164 //标记div放的图形
165 function setflagc(e, c) {
166     var X, Y;
167     X = getMousePosX(e);
168     Y = getMousePosY(e);
169     if (X > 463 && X < 569 && Y > 86 && Y < 189) {
170         array[0][0] = (c == 1) ? 1 : 2;
171     }
172     else if (X > 569 && X < 673 && Y > 86 && Y < 189) {
173         array[0][1] = (c == 1) ? 1 : 2;
174 
175     }
176     else if (X > 673 && X < 768 && Y > 86 && Y < 189) {
177         array[0][2] = (c == 1) ? 1 : 2;
178         // alert("array[0][2]:"+array[0][2]);
179     }
180     else if (X > 463 && X < 569 && Y > 189 && Y < 295) {
181         array[1][0] = (c == 1) ? 1 : 2;
182 
183     }
184     else if (X > 569 && X < 673 && Y > 189 && Y < 295) {
185         array[1][1] = (c == 1) ? 1 : 2;
186 
187     }
188     else if (X > 673 && X < 768 && Y > 189 && Y < 295) {
189         array[1][2] = (c == 1) ? 1 : 2;
190 
191     }
192     else if (X > 463 && X < 569 && Y > 295 && Y < 390) {
193         array[2][0] = (c == 1) ? 1 : 2;
194 
195     }
196     else if (X > 569 && X < 673 && Y > 295 && Y < 390) {
197         array[2][1] = (c == 1) ? 1 : 2;
198 
199     }
200     else if (X > 673 && X < 768 && Y > 295 && Y < 390) {
201         array[2][2] = (c == 1) ? 1 : 2;
202 
203     } else return false;
204     return true;
205 }
206 script>
207     <div id="square">
208       <div >div>
209       <div>div>
210       <div>div>
211       <div>div>
212       <div>div>
213       <div>div>
214       <div>div>
215       <div>div>
216       <div>div>
217     div>
218   body>
219 
220 html>
View Code

the number two！

  1 DOCTYPE HTML>
  2 <html>
  3   <head>
  4     <meta name="generator"
  5     content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-html5/tree/c63cc39" />
  6     <meta charset="UTF-8" />
  7     <title>九宫格title>
  8     
  9     <style type="text/css">
 10          #square{
 11            position:relative;
 12            margin: 80px 450px;
 13            height: 316px;
 14            width: 316px;
 15            background-color: #87A2B5;
 16         }
 17         #square div{
 18             float: left;
 19             position:relative;
 20             background-color: white;
 21             border: 2px;
 22             border-radius: 2px;
 23             height: 100px;
 24             width: 100px;
 25             margin-top: 4px;
 26             margin-left:4px;
 27         
 28         
 29             
 30          }
 31         .img{
 32             position:relative;
 33             float:left;
 34                  
 35         }
 36                 
 37       
 38 style>
 39   head>
 40 
 41   <body bgcolor="#D7D1D1"  onload="init();setchess()"> 
 42 <script  type="text/javascript">
 43 
 44 var array = new Array();
 45 var pAry;
 46 var i,j,k=0,img_num=1;
 47 var myname=new Array("circle.gif","false.gif");
 48 function init() {
 49    pAry = document.getElementsByTagName("div");
 50         for(i=0;i<3;i++){
 51      for(j=0;j<3;j++){  
 52           k++;
 53           pAry[k].x=i;
 54           pAry[k].y=j; 
 55           pAry[k].hasimg=0; 
 56           pAry[k].onclick = drawfigure;//解决兼容问题        
 57      }
 58     }
 59      for (var i = 0; i < 3; i++) {
 60           array[i] = new Array();
 61           for (var j = 0; j < 3; j++) {
 62             array[i][j] = 0;
 63           }
 64     }
 65 }    
 66  function drawfigure(){
 67    if(this.hasimg==0){
 68         f=img_num%2+3;
 69         this.innerHTML=''+myname[img_num]+'"/>'; 
 70         this.hasimg=1;
 71         if(img_num==0){
 72           img_num++;
 73         }else{img_num--;}
 74         array[this.x][this.y]=f;
 75 
 76     }
 77     else{alert("此处有棋子了！")}
 78     calculate(this.x,this.y);
 79  }
 80  function calculate(x,y){    
 81     var n=x,m=y,sum=0,sum1=0,sum2=0,sum3=0;
 82       for(var i=0;i<3;i++){
 83         sum+=array[n][i];
 84         judge(sum);
 85       } 
 86         for(var i=0;i<3;i++){
 87         sum1+=array[i][m];
 88         judge(sum1);
 89       }
 90       if(n+m==2){
 91       for(var i=0;i<3;i++){
 92         sum2+=array[i][2-i];
 93         judge(sum2);
 94       }
 95   }
 96       if(n==m){
 97       for(var i=0;i<3;i++){
 98         sum3+=array[i][i];
 99        judge(sum3);
100       }
101    }
102  }
103  function judge(sum){
104      if(sum==12){
105          alert("X win"); 
106          window.location.reload(); 
107         }
108         else if(sum==9){
109          alert("O win");
110          window.location.reload(); 
111         }
112  }
113     
114 
115 script>
116     <div id="square">
117       <div>div>
118       <div>div>
119       <div>div>
120       <div>div>
121       <div>div>
122       <div>div>
123       <div>div>
124       <div>div>
125       <div>div>
126     div>
127   body>
128 html>
View Code

 

好好加油！

7.19-7.22

 

转载于:https://www.cnblogs.com/Lynn0814/p/5698159.html

你可能感兴趣的:(html+css+javaScript 写一个简单游戏 看了就会)

  • 芦花鞋一四 许叶晗
    又是在一个寒冷的夏日里，青铜和葵花决定今天一起去卖芦花鞋，奶奶亲手给他们做了一碗热乎乎的粥对他们说:“就靠你们两挣生活费了这碗粥赶紧趁热喝了吧！”于是青铜和葵花喝完了奶奶给她们做的粥，就准备去镇上卖卢花鞋，这回青铜和葵花穿着新的芦花鞋来到了镇上。青铜这回看到了很多人都在卖，用手势表达对葵花说:“这回有好多人在抢我们生意呢！我们必须得吆喝起来。”葵花点了点头。可是谁知他们也大声的叫，卖芦花喽！卖芦花
  • 铭刻于星（四十二） 随风至
    69夜晚，绍敏同学做完功课后，看了眼房外，没听到动静才敢从书包的夹层里拿出那个心形纸团。折痕压得很深，都有些旧了，想来是已经写好很久了。绍敏同学慢慢地、轻轻地捏开折叠处，待到全部拆开后，又反复抚平纸张，然后仔细地一字字默看。只是开头的三个字是第一次看到，让她心漏跳了几拍。“亲爱的绍敏：从四年级的时候，我就喜欢你了，但是我一直不敢说，怕影响你学习。六年级的时候听说有人跟你表白，你接受了，我很难过，但
  • 底层逆袭到底有多难，不甘平凡的你准备好了吗？让吴起给你说说 造命者说
    底层逆袭到底有多难，不甘平凡的你准备好了吗？让吴起给你说说我叫吴起，生于公元前440年的战国初期，正是群雄并起、天下纷争不断的时候。后人说我是军事家、政治家、改革家，是兵家代表人物。评价我一生历仕鲁、魏、楚三国，通晓兵家、法家、儒家三家思想，在内政军事上都有极高的成就。周安王二十一年（公元前381年），因变法得罪守旧贵族，被人乱箭射死。我出生在卫国一个“家累万金”的富有家庭，从年轻时候起就不甘平凡
  • 2020-01-25 晴岚85
    郑海燕坚持分享590天2020.1.24在生活中只存在两个问题。一个问题是：你知道想要达成的目标是什么，但却不知道如何才能达成；另一个问题是：你不知道你的目标是什么。前一个是行动的问题，后一个是结果的问题。通过制定具体的下一步行动，可以解决不知道如何开始行动的问题。而通过去想象结果，对结果做预估，可以解决找不着目标的问题。对于所有吸引我们注意力，想要完成的任务，你可以先想象一下，预期的结果究竟是什
  • 随笔 | 仙一般的灵气 海思沧海
    仙岛今天，我看了你全部，似乎已经进入你的世界我不知道，这是否是梦幻，还是你仙一般的灵气吸引了我也许每一个人都要有一份属于自己的追求，这样才能够符合人生的梦想，生活才能够充满着阳光与快乐我不知道，我为什么会这样的感叹，是在感叹自己的人生，还是感叹自己一直没有孜孜不倦的追求只感觉虚度了光阴，每天活在自己的梦中，活在一个不真实的世界是在逃避自己，还是在逃避周围的一切有时候我嘲笑自己，嘲笑自己如此的虚无，
  • 【iOS】MVC设计模式 Magnetic_h iosmvc设计模式objective-c学习ui
    MVC前言如何设计一个程序的结构，这是一门专门的学问，叫做"架构模式"（architecturalpattern），属于编程的方法论。MVC模式就是架构模式的一种。它是Apple官方推荐的App开发架构，也是一般开发者最先遇到、最经典的架构。MVC各层controller层Controller/ViewController/VC（控制器）负责协调Model和View，处理大部分逻辑它将数据从Mod
  • OC语言多界面传值五大方式 Magnetic_h iosui学习objective-c开发语言
    前言在完成暑假仿写项目时，遇到了许多需要用到多界面传值的地方，这篇博客来总结一下比较常用的五种多界面传值的方式。属性传值属性传值一般用前一个界面向后一个界面传值，简单地说就是通过访问后一个视图控制器的属性来为它赋值，通过这个属性来做到从前一个界面向后一个界面传值。首先在后一个界面中定义属性@interfaceBViewController:UIViewController@propertyNSSt
  • UI学习——cell的复用和自定义cell Magnetic_h ui学习
    目录cell的复用手动（非注册）自动（注册）自定义cellcell的复用在iOS开发中，单元格复用是一种提高表格（UITableView）和集合视图（UICollectionView）滚动性能的技术。当一个UITableViewCell或UICollectionViewCell首次需要显示时，如果没有可复用的单元格，则视图会创建一个新的单元格。一旦这个单元格滚动出屏幕，它就不会被销毁。相反，它被添
  • element实现动态路由+面包屑 软件技术NINI vue案例vue.js前端
    el-breadcrumb是ElementUI组件库中的一个面包屑导航组件，它用于显示当前页面的路径，帮助用户快速理解和导航到应用的各个部分。在Vue.js项目中，如果你已经安装了ElementUI，就可以很方便地使用el-breadcrumb组件。以下是一个基本的使用示例：安装ElementUI（如果你还没有安装的话）:你可以通过npm或yarn来安装ElementUI。bash复制代码npmi
  • 10月|愿你的青春不负梦想-读书笔记-01 Tracy的小书斋
    本书的作者是俞敏洪，大家都很熟悉他了吧。俞敏洪老师是我行业的领头羊吧，也是我事业上的偶像。本日摘录他书中第一章中的金句：『一个人如果什么目标都没有，就会浑浑噩噩，感觉生命中缺少能量。能给我们能量的，是对未来的期待。第一件事，我始终为了进步而努力。与其追寻全世界的骏马，不如种植丰美的草原，到时骏马自然会来。第二件事，我始终有阶段性的目标。什么东西能给我能量？答案是对未来的期待。』读到这里的时候，我便
  • C语言如何定义宏函数？ 小九格物 c语言
    在C语言中，宏函数是通过预处理器定义的，它在编译之前替换代码中的宏调用。宏函数可以模拟函数的行为，但它们不是真正的函数，因为它们在编译时不会进行类型检查，也不会分配存储空间。宏函数的定义通常使用#define指令，后面跟着宏的名称和参数列表，以及宏展开后的代码。宏函数的定义方式：1.基本宏函数：这是最简单的宏函数形式，它直接定义一个表达式。#defineSQUARE(x)((x)*(x))2.带参
  • 理解Gunicorn：Python WSGI服务器的基石 范范0825 ipythonlinux运维
    理解Gunicorn：PythonWSGI服务器的基石介绍Gunicorn，全称GreenUnicorn，是一个为PythonWSGI（WebServerGatewayInterface）应用设计的高效、轻量级HTTP服务器。作为PythonWeb应用部署的常用工具，Gunicorn以其高性能和易用性著称。本文将介绍Gunicorn的基本概念、安装和配置，帮助初学者快速上手。1.什么是Gunico
  • 小丽成长记（四十三） 玲玲54321
    小丽发现，即使她好不容易调整好自己的心态下一秒总会有不确定的伤脑筋的事出现，一个接一个的问题，人生就没有停下的时候，小问题不断出现。不过她今天看的书，她接受了人生就是不确定的，厉害的人就是不断创造确定性，在Ta的领域比别人多的确定性就能让自己脱颖而出，显示价值从而获得的比别人多的利益。正是这样的原因，因为从前修炼自己太少，使得她现在在人生道路上打怪起来困难重重，她似乎永远摆脱不了那种无力感，有种习
  • 学点心理知识，呵护孩子健康 静候花开_7090
    昨天听了华中师范大学教育管理学系副教授张玲老师的《哪里才是学生心理健康的最后庇护所，超越教育与技术的思考》的讲座。今天又重新学习了一遍，收获匪浅。张玲博士也注意到了当今社会上的孩子由于心理问题导致的自残、自杀及伤害他人等恶性事件。她向我们普及了一个重要的命题，她说心理健康的一些基本命题，我们与我们通常的一些教育命题是不同的，她还举了几个例子，让我们明白我们原来以为的健康并非心理学上的健康。比如如果
  • 2021年12月19日，春蕾教育集团团建活动感受——黄晓丹 黄错错加油
    感受:1.从陌生到熟悉的过程。游戏环节让我们在轻松的氛围中得到了锻炼，也增长了不少知识。2.游戏过程中，我们贡献的是个人力量，展现的是团队的力量。它磨合的往往不止是工作的熟悉，更是观念上契合度的贴近。3.这和工作是一样的道理。在各自的岗位上，每个人摆正自己的位置、各司其职充分发挥才能，并团结一致劲往一处使，才能实现最大的成功。新知:1.团队精神需要不断地创新。过去，人们把创新看作是冒风险，现在人们
  • 瑶池防线 谜影梦蝶
    冥华虽然逃过了影梦的军队，但他是一个忠臣，他选择上报战况。败给影梦后成逃兵，高层亡尔还活着，七重天失守......随便一条，即可处死冥华。冥华自然是知道以仙界高层的习性此信一发自己必死无疑，但他还选择上报实情，因为责任。同样此信送到仙宫后，知道此事的人，大多数人都认定冥华要完了，所以上到仙界高层，下到扫大街的，包括冥华自己，全都准备好迎接冥华之死。如果仙界现在还属于两方之争的话，冥华必死无疑。然而
  • 《策划经理回忆录之二》 路基雅虎
    话说三年变六年，飘了，飘了……眨眼，2013年5月，老吴回到了他的家乡——油城从新开启他的工作幻想症生涯。很庆幸，这是一家很有追求，同时敢于尝试的，且实力不容低调的新星房企——金源置业(前身泰源置业)更值得庆幸的是第一个盘就是油城十路的标杆之一:金源盛世。2013年5月，到2015年11月，两年的陪伴，迎来了一场大爆发。2000个筹，5万/筹，直接回笼1个亿！！！这……让我开始认真审视这座看似五线
  • Long类型前后端数据不一致 igotyback 前端
    响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问
  • 如何在 Fork 的 GitHub 项目中保留自己的修改并同步上游更新？github_fork_update iBaoxing github
    如何在Fork的GitHub项目中保留自己的修改并同步上游更新？在GitHub上Fork了一个项目后，你可能会对项目进行一些修改，同时原作者也在不断更新。如果想要在保留自己修改的基础上，同步原作者的最新更新，很多人会不知所措。本文将详细讲解如何在不丢失自己改动的情况下，将上游仓库的更新合并到自己的仓库中。问题描述假设你在GitHub上Fork了一个项目，并基于该项目做了一些修改，随后你发现原作者对
  • 扫地机类清洁产品之直流无刷电机控制 悟空胆好小 清洁服务机器人单片机人工智能
    扫地机类清洁产品之直流无刷电机控制1.1前言扫地机产品有很多的电机控制，滚刷电机1个，边刷电机1-2个，清水泵电机，风机一个，部分中高端产品支持抹布功能，也就是存在抹布盘电机，还有追觅科沃斯石头等边刷抬升电机，滚刷抬升电机等的，这些电机有直流有刷电机，直接无刷电机，步进电机，电磁阀，挪动泵等不同类型。电机的原理，驱动控制方式也不行。接下来一段时间的几个文章会作个专题分析分享。直流有刷电机会自动持续
  • 绘本讲师训练营【24期】8/21阅读原创《独生小孩》 1784e22615e0
    24016-孟娟《独生小孩》图片发自App今天我想分享一个蛮特别的绘本，讲的是一个特殊的群体，我也是属于这个群体，80后的独生小孩。这是一本中国绘本，作者郭婧，也是一个80厚。全书一百多页，均为铅笔绘制，虽然为黑白色调，但并不显得沉闷。全书没有文字，犹如“默片”，但并不影响读者对该作品的理解，反而显得神秘，梦幻，給读者留下想象的空间。作者在前蝴蝶页这样写到：“我更希望父母和孩子一起分享这本书，使他
  • 30天风格练习-DAY2 黄希夷
    Day2（重义）在一个周日/一周的最后一天，我来到位于市中心/市区繁华地带的一家购物中心/商场，中心内人很多/熙熙攘攘。我注意到/看见一个独行/孤身一人的年轻女孩/，留着一头引人注目/长过腰际的头发，上身穿一件暗红色/比正红色更深的衣服/穿在身体上的东西。走下扶梯的时候，她摔倒了/跌向地面，在她正要站起来/让身体离开地面的时候，过长/超过一般人长度的头发被支撑身体/躯干的手掌压/按在下面，她赶紧用
  • 2021-08-26 影幽
    在生活中，女人与男人的感悟往往有所不同。人生最大的舞台就是生活，大幕随时都可能拉开，关键是你愿不愿意表演都无法躲避。在生活中，遇事不要急躁，不要急于下结论，尤其生气时不要做决断，要学会换位思考，大事化小小事化了，把复杂的事情尽量简单处理，千万不要把简单的事情复杂化。永远不要扭曲，别人善意，无药可救。昨天是张过期的支票，明天是张信用卡，只有今天才是现金，要善加利用！执着的攀登者不必去与别人比较自己的
  • 消息中间件有哪些常见类型 xmh-sxh-1314 java
    消息中间件根据其设计理念和用途，可以大致分为以下几种常见类型：点对点消息队列（Point-to-PointMessagingQueues）：在这种模型中，消息被发送到特定的队列中，消费者从队列中取出并处理消息。队列中的消息只能被一个消费者消费，消费后即被删除。常见的实现包括IBM的MQSeries、RabbitMQ的部分使用场景等。适用于任务分发、负载均衡等场景。发布/订阅消息模型（Pub/Sub
  • 高级编程--XML+socket练习题 masa010 java开发语言
    1.北京华北2114.8万人上海华东2,500万人广州华南1292.68万人成都华西1417万人（1）使用dom4j将信息存入xml中（2）读取信息，并打印控制台（3）添加一个city节点与子节点（4）使用socketTCP协议编写服务端与客户端，客户端输入城市ID，服务器响应相应城市信息（5）使用socketTCP协议编写服务端与客户端，客户端要求用户输入city对象，服务端接收并使用dom4j
  • 抖音乐买买怎么加入赚钱?赚钱方法是什么 测评君高省
    你会在抖音买东西吗?如果会，那么一定要免费注册一个乐买买，抖音直播间，橱窗，小视频里的小黄车买东西都可以返佣金!省下来都是自己的，分享还可以赚钱乐买买是好省旗下的抖音返佣平台，乐买买分析社交电商的价值，乐买买属于今年难得的副业项目风口机会，2019年错过做好省的搞钱的黄金时期，那么2022年千万别再错过乐买买至于我为何转到高省呢？当然是高省APP佣金更高，模式更好，终端用户不流失。【高省】是一个自
  • 那个抄袭的大张伟 猫小努
    最近一直在追《即刻电音》这个综艺，除了觉得出场节目的音乐制作人有意思之外，也觉得有两个导师挺有趣的（另外一个就忽略了吧）。孙艺兴在上一篇文章里面已经说过了，那么这篇就说说我们的大老师，大张伟吧。其实在节目刚开始大张伟出来的时候，我以为他是属于导师里面来活跃气氛负责搞笑的，毕竟孙艺兴属于卖萌卖傻卖老实的，尚雯婕一般负责装逼耍狠的，而大张伟一贯以来上综艺的形象基本上都是蹦蹦跳跳带动气氛的。谁知道，两期
  • 三大师传 beca酱
    巴尔扎克的作品被誉为“法国社会的一面镜子”。文学大师维克多·雨果对巴尔扎克的评价是：“在最伟大的人物中间，巴尔扎克是名列前茅者；在最优秀的人物中间，巴尔扎克是佼佼者之一。”一个原本寂寂无名的小人物，从地中海的某个海岛上，只身一人来到巴黎，没有朋友，也没有名望。作为一个一文不名的外乡人，凭着赤手空拳赢得了巴黎，征服了整个法兰西，并且赢得了世界。这个人就是十九世纪法国伟大的军事家、政治家，法兰西第一帝
  • 2018-07-23-催眠日作业-#不一样的31天#-66小鹿 小鹿_33
    预言日：人总是在逃避命运的路上，与之不期而遇。心理学上有个著名的名词，叫做自证预言；经济学上也有一个很著名的定律叫做，墨菲定律；在灵修派上，还有一个很著名的法则，叫做吸引力法则。这3个领域的词，虽然看起来不太一样，但是他们都在告诉人们一个现象：你越担心什么，就越有可能会发生什么。同样的道理，你越想得到什么，就应该要积极地去创造什么。无论是自证预言，墨菲定律还是吸引力法则，对人都有正反2个维度的影响
  • 回溯 Leetcode 332 重新安排行程 mmaerd Leetcode刷题学习记录leetcode算法职场和发展
    重新安排行程Leetcode332学习记录自代码随想录给你一份航线列表tickets，其中tickets[i]=[fromi,toi]表示飞机出发和降落的机场地点。请你对该行程进行重新规划排序。所有这些机票都属于一个从JFK（肯尼迪国际机场）出发的先生，所以该行程必须从JFK开始。如果存在多种有效的行程，请你按字典排序返回最小的行程组合。例如，行程[“JFK”,“LGA”]与[“JFK”,“LGB
  • 书其实只有三类 西蜀石兰 类
    一个人一辈子其实只读三种书，知识类、技能类、修心类。 知识类的书可以让我们活得更明白。类似十万个为什么这种书籍，我一直不太乐意去读，因为单纯的知识是没法做事的，就像知道地球转速是多少一样（我肯定不知道），这种所谓的知识，除非用到，普通人掌握了完全是一种负担，维基百科能找到的东西，为什么去记忆？ 知识类的书，每个方面都涉及些，让自己显得不那么没文化，仅此而已。社会认为的学识渊博，肯定不是站在
  • 《TCP/IP 详解，卷1：协议》学习笔记、吐槽及其他 bylijinnan tcp
    《TCP/IP 详解，卷1：协议》是经典，但不适合初学者。它更像是一本字典，适合学过网络的人温习和查阅一些记不清的概念。 这本书，我看的版本是机械工业出版社、范建华等译的。这本书在我看来，翻译得一般，甚至有明显的错误。如果英文熟练，看原版更好： http://pcvr.nl/tcpip/ 下面是我的一些笔记，包括我看书时有疑问的地方，也有对该书的吐槽，有不对的地方请指正： 1.
  • Linux—— 静态IP跟动态IP设置 eksliang linuxIP
    一.在终端输入 vi /etc/sysconfig/network-scripts/ifcfg-eth0 静态ip模板如下： DEVICE="eth0" #网卡名称 BOOTPROTO="static" #静态IP（必须） HWADDR="00:0C:29:B5:65:CA" #网卡mac地址 IPV6INIT=&q
  • Informatica update strategy transformation 18289753290
    更新策略组件： 标记你的数据进入target里面做什么操作，一般会和lookup配合使用，有时候用0,1,1代表 forward  rejected rows被选中，rejected row是输出在错误文件里，不想看到reject输出，将错误输出到文件，因为有时候数据库原因导致某些column不能update，reject就会output到错误文件里面供查看，在workflow的
  • 使用Scrapy时出现虽然队列里有很多Request但是却不下载，造成假死状态 酷的飞上天空 request
    现象就是： 程序运行一段时间，可能是几十分钟或者几个小时，然后后台日志里面就不出现下载页面的信息，一直显示上一分钟抓取了0个网页的信息。 刚开始已经猜到是某些下载线程没有正常执行回调方法引起程序一直以为线程还未下载完成，但是水平有限研究源码未果。 经过不停的google终于发现一个有价值的信息，是给twisted提出的一个bugfix 连接地址如下http://twistedmatrix.
  • 利用预测分析技术来进行辅助医疗 蓝儿唯美 医疗
    2014年，克利夫兰诊所（Cleveland Clinic）想要更有效地控制其手术中心做膝关节置换手术的费用。整个系统每年大约进行2600例此类手术，所以，即使降低很少一部分成本，都可以为诊 所和病人节约大量的资金。为了找到适合的解决方案，供应商将视野投向了预测分析技术和工具，但其分析团队还必须花时间向医生解释基于数据的治疗方案意味着 什么。  克利夫兰诊所负责企业信息管理和分析的医疗
  • java 线程(一)：基础篇 DavidIsOK java多线程线程
                                                            &nbs
  • Tomcat服务器框架之Servlet开发分析 aijuans servlet
    最近使用Tomcat做web服务器，使用Servlet技术做开发时，对Tomcat的框架的简易分析： 疑问： 为什么我们在继承HttpServlet类之后，覆盖doGet(HttpServletRequest req, HttpServetResponse rep)方法后，该方法会自动被Tomcat服务器调用，doGet方法的参数有谁传递过来？怎样传递？ 分析之我见： doGet方法的
  • 揭秘玖富的粉丝营销之谜 与小米粉丝社区类似 aoyouzi 揭秘玖富的粉丝营销之谜
    玖富旗下悟空理财凭借着一个微信公众号上线当天成交量即破百万，第七天成交量单日破了1000万;第23天时，累计成交量超1个亿……至今成立不到10个月，粉丝已经超过500万，月交易额突破10亿，而玖富平台目前的总用户数也已经超过了1800万，位居P2P平台第一位。很多互联网金融创业者慕名前来学习效仿，但是却鲜有成功者，玖富的粉丝营销对外至今仍然是个谜。   　　近日，一直坚持微信粉丝营销
  • Java web的会话跟踪技术 百合不是茶 url会话Cookie会话Seession会话Java Web隐藏域会话
    会话跟踪主要是用在用户页面点击不同的页面时,需要用到的技术点   会话:多次请求与响应的过程     1,url地址传递参数,实现页面跟踪技术          格式:传一个参数的 url?名=值     传两个参数的 url?名=值 &名=值   关键代码
  • web.xml之Servlet配置 bijian1013 javaweb.xmlServlet配置
    定义： <servlet> <servlet-name>myservlet</servlet-name> <servlet-class>com.myapp.controller.MyFirstServlet</servlet-class> <init-param> <param-name>
  • 利用svnsync实现SVN同步备份 sunjing SVN同步E000022svnsync镜像
    1. 在备份SVN服务器上建立版本库    svnadmin create test 2. 创建pre-revprop-change文件     cd test/hooks/     cp pre-revprop-change.tmpl pre-revprop-change 3. 修改pre-revprop-
  • 【分布式数据一致性三】MongoDB读写一致性 bit1129 mongodb
    本系列文章结合MongoDB，探讨分布式数据库的数据一致性，这个系列文章包括： 数据一致性概述与CAP 最终一致性(Eventually Consistency) 网络分裂(Network Partition)问题 多数据中心(Multi Data Center) 多个写者(Multi Writer)最终一致性 一致性图表(Consistency Chart) 数据
  • Anychart图表组件-Flash图转IMG普通图的方法 白糖_ Flash
    问题背景：项目使用的是Anychart图表组件，渲染出来的图是Flash的，往往一个页面有时候会有多个flash图，而需求是让我们做一个打印预览和打印功能，让多个Flash图在一个页面上打印出来。   那么我们打印预览的思路是获取页面的body元素，然后在打印预览界面通过$("body").append(html)的形式显示预览效果，结果让人大跌眼镜：Flash是
  • Window 80端口被占用 WHY? bozch 端口占用window
    平时在启动一些可能使用80端口软件的时候，会提示80端口已经被其他软件占用，那一般又会有那些软件占用这些端口呢？    下面坐下总结：         1、web服务器是最经常见的占用80端口的，例如：tomcat , apache  , IIS , Php等等；         2
  • 编程之美-数组的最大值和最小值-分治法（两种形式） bylijinnan 编程之美
    import java.util.Arrays; public class MinMaxInArray { /** * 编程之美 数组的最大值和最小值 分治法 * 两种形式 */ public static void main(String[] args) { int[] t={11,23,34,4,6,7,8,1,2,23}; int[]
  • Perl正则表达式 chenbowen00 正则表达式perl
    首先我们应该知道 Perl 程序中，正则表达式有三种存在形式，他们分别是： 匹配：m/<regexp>;/ （还可以简写为 /<regexp>;/ ，略去 m） 替换：s/<pattern>;/<replacement>;/ 转化：tr/<pattern>;/<replacemnt>;
  • [宇宙与天文]行星议会是否具有本行星大气层以外的权力呢? comsci
          举个例子: 地球,地球上由200多个国家选举出一个代表地球联合体的议会,那么现在地球联合体遇到一个问题,地球这颗星球上面的矿产资源快要采掘完了....那么地球议会全体投票,一致通过一项带有法律性质的议案,既批准地球上的国家用各种技术手段在地球以外开采矿产资源和其它资源........    &
  • Oracle Profile 使用详解 daizj oracleprofile资源限制
    Oracle Profile 使用详解 转 一、目的： Oracle系统中的profile可以用来对用户所能使用的数据库资源进行限制，使用Create Profile命令创建一个Profile，用它来实现对数据库资源的限制使用，如果把该profile分配给用户，则该用户所能使用的数据库资源都在该profile的限制之内。 二、条件： 创建profile必须要有CREATE PROFIL
  • How HipChat Stores And Indexes Billions Of Messages Using ElasticSearch & Redis dengkane elasticsearchLucene
    This article is from an interview with Zuhaib Siddique, a production engineer at HipChat, makers of group chat and IM for teams. HipChat started in an unusual space, one you might not
  • 循环小示例，菲波拉契序列，循环解一元二次方程以及switch示例程序 dcj3sjt126com c算法
    # include <stdio.h> int main(void) { int n; int i; int f1, f2, f3; f1 = 1; f2 = 1; printf("请输入您需要求的想的序列："); scanf("%d", &n); for (i=3; i<n; i
  • macbook的lamp环境 dcj3sjt126com lamp
      sudo vim /etc/apache2/httpd.conf   /Library/WebServer/Documents 是默认的网站根目录   重启Mac上的Apache服务   这个命令很早以前就查过了，但是每次使用的时候还是要在网上查： 停止服务：sudo /usr/sbin/apachectl stop 开启服务：s
  • java ArrayList源码 下 shuizhaosi888 ArrayList源码
    版本 jdk-7u71-windows-x64   JavaSE7 ArrayList源码上：http://flyouwith.iteye.com/blog/2166890     /** * 从这个列表中移除所有c中包含元素 */ public boolean removeAll(Collection<?> c) {
  • Spring Security（08）——intercept-url配置 234390216 Spring Securityintercept-url访问权限访问协议请求方法
    intercept-url配置 目录 1.1     指定拦截的url 1.2     指定访问权限 1.3     指定访问协议 1.4     指定请求方法   1.1   &n
  • Linux环境下的oracle安装 jayung oracle
    linux系统下的oracle安装 本文档是Linux(redhat6.x、centos6.x、redhat7.x) 64位操作系统安装Oracle 11g(Oracle Database 11g Enterprise Edition Release 11.2.0.4.0 - 64bit Production)，本文基于各种网络资料精心整理而成，共享给有需要的朋友。如有问题可联系：QQ：52-7
  • hotspot虚拟机 leichenlei javaHotSpotjvm虚拟机文档
    JVM参数  http://docs.oracle.com/javase/6/docs/technotes/guides/vm/index.html   JVM工具 http://docs.oracle.com/javase/6/docs/technotes/tools/index.html   JVM垃圾回收 http://www.oracle.com
  • 读《Node.js项目实践：构建可扩展的Web应用》 ——引编程慢慢变成系统化的“砌砖活” noaighost Webnode.js
    读《Node.js项目实践：构建可扩展的Web应用》 ——引编程慢慢变成系统化的“砌砖活” 眼里的Node.JS 初初接触node是一年前的事，那时候年少不更事。还在纠结什么语言可以编写出牛逼的程序，想必每个码农都会经历这个月经性的问题：微信用什么语言写的？facebook为什么推荐系统这么智能，用什么语言写的？dota2的外挂这么牛逼，用什么语言写的？……用什么语言写这句话，困扰人也是阻碍
  • 快速开发Android应用 rensanning android
    Android应用开发过程中，经常会遇到很多常见的类似问题，解决这些问题需要花时间，其实很多问题已经有了成熟的解决方案，比如很多第三方的开源lib，参考 Android Libraries 和 Android UI/UX Libraries。 编码越少，Bug越少，效率自然会高。 但可能由于 根本没听说过、听说过但没用过、特殊原因不能用、自己已经有了解决方案等等原因，这些成熟的解决
  • 理解Java中的弱引用 tomcat_oracle java工作面试
    　不久之前，我 面试了一些求职Java高级开发工程师的应聘者。我常常会面试他们说，“你能给我介绍一些Java中得弱引用吗？”，如果面试者这样说，“嗯，是不是垃圾回收有关的？”，我就会基本满意了，我并不期待回答是一篇诘究本末的论文描述。 　　然而事与愿违，我很吃惊的发现，在将近20多个有着平均5年开发经验和高学历背景的应聘者中，居然只有两个人知道弱引用的存在，但是在这两个人之中只有一个人真正了
  • 标签输出html标签" target="_blank">关于标签输出html标签 xshdch jsp
    http://back-888888.iteye.com/blog/1181202 关于<c:out value=""/>标签的使用，其中有一个属性是escapeXml默认是true(将html标签当做转移字符，直接显示不在浏览器上面进行解析)，当设置escapeXml属性值为false的时候就是不过滤xml，这样就能在浏览器上解析html标签， &nb
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他