使用 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这篇文章主要讲的就是如何让自己的网站免费从HTTP升级为HTTPS，使用的是 Let’s Encrypt的证书。实际上也就是一个Let’s Encrypt 免费证书获取教程 。 为什么要上HTTPS，说一个小故事。 从前有个网站，后来有个广告，没了 作为一个博客，自然不想让在被别人浏览的时候，出现莫名的广告（运营商劫持）。这时候，HTTPS的价值就体现出来了。 HTTPS的好处还有很多，但单单这一条，就够我花心思去升级了。 （其实主要目的是提升网站Biger :） Let’s Encrypt 简介...
2017, Jan 22 — 3 minute read