滑动变滚动的蜗牛
滑动变滚动的蜗牛

vue+js练手前端项目-＞游戏平台（贪吃蛇、俄罗斯方块、飞机大战、飞翔的小鸟、2048、五子棋）

vue+js练手前端项目-＞游戏平台（贪吃蛇、俄罗斯方块、飞机大战、飞翔的小鸟、2048、五子棋）_第1张图片

线上地址：http://codeape.site/
源码地址：https://gitee.com/wooden-joint/my-game

觉得有用可以点个star

项目介绍

该游戏平台涉及的知识点有：html、css、js、canvas、vue.js，并搭配element-ui组件库共同开发。

鼠标移动到游戏区域可以看到游戏规则

vue+js练手前端项目-＞游戏平台（贪吃蛇、俄罗斯方块、飞机大战、飞翔的小鸟、2048、五子棋）_第2张图片

点击左侧游戏区域，会先弹出小游戏的弹出层(可移动、缩小、关闭)

vue+js练手前端项目-＞游戏平台（贪吃蛇、俄罗斯方块、飞机大战、飞翔的小鸟、2048、五子棋）_第3张图片

缩小效果如下，点击×可返回弹出层状态

有键盘操作的小游戏，按上下左右方向键都会有特效（可关闭）

vue+js练手前端项目-＞游戏平台（贪吃蛇、俄罗斯方块、飞机大战、飞翔的小鸟、2048、五子棋）_第4张图片

右上角可以开关 方向键的特效和开关音乐

各游戏分别介绍

1.飞机大战

跟随浏览器大小变化，响应式改变，飞机跟随鼠标移动，鼠标离开弹出层游戏暂停，子弹击中虫子得分，虫子到达弹出层底部为逃脱，飞机撞到虫子游戏结束。
vue+js练手前端项目-＞游戏平台（贪吃蛇、俄罗斯方块、飞机大战、飞翔的小鸟、2048、五子棋）_第5张图片

游戏结束弹出得分统计。
vue+js练手前端项目-＞游戏平台（贪吃蛇、俄罗斯方块、飞机大战、飞翔的小鸟、2048、五子棋）_第6张图片

缩小状态，飞机和虫子都会响应式在该界面中移动
vue+js练手前端项目-＞游戏平台（贪吃蛇、俄罗斯方块、飞机大战、飞翔的小鸟、2048、五子棋）_第7张图片

2.俄罗斯方块

方向键上下左右移动，可暂停，一行满了就删除该行（缩小和游戏结束效果同上）

vue+js练手前端项目-＞游戏平台（贪吃蛇、俄罗斯方块、飞机大战、飞翔的小鸟、2048、五子棋）_第8张图片

3.贪吃蛇

方向键上下左右移动，每个十秒会出现墙，十秒后墙会消失（这时蛇可以穿墙，蛇全身还没通过墙，墙出现蛇会有个传送圈的消失继续穿墙）

vue+js练手前端项目-＞游戏平台（贪吃蛇、俄罗斯方块、飞机大战、飞翔的小鸟、2048、五子棋）_第9张图片

4.飞翔的小鸟

鼠标点击地图小鸟抬头相信大家都玩过吧，我这里为了效率，每穿过两次管道就提一次速了。

5. 2048

键盘上下左右控制，每个方向不能连续按5次，当页面无法再合并时，游戏结束

6. 五子棋

左手和右手轮流握鼠标进行pk，先连成五个子的一方获胜（五子yyds）。

vue+js练手前端项目-＞游戏平台（贪吃蛇、俄罗斯方块、飞机大战、飞翔的小鸟、2048、五子棋）_第10张图片

7.扫雷

游戏图片（七个游戏）

