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

键盘的方向键控制div 进行上下左右移动,上左下右等斜方移动

写这个东西很简单,主要是组合键的处理,div移动的方式有很多,我用的最简单的方式就是 父容器relative,需要子滑块absolute。 这样控制子滑块的left 和 top 就可以控制它移动了。 组合键的方式也很简单,当 keydown 的时候,将keyCode 放入一个Set里面 , 然后将 将这个set遍历 进行移动操作, 如果...

3 minute read

ICONO 纯 CSS 绘制的一套图标库

说明 ICONO是一套使用CSS 绘制的图标库。 优点是不包含任何其他依赖,体积较小min+gzip后只有 7kb,包含137个图标,但是CSS图标的缺点也很明显,不能像字体图标一样那么简单就能修改图标大小。CSS绘制的图标,修改大小只能通过一些其他的方式,我是用 CSS3 的 transform:scale(0.5) 来进行图标的大小修改。 我使用ICONO作为我博客前端的图标库使用。 这里整理了一个 class 对应的图标表,方便自己使用这些图标。 ICONO 图标名称对应表...

2 minute read

SEO优化 - 使用nodejs动态生成网站sitemap.xml 优化抓取

主要讲一下如何用Nodejs + express + sitemap.js 来动态生成 sitemap.xml。 自己的博客前端动态生成 sitemap.xml 来让搜索引擎(google_site:diamondfsd.com)抓取,生成了 sitemap.xml 过后,果然自己博客的收录速度快了很多。 下面就简单的介绍一下 sitemap.xml 的作用以及...

2 minute read

javax.net.ssl.SSLHandshakeException - Received fatal alert - handshake_failure 邮件发送失败

今天在写邮件发送的时候,报了一个错误javax.net.ssl.SSLHandshakeException: Received fatal alert: handshake_failure。 看字面上意思应该是握手失败。查了一些资料,是因为Java8开始禁用了 RC4 加密方式。而刚刚好,QQ的服务器用的就是这种方式。 这就很尴尬了,最后找到两个方法来解决这个问题。 方法一、 跳过 JCE(java加密组件) API 参考stackoverflowlink 这种方法比较简单,...

2 minute read

Nuxt.js教程之 —— Nuxt的路由生成规则

Nuxt.js 帮助我们集成了路由的功能,只要掌握一些基本要点,就能创造出自己想要的效果,这一篇文章主要就是讲nuxt的几种路由规则。 基本路由 nuxt.js 会根据你项目目录下 pages 文件夹内的 *.vue文件来自动生成 vue-router 路由配置。 例如如下目录 pages/ --| team/ -----|...

3 minute read