预览地址： https://8.diamondfsd.com/ （谷歌浏览器打开最佳，不支持移动端，不支持IE） 会有麦克风权限申请，需要允许才可以正常玩耍，如果不小心点了禁止，可以在浏览器地址栏的右边，重新点击允许 Github: https://github.com/k55k32/quaver 游戏截图 由来 最近看这个游戏比较火，个人也是比较闲。 今天花了一下午的时间，来完成这个当前比较火的小游戏，八分音符。 看了这个游戏，原理也很简单，我们只需要获得声音，然后把声音转换为数字，最后控制小人移动就可以了。 声音的输入 我们发现这个游戏的原理很简单，就是通过声音来控制小人移动，声音越大，跳得越高。 所以要做这个小游戏，我们就首先要解决的问题就是，如何从浏览器获得声音。这方面的东西，我以前也接触的不多。所以我只能先面向谷歌编程。 最后我搜索到了这篇文章：...
2017, Feb 26 — 2 minute read使用 websocket + vue2 即可完成一个很有意思的在线游戏作品。 你画我猜，相信大家对这个游戏都很熟悉。 我用Vue2 + mint-ui + nodejs + websocket 实现了你画我猜这个游戏。 建议移动端打开效果更佳(可扫下方二维码)，PC端需要使用谷歌开发者模式，然后使用移动调试工具，才可以正常使用（主要是一些touch事件，pc不支持）。...
2017, Feb 21 — 1 minute read这篇文在主要是介绍，如何在 Controller 的方法里面，让校验注解 ( @NotNull @Email @Size...等)，对基本类型的数据生效（基本类型 Integer,String,Long等）。 Spring MVC 有什么校验方式？ 大家都知道，Spring MVC 默认依赖了 hibernate-validator...
2017, Feb 17 — 6 minute read我想要实现这样的功能，只要我 push 代码到 github仓库中，那么我的服务器就会自动执行预先写好的脚本。 类似于： 拉取最新代码 更新项目依赖 编译 重启项目 有很多持续集成工具都可以实现这样的功能，可是我的服务器内存小呀，没那么多资源去部署一个持续化集成工具了，只能自己写一个轻量级工具来完成这项工作。 Github Webhooks 详解 我们每个github仓库可以都在 Settings...
2017, Feb 13 — 4 minute read这篇文章主要讲 Spring MVC 如何动态的去返回 Json 数据 在我们做 Web 接口开发的时候， 经常会遇到这种场景。 两个请求，返回同一个对象，但是需要的返回字段并不相同。如以下场景 ```java /** 返回所有名称以及Id */...
2017, Feb 12 — 11 minute read前端开发的时候，有些列表页面可能会有很多图片需要加载。一次加载太多图片，会占用很大的带宽，影响网页的加载速度。 这时候我们想到一种方式，让用户浏览到什么地方，就加载该处的图片。 这里写了一个简单的例子，大家可以去体验一下，当然这里考虑到的是最简单的情况。 这里简单的讲解一下这个例子里面的源码。 例子查看 DOM 结构 由一个父容器div#lazy-img，里面是图片标签，父容器是可以滚动的，图片有固定高度。大家可以看到，容器内的img元素没有 src 属性，而有一个 data-src 属性。 这是不想让图片提前加载，所以把图片的链接储存到data-src 内。 div#lazy-img...
2017, Feb 01 — 2 minute read很久以前看到的一篇文章，今天找出来转载一下，出处忘记了。找了半天也没找到，如果谁有相关资料可以告诉我，我写上去。 “We live in a society exquisitely dependent on science and technology, in which hardly...
2017, Feb 01 — 2 minute readNuxt 的视图其实就是一个Vue 组件，不过Nuxt 定制了一些特殊的方法，让我们来更加全面的渲染我们的页面。 这里来讲解一下博客首页 index.vue 的组成 <template lang="pug"> .container article-list(:page="page") </template> <script> import service...
2017, Jan 26 — 3 minute read