vue+js练手前端项目-＞游戏平台（贪吃蛇、俄罗斯方块、飞机大战、飞翔的小鸟、2048、五子棋）_第11张图片 vue+js练手前端项目-＞游戏平台（贪吃蛇、俄罗斯方块、飞机大战、飞翔的小鸟、2048、五子棋）_第12张图片 vue+js练手前端项目-＞游戏平台（贪吃蛇、俄罗斯方块、飞机大战、飞翔的小鸟、2048、五子棋）_第13张图片 vue+js练手前端项目-＞游戏平台（贪吃蛇、俄罗斯方块、飞机大战、飞翔的小鸟、2048、五子棋）_第14张图片 vue+js练手前端项目-＞游戏平台（贪吃蛇、俄罗斯方块、飞机大战、飞翔的小鸟、2048、五子棋）_第15张图片 vue+js练手前端项目-＞游戏平台（贪吃蛇、俄罗斯方块、飞机大战、飞翔的小鸟、2048、五子棋）_第16张图片 vue+js练手前端项目-＞游戏平台（贪吃蛇、俄罗斯方块、飞机大战、飞翔的小鸟、2048、五子棋）_第17张图片 vue+js练手前端项目-＞游戏平台（贪吃蛇、俄罗斯方块、飞机大战、飞翔的小鸟、2048、五子棋）_第18张图片 vue+js练手前端项目-＞游戏平台（贪吃蛇、俄罗斯方块、飞机大战、飞翔的小鸟、2048、五子棋）_第19张图片 vue+js练手前端项目-＞游戏平台（贪吃蛇、俄罗斯方块、飞机大战、飞翔的小鸟、2048、五子棋）_第20张图片 vue+js练手前端项目-＞游戏平台（贪吃蛇、俄罗斯方块、飞机大战、飞翔的小鸟、2048、五子棋）_第21张图片 vue+js练手前端项目-＞游戏平台（贪吃蛇、俄罗斯方块、飞机大战、飞翔的小鸟、2048、五子棋）_第22张图片 vue+js练手前端项目-＞游戏平台（贪吃蛇、俄罗斯方块、飞机大战、飞翔的小鸟、2048、五子棋）_第23张图片 vue+js练手前端项目-＞游戏平台（贪吃蛇、俄罗斯方块、飞机大战、飞翔的小鸟、2048、五子棋）_第24张图片 vue+js练手前端项目-＞游戏平台（贪吃蛇、俄罗斯方块、飞机大战、飞翔的小鸟、2048、五子棋）_第25张图片 vue+js练手前端项目-＞游戏平台（贪吃蛇、俄罗斯方块、飞机大战、飞翔的小鸟、2048、五子棋）_第26张图片

源码结构

vue+js练手前端项目-＞游戏平台（贪吃蛇、俄罗斯方块、飞机大战、飞翔的小鸟、2048、五子棋）_第27张图片 vue+js练手前端项目-＞游戏平台（贪吃蛇、俄罗斯方块、飞机大战、飞翔的小鸟、2048、五子棋）_第28张图片 vue+js练手前端项目-＞游戏平台（贪吃蛇、俄罗斯方块、飞机大战、飞翔的小鸟、2048、五子棋）_第29张图片 vue+js练手前端项目-＞游戏平台（贪吃蛇、俄罗斯方块、飞机大战、飞翔的小鸟、2048、五子棋）_第30张图片 vue+js练手前端项目-＞游戏平台（贪吃蛇、俄罗斯方块、飞机大战、飞翔的小鸟、2048、五子棋）_第31张图片 vue+js练手前端项目-＞游戏平台（贪吃蛇、俄罗斯方块、飞机大战、飞翔的小鸟、2048、五子棋）_第32张图片 vue+js练手前端项目-＞游戏平台（贪吃蛇、俄罗斯方块、飞机大战、飞翔的小鸟、2048、五子棋）_第33张图片

