Vue2 + Nodejs + WebSocket 完成你画我猜多人在线游戏

使用 websocket + vue2 即可完成一个很有意思的在线游戏作品。 你画我猜,相信大家对这个游戏都很熟悉。 我用Vue2 + mint-ui + nodejs + websocket 实现了你画我猜这个游戏。 建议移动端打开效果更佳(可扫下方二维码),PC端需要使用谷歌开发者模式,然后使用移动调试工具,才可以正常使用(主要是一些touch事件,pc不支持)。...

1 minute read

Spring MVC 通过切面,实现超灵活的注解式数据校验

这篇文在主要是介绍,如何在 Controller 的方法里面,让校验注解 ( @NotNull @Email @Size...等),对基本类型的数据生效(基本类型 Integer,String,Long等)。 Spring MVC 有什么校验方式? 大家都知道,Spring MVC 默认依赖了 hibernate-validator...

6 minute read

通过 Github-Webhook 实现的轻量级自动化构建Nodejs微服务

我想要实现这样的功能,只要我 push 代码到 github仓库中,那么我的服务器就会自动执行预先写好的脚本。 类似于: 拉取最新代码 更新项目依赖 编译 重启项目 有很多持续集成工具都可以实现这样的功能,可是我的服务器内存小呀,没那么多资源去部署一个持续化集成工具了,只能自己写一个轻量级工具来完成这项工作。 Github Webhooks 详解 我们每个github仓库可以都在 Settings...

3 minute read

这篇文章主要讲 Spring MVC 如何动态的去返回 Json 数据 在我们做 Web 接口开发的时候, 经常会遇到这种场景。 两个请求,返回同一个对象,但是需要的返回字段并不相同。如以下场景 ```java /** 返回所有名称以及Id */...

11 minute read

前端性能优化之 —— 图片延迟加载 (原理以及实现方式)

前端开发的时候,有些列表页面可能会有很多图片需要加载。一次加载太多图片,会占用很大的带宽,影响网页的加载速度。 这时候我们想到一种方式,让用户浏览到什么地方,就加载该处的图片。 这里写了一个简单的例子,大家可以去体验一下,当然这里考虑到的是最简单的情况。 这里简单的讲解一下这个例子里面的源码。 例子查看 DOM 结构 由一个父容器div#lazy-img,里面是图片标签,父容器是可以滚动的,图片有固定高度。大家可以看到,容器内的img元素没有 src 属性,而有一个 data-src 属性。 这是不想让图片提前加载,所以把图片的链接储存到data-src 内。 div#lazy-img...

2 minute read

Why Code?

很久以前看到的一篇文章,今天找出来转载一下,出处忘记了。找了半天也没找到,如果谁有相关资料可以告诉我,我写上去。 “We live in a society exquisitely dependent on science and technology, in which hardly...

2 minute read

Nuxt 的视图其实就是一个Vue 组件,不过Nuxt 定制了一些特殊的方法,让我们来更加全面的渲染我们的页面。 这里来讲解一下博客首页 index.vue 的组成 <template lang="pug"> .container article-list(:page="page") </template> <script> import service...

3 minute read

Let's Encrypt 使用教程,免费的SSL证书,让你的网站拥抱 HTTPS

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

2 minute read