你可能感兴趣的:(前端项目,vue,js,前端)

  • js数据类型和运算符 BaiBao丶
    浏览器前缀-ms-兼容IE-moz-兼容firefox-o-兼容opera-webkit-兼容谷歌和苹果JS特点:解释性语言,类似于C和Java的语法结构,动态语言,基于原型的面向对象JS代码需要编写script标签中/*控制一个警告栏/alert("")/让计算机在页面中输出一个内容/document.write/向控制台输出一个内容*/console.log('')JS注释:*/多行//单行J
  • Java管道破裂错误_java.net.SocketException：管道破损 狐狸晨曦 Java管道破裂错误
    我每天收到这个错误或我的jsp页面：java.net.SocketException消息：管道破损堆栈跟踪：java.net.SocketException:Brokenpipeatjava.net.SocketOutputStream.socketWrite0(NativeMethod)atjava.net.SocketOutputStream.socketWrite(SocketOutputS
  • 在eclipse中部署项目web有时候访问jsp会抛出以下类似的异常信息 vampire6
    如果在eclipse中部署项目web有时候访问jsp会抛出以下类似的异常信息：org.apache.jasper.JasperException:Theabsoluteuri:[http://java.sun.com/jsp](http://java.sun.com/jsp)部署web项目，如果抛出此异常。请保证standard.jar与jstl.jar两个jar包是否在部署的项目中存在，如果不存
  • react项目登录使用验证码 人鱼小姐ww react.js前端
    react项目登录使用验证码imgSrc的格式是base64{this.state.imgSrc?(//eslint-disable-next-linejsx-a11y/alt-text{this.getCode();}}/>):()}
  • vue学习的第三天小结 微文殇却卟丢气质
    回顾：```Object.definePropertyletobj={a:10}leta=10;Object.defineProperty(obj,'a',{get(){//拦截了对于obj对象a属性获取的操作returna;},set(val){//拦截对于obj对象a赋值的操作a=val;}})obj.a=20;new一个vue实例data:{a:{a:{b:{}}}}vue自动遍历（递归）,
  • v-for 和 v-if的用法及优先级 我胡为喜呀 vue.jsjavascriptecmascript
    文章目录v-for：循环渲染1、key的作用2、为什么不推荐使用索引作为key？3、使用key的注意事项：v-if：条件渲染v-for与v-if的用法优先级使用场景在Vue中，有两个常用的指令，即v-for和v-if，它们分别用于循环渲染和条件渲染。我简单记录下它们的用法、使用场景、注意事项以及优先级对比。v-for：循环渲染v-for是Vue中用于循环渲染的指令，它允许我们遍历数组或对象，并为每
  • 微信小程序请求接口的封装 又菜又不想学的小张 微信小程序微信小程序小程序前端
    1.新建utils文件夹，在该文件夹下新建request.js文件其中的内容如下constGET='get';constPOST='post';constbaseURL='';//接口请求地址module.exports=function(options){returnnewPromise(function(resolve,reject){letheader={'content-type':'ap
  • 企业如何建立商业生态系统 学客汇 商业观察生存哲学商业研究经验分享
    近两年，生态这个概念很热，尤其是前端时间出现乐视危机后，乐视“坏消息”不断，例如互撕易到、高管离职、拖欠供应商贷款、裁员等，乐视生态帝国摇摇欲坠。很多人又对“生态”一次产生了怀疑；乐视的“平台+内容+终端+应用”的模式到底成不成立，乐视有没有违背基本的商业规律？乐视的问题是内在逻辑问题还是外在基础工作没有做好？今晚我就跟大家简单的谈谈生态这个话题。很多企业很向往生态企业，试图构建生态型企业。互联网
  • 小程序——请求接口和封装url 菜鸟程序员 饭饭 小程序
    1.在xxx.js写下面代码（1）在Page的data中定义一个初始值，用于赋值，把数据渲染到页面//把数据渲染到页面，定义一个初始值userName:"2.在utils里面封装url//定义接口初始值consturl="https://ehcto.com/";constgetUrl=function(){returnurl+data;}module.exports={formatTime:for
  • 小程序封装接口请求 前端-七木 微信小程序微信小程序前端
    1.安装wechat-http包npminstallwechat-http2.创建`http.js`文件//utils/http.jsimportWechatHttpfrom'wechat-http';import{handleBusinessError}from'./errorHandling';//引入你自定义的业务错误处理函数//初始化WechatHttp实例consthttp=newWec
  • npm install报错，解决记录 丁爸 web前端npm
    1.简介1.1.概述npm（NodePackageManager）是一个用于Node.js项目的包管理工具。它允许开发者在Node.js项目中安装、运行和分发模块。npm可以自动处理依赖关系，并且拥有一个巨大的生态系统，其中包含了数以万计的模块，这些模块可以用来扩展Node.js应用程序的功能。1.2.主要功能安装模块：使用npm可以轻松地从npm仓库下载并安装所需的模块到本地项目中。管理依赖关系
  • npm的使用 最帅扫地僧 vuenodejsnpm
    文件模块的解析流程不同的版本对文件模块的解析流程往往不一样会先找同级别是否存在该文件，文件找不到，会找文件夹如果文件夹下面存在package.json，查看package.json中的main字段对应的文件，会执行此文件如果没有package.json文件，执行此文件夹下面的index.js文件，备注：对于有些版本，即使存在package.json中，即使存在main，也仍然会去执行index.j
  • Gitlab迁移到新的服务器后点击Integrations报500错误的解决方法 奔跑吧邓邓子 常见问题解答（FAQ）gitlab服务器jenkins
    目录一、问题描述二、解决方法1.方法12.方法2（1）备份/etc/gitlab/gitlab-secrets.json（2）进入数据库（3）查看ProjectID（4）查找hookID并删除（5）申请访问令牌并执行api删除操作一、问题描述Gitlab迁移到新的服务器后点击Integrations报500错误：查后台日志/var/log/gitlab/gitlab-rails/productio
  • vue动态绑定事件、传递参数 会说法语的猪 vuejavascript前端vue.js前端javascript
    vue动态传递不确定个数的参数到子组件这个还是经常用的，动态绑定不确定个数的事件就不太常用了，写这篇也是因为自己没有好好看官方文档，所以来记录一下。下面的代码示例就采用vue2了，vue3也是一样的。v-bind相信大家对vue的父传子已经很熟悉了。假设子组件接受下面三个参数：exportdefault{props:{size:{type:Number,default:20},color:{typ
  • 通过MessageChannel实现一个深拷贝 会说法语的猪 javascriptjavascript
    深拷贝在前端领域已经是个老生常谈的话题了，说起深拷贝相信大多数人第一反应就是通过JSON，其他的就是可以递归手写一个深拷贝，再就是使用第三方库已经写好的深拷贝，不再重复造轮子，例如：lodash。很早之前也写过关于深拷贝的博文（js深拷贝）通过JSON进行深拷贝的一些缺陷等。但是我这篇想通过MessageChannel来实现一个深拷贝。可能很多人对MessageChannel这个API并
  • 若依AjaxResult的get(AjaxResult.CODE_TAG)有时返回的200，有时返回的字符串“200“ io无心 javaWebjava开发语言
    这个项目是多模块项目，之前通过webjson格式，多模块之前传输用的RestTemplate，但是对接其它系统时要用XML就添加了XML的依赖。原来原来ajaxResult.get(AjaxResult.CODE_TAG).equals(200)能返回true，现在get(AjaxResult.CODE_TAG).equals(200)返回false。现在现在get(AjaxResult.CODE
  • SpringBoot日志使用：Slf4j与Logback I like Code? springbootlogbackjava
    步骤一：引入lombok即可，lombok自带@Slf4j注解（网上说不用引入api的依赖，若报错可添加）org.projectlomboklombok1.18.30providedorg.slf4jslf4j-api1.7.30ch.qos.logbacklogback-classic1.2.11步骤二：编写logback.xml%d{yyyy-MM-ddHH:mm:ss}[%thread]%-
  • Vue+Springboot开发框架下对于参数的深度理解(JSON,数组，对象) I like Code? vue.jsspringbootjson
    JSON格式=》JavaScriptObjectNotation（对应前端，我觉得使用JSON格式就是啥都能存，然后直接传给后端，让后端去解析，这就很好体现了响应式开发模式，前端不直接对数据进行深度处理，而是通过后端进行处理）{}=》对应为一个对象，通过键值对进行存储以及访问{"content":"1","correct":false}发送一个包含id，name属性的对象那么后端如果只接收这个对象
  • 使用echarts生成颜色渐变曲线图 湾流~ echartsjavascript前端
    效果图:1、安装echartsnpminstallecharts--save2、全局注册组件import*asechartsfrom'echarts';Vue.prototype.$echarts=echarts3、结构附:计算显示日期的工具文件/**计算月份显示*@param{}*@returns{}*/exportfunctiongetLastFiveMonths(){letdates=[];
  • JSP计算机专业在线考试与成绩分析系统的设计与实现86x78 CK3041 java开发语言
    本系统（程序+源码+数据库+调试部署+开发环境）带论文文档1万字以上，文末可获取，系统界面在最后面。系统程序文件列表开题报告内容一、研究背景与意义随着信息技术的迅猛发展，计算机专业教育在高校中的地位日益重要。传统的考试方式受限于时间和空间，而在线考试作为一种新型的考试方式，具有灵活性和高效性，能够显著提高考试效率，减轻教师工作负担。然而，现有的在线考试系统大多缺乏对学生学习情况的深入分析和有效反馈
  • JSON数据的解析与生成：深入Python的实践与应用 傻啦嘿哟 python办公自动化jsonpython开发语言
    目录一、JSON基础1.1JSON简介1.2Python中的JSON处理二、解析JSON字符串到Python字典2.1使用json.loads()函数2.2异常处理三、将Python字典转换为JSON字符串3.1使用json.dumps()函数3.2格式化输出3.3将Python对象写入文件四、将Python对象写入JSON文件4.1使用json.dump()函数4.2读取JSON文件五、进阶应用
  • Vuex状态管理 EO_eaf6
    参考：https://baijiahao.baidu.com/s?id=1618794879569468435&wfr=spider&for=pc简单入门加实例：转自：https://www.jianshu.com/p/ff2adb84c7f2针对于vue之间各个组件的传值复杂问题使用vuex来管理状态值，值一旦被修改，所有引用的地方会自动更新index文件创建Vuex.Store实例保存到变量s
  • vue 通过 this.$refs 创建方法i向子组件传参让子组件更新 qq_42463588 vue.js前端javascript
    在Vue中，this.$refs主要用于访问子组件的实例或者DOM元素。通过this.$refs，你可以调用子组件的方法或者访问其数据属性，从而实现子组件的更新。以下是一些使用this.$refs向子组件传参并触发更新的常见方法：1.直接调用子组件的方法如果子组件定义了一些公开的方法，你可以通过this.$refs直接调用这些方法来更新子组件的状态。UpdateChildimportChildCo
  • vue el-form中label使用类似小程序text标签 space的功能 qq_42463588 vue.js小程序前端
    在Vue中，没有直接类似于微信小程序中标签的space属性，该属性用于控制文本节点之间的空格处理方式。然而，Vue和Web开发中，文本节点之间的空格处理通常是通过HTML和CSS来控制的，而不是像小程序那样通过组件属性来控制。在HTML中，连续的空格字符通常会被浏览器合并为一个空格字符显示。这意味着，如果你直接在Vue模板中写入多个空格，它们可能不会在渲染的HTML中按原样显示。解决方案使用CSS
  • 文件上传详解 星|焰 安全
    文件上传概念文件上传是由于对上传文件未作过滤或过滤机制不严（文件后缀或类型），导致恶意用户可以上传脚本文件，通过上传文件可达到控制网站权限的目的。文件上传原理文件上传漏洞是指由于程序员在对用户文件上传部分的控制不足或者处理缺陷，而导致的用户可以越过其本身权限向服务器上上传可执行的动态脚本文件。webshell一种网页后门，以asp、php、jsp等网页文件形式存在的一种命令执行环境。webshel
  • 【前端基础篇】JavaScript之jQuery介绍 Trouvaille ~ 前端基础前端javascriptjquery事件选择器csshtml
    文章目录前言JQuery基本介绍和使用方法引入依赖jQuery语法jQuery选择器jQuery事件操作元素获取/设置元素内容获取/设置元素属性获取/返回css属性添加元素删除元素总结：常用的jQuery方法-详细解释与示例事件处理拓展-详细解释与示例其他拓展内容前言在阅读过程中可以把代码片复制到vscode上去浏览器看实际效果，更易理解喔JQuery基本介绍和使用方法W3C标准给我们提供了⼀系列
  • git add . 报错 warning: LF will be replaced by CRLF in ******.vue. 慢慢雨夜 git
    LF和CRLF其实都是换行符，不同的是，LF是linux和Unix系统的换行符，CRLF是window系统的换行符。git提供了一个”换行符自动转换“的功能，并且这个功能是默认处于”自动模式“即开启状态的。输入命令：gitconfigcore.autocrlffalse(仅对当前git仓库有效）gitconfig--globalcore.autocrlffalse(全局有效，不设置推荐全局）然后重
  • 封装AJAX 泡杯感冒灵
    Documentfunctionajax(options){varurl=options.url;vartype=options.type||'GET';vardataType=options.dataType||'json';varonsuccess=options.success||function(){};varonerror=options.error||function(){};vard
  • 初探Mpvue的组件、样式机制 weixin_33912246 javascript前端ViewUI
    序言实现了一个简单的demo之后呢，Eknow君这一节会通过小程序API来实现几个小功能。主要从mpvue的组件、语法以及小程序的相关API完善。mpvue的组件上一节，我们可以了解到mpvue基本支持vue组件的所有特性，不遵守这些特性并不会错误，我们只是了能够开发良好的代码，编写高质量的代码可以说是程序员的一道分水岭吧。回到正题哈，mpvue在很大程度上都支持vue组件与小程序的原生组件的,但
  • iot mqtt json数据包格式 ATM006 IoT物联网iot
    iotjson数据包格式数据类型：订阅类型RegisterDeviceDeviceDataDeviceAlertAcknowledge发布类型RegistrationAckDataPublisUserCommand接口协议：1、MQTT主题：/iot/input/json2、接入格式：data='{\"eventType":"DevicesData",\#事件类型：必填（目前只支持DevicesD
  • scala的option和some 矮蛋蛋 编程scala
    原文地址： http://blog.sina.com.cn/s/blog_68af3f090100qkt8.html 对于学习 Scala 的 Java™ 开发人员来说，对象是一个比较自然、简单的入口点。在 本系列 前几期文章中，我介绍了 Scala 中一些面向对象的编程方法，这些方法实际上与 Java 编程的区别不是很大。我还向您展示了 Scala 如何重新应用传统的面向对象概念，找到其缺点
  • NullPointerException Cb123456 androidBaseAdapter
        java.lang.NullPointerException: Attempt to invoke virtual method 'int android.view.View.getImportantForAccessibility()' on a null object reference     出现以上异常.然后就在baidu上
  • PHP使用文件和目录 天子之骄 php文件和目录读取和写入php验证文件php锁定文件
    PHP使用文件和目录 1.使用include()包含文件 (1)：使用include()从一个被包含文档返回一个值 (2)：在控制结构中使用include()   include_once()函数需要一个包含文件的路径，此外，第一次调用它的情况和include()一样，如果在脚本执行中再次对同一个文件调用，那么这个文件不会再次包含。   在php.ini文件中设置
  • SQL SELECT DISTINCT 语句 何必如此 sql
    SELECT DISTINCT 语句用于返回唯一不同的值。 SQL SELECT DISTINCT 语句 在表中，一个列可能会包含多个重复值，有时您也许希望仅仅列出不同（distinct）的值。 DISTINCT 关键词用于返回唯一不同的值。 SQL SELECT DISTINCT 语法 SELECT DISTINCT column_name,column_name F
  • java冒泡排序 3213213333332132 java冒泡排序
    package com.algorithm; /** * @Description 冒泡 * @author FuJianyong * 2015-1-22上午09:58:39 */ public class MaoPao { public static void main(String[] args) { int[] mao = {17,50,26,18,9,10
  • struts2.18 +json,struts2-json-plugin-2.1.8.1.jar配置及问题！ 7454103 DAOspringAjaxjsonqq
    struts2.18  出来有段时间了！ （貌似是 稳定版）   闲时研究下下！  貌似 sruts2 搭配 json 做 ajax 很吃香！   实践了下下！ 不当之处请绕过！ 呵呵   网上一大堆 struts2+json  不过大多的json 插件 都是 jsonplugin.34.jar   strut
  • struts2 数据标签说明 darkranger jspbeanstrutsservletScheme
    数据标签主要用于提供各种数据访问相关的功能，包括显示一个Action里的属性，以及生成国际化输出等功能 数据标签主要包括： action ：该标签用于在JSP页面中直接调用一个Action，通过指定executeResult参数，还可将该Action的处理结果包含到本页面来。 bean ：该标签用于创建一个javabean实例。如果指定了id属性，则可以将创建的javabean实例放入Sta
  • 链表.简单的链表节点构建 aijuans 编程技巧
    /*编程环境WIN-TC*/ #include "stdio.h" #include "conio.h" #define NODE(name, key_word, help) \  Node name[1]={{NULL, NULL, NULL, key_word, help}} typedef struct node {  &nbs
  • tomcat下jndi的三种配置方式 avords tomcat
    jndi(Java Naming and Directory Interface，Java命名和目录接口)是一组在Java应用中访问命名和目录服务的API。命名服务将名称和对象联系起来，使得我们可以用名称 访问对象。目录服务是一种命名服务，在这种服务里，对象不但有名称，还有属性。          tomcat配置
  • 关于敏捷的一些想法 houxinyou 敏捷
    从网上看到这样一句话：“敏捷开发的最重要目标就是：满足用户多变的需求，说白了就是最大程度的让客户满意。” 感觉表达的不太清楚。 感觉容易被人误解的地方主要在“用户多变的需求”上。 第一种多变，实际上就是没有从根本上了解了用户的需求。用户的需求实际是稳定的，只是比较多，也比较混乱，用户一般只能了解自己的那一小部分，所以没有用户能清楚的表达出整体需求。而由于各种条件的，用户表达自己那一部分时也有
  • 富养还是穷养，决定孩子的一生 bijian1013 教育人生
    是什么决定孩子未来物质能否丰盛？为什么说寒门很难出贵子，三代才能出贵族？真的是父母必须有钱，才能大概率保证孩子未来富有吗？-----作者：@李雪爱与自由 事实并非由物质决定，而是由心灵决定。一朋友富有而且修养气质很好，兄弟姐妹也都如此。她的童年时代，物质上大家都很贫乏，但妈妈总是保持生活中的美感，时不时给孩子们带回一些美好小玩意，从来不对孩子传递生活艰辛、金钱来之不易、要懂得珍惜
  • oracle 日期时间格式转化 征客丶 oracle
    oracle 系统时间有 SYSDATE 与 SYSTIMESTAMP； SYSDATE：不支持毫秒，取的是系统时间； SYSTIMESTAMP：支持毫秒，日期，时间是给时区转换的，秒和毫秒是取的系统的。 日期转字符窜： 一、不取毫秒： TO_CHAR(SYSDATE, 'YYYY-MM-DD HH24:MI:SS') 简要说明， YYYY 年 MM   月
  • 【Scala六】分析Spark源代码总结的Scala语法四 bit1129 scala
    1. apply语法   FileShuffleBlockManager中定义的类ShuffleFileGroup，定义：   private class ShuffleFileGroup(val shuffleId: Int, val fileId: Int, val files: Array[File]) { ... def apply(bucketId
  • Erlang中有意思的bug bookjovi erlang
      代码中常有一些很搞笑的bug，如下面的一行代码被调用两次（Erlang beam） commit f667e4a47b07b07ed035073b94d699ff5fe0ba9b Author: Jovi Zhang <[email protected]> Date: Fri Dec 2 16:19:22 2011 +0100 erts:
  • 移位打印10进制数转16进制-2008-08-18 ljy325 java基础
    /** * Description 移位打印10进制的16进制形式 * Creation Date 15-08-2008 9:00 * @author 卢俊宇 * @version 1.0 * */ public class PrintHex { // 备选字符 static final char di
  • 读《研磨设计模式》-代码笔记-组合模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; abstract class Component { public abstract void printStruct(Str
  • 利用cmd命令将.class文件打包成jar chenyu19891124 cmdjar
    cmd命令打jar是如下实现： 在运行里输入cmd，利用cmd命令进入到本地的工作盘符。(如我的是D盘下的文件有此路径 D:\workspace\prpall\WEB-INF\classes) 现在是想把D:\workspace\prpall\WEB-INF\classes路径下所有的文件打包成prpall.jar。然后继续如下操作： cd D: 回车 cd workspace/prpal
  • [原创]JWFD v0.96 工作流系统二次开发包 for Eclipse 简要说明 comsci eclipse设计模式算法工作swing
                           JWFD v0.96 工作流系统二次开发包 for Eclipse 简要说明     &nb
  • SecureCRT右键粘贴的设置 daizj secureCRT右键粘贴
    一般都习惯鼠标右键自动粘贴的功能，对于SecureCRT6.7.5 ，这个功能也已经是默认配置了。 老版本的SecureCRT其实也有这个功能，只是不是默认设置，很多人不知道罢了。 菜单： Options->Global Options ...->Terminal 右边有个Mouse的选项块。 Copy on Select Paste on Right/Middle
  • Linux 软链接和硬链接 dongwei_6688 linux
    1.Linux链接概念Linux链接分两种，一种被称为硬链接（Hard Link），另一种被称为符号链接（Symbolic Link）。默认情况下，ln命令产生硬链接。 【硬连接】硬连接指通过索引节点来进行连接。在Linux的文件系统中，保存在磁盘分区中的文件不管是什么类型都给它分配一个编号，称为索引节点号(Inode Index)。在Linux中，多个文件名指向同一索引节点是存在的。一般这种连
  • DIV底部自适应 dcj3sjt126com JavaScript
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q
  • Centos6.5使用yum安装mysql——快速上手必备 dcj3sjt126com mysql
    第1步、yum安装mysql [root@stonex ~]#  yum -y install mysql-server 安装结果： Installed:     mysql-server.x86_64 0:5.1.73-3.el6_5                   &nb
  • 如何调试JDK源码 frank1234 jdk
    相信各位小伙伴们跟我一样，想通过JDK源码来学习Java，比如collections包，java.util.concurrent包。 可惜的是sun提供的jdk并不能查看运行中的局部变量，需要重新编译一下rt.jar。 下面是编译jdk的具体步骤：         1.把C:\java\jdk1.6.0_26\sr
  • Maximal Rectangle hcx2013 max
    Given a 2D binary matrix filled with 0's and 1's, find the largest rectangle containing all ones and return its area.   public class Solution { public int maximalRectangle(char[][] matrix)
  • Spring MVC测试框架详解——服务端测试 jinnianshilongnian spring mvc test
    随着RESTful Web Service的流行，测试对外的Service是否满足期望也变的必要的。从Spring 3.2开始Spring了Spring Web测试框架，如果版本低于3.2，请使用spring-test-mvc项目（合并到spring3.2中了）。   Spring MVC测试框架提供了对服务器端和客户端（基于RestTemplate的客户端）提供了支持。 &nbs
  • Linux64位操作系统（CentOS6.6）上如何编译hadoop2.4.0 liyong0802 hadoop
    一、准备编译软件   1.在官网下载jdk1.7、maven3.2.1、ant1.9.4，解压设置好环境变量就可以用。     环境变量设置如下：   （1）执行vim /etc/profile （2）在文件尾部加入: export JAVA_HOME=/home/spark/jdk1.7 export MAVEN_HOME=/ho
  • StatusBar 字体白色 pangyulei status
    [[UIApplication sharedApplication] setStatusBarStyle:UIStatusBarStyleLightContent]; /*you'll also need to set UIViewControllerBasedStatusBarAppearance to NO in the plist file if you use this method
  • 如何分析Java虚拟机死锁 sesame javathreadoracle虚拟机jdbc
    英文资料： Thread Dump and Concurrency Locks   Thread dumps are very useful for diagnosing synchronization related problems such as deadlocks on object monitors. Ctrl-\ on Solaris/Linux or Ctrl-B
  • 位运算简介及实用技巧（一）：基础篇 tw_wangzhengquan 位运算
    http://www.matrix67.com/blog/archives/263    去年年底写的关于位运算的日志是这个Blog里少数大受欢迎的文章之一，很多人都希望我能不断完善那篇文章。后来我看到了不少其它的资料，学习到了更多关于位运算的知识，有了重新整理位运算技巧的想法。从今天起我就开始写这一系列位运算讲解文章，与其说是原来那篇文章的follow-up，不如说是一个r
  • jsearch的索引文件结构 yangshangchuan 搜索引擎jsearch全文检索信息检索word分词
    jsearch是一个高性能的全文检索工具包，基于倒排索引，基于java8，类似于lucene，但更轻量级。   jsearch的索引文件结构定义如下：     1、一个词的索引由=分割的三部分组成：        第一部分是词        第二部分是这个词在多少
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他