文章列表

jscodeshift 入门指南

个人认为 jscodeshift 的 官方文档 对新手不是特别的友好,所以写下了这篇文章,希望能给想要上手 jscodeshift 的同学一些方便。

我会通过一个简单的示例来介绍 jscodeshift 的使用方法,并对 jscodeshift 的一些实现进行一个简单的介绍。本文使用的 jscodeshift 为 0.3.32 版。

阅读更多

极简主题:TeXt Theme

嗨,最近在原有的基础上做了些修改,形成了这个新的主题,我把它叫做 TeXt

颜色的选择和搭配不是一件容易的事,为了简单,新的主题移除了 Header 和 Footer 的背景色彩,改用了白色和灰色,同时也移除了大部分的阴影效果和分割线,整个页面看起来更加清(jian)爽(lou)了。

TeXt Theme

模仿 iOS 11 的风格,新的标题字体比之前更大了些,链接和按钮也更大更粗了。总之,整体的风格就是:

  • 更凸显的标题和按钮文字
  • 更多的弧(圆)形元素
  • 更少的内容无关的修辞
  • 没有太多的图片(不用像有些主题需要费心去找什么封面和配图)

阅读更多

使用 textlint 解决中英文混排的问题

中英混排一直都是一个挺麻烦的事情,对于 Word 这种软件会自动在中英文之间加上留白。但是对于网页,现阶段就无能为力了。

所以现在有很多规范都要求中文和英文之间必须加上空格,例如这个规范。这样确实是大大提高了可读性,不管是在网页上,还是在编辑器中,不过在实际的书写中,我们还是会经常的会漏掉一些空格。而且在我看来,通过在内容中加入一些空格来优化其显示,这本身就不是一个非常完美的方案。内容本应该只有内容,而样式就应该跟内容彻底的解耦。不过目前来看,我还是支持加空格的。

于是,为了能更好的“加空格”,为了更好的把样式和内容解耦,我开始寻求插件的帮助。而 textlint 就能够很好的解决这个问题。

阅读更多

LeanCloud 使用记

LeanCloud

这个博客本来是有浏览量统计功能的,之前是使用的 Python Flask 框架、MySQL 数据库在新浪云上搭建的。奈何后来新浪云更改了公共 MySQL 数据库的收费策略,对于这么一个小的后端服务来说,每天接近一元的价格显得太过昂贵。于是这个功能就不了了之了,很长时间它都是无效的状态,我也没怎么去管它。

昨天晚上在知乎上闲逛,无意看到了一个叫 LeanCloud 的云服务,价格几乎是免费的,于是心血来潮,想着在 LeanCloud 上再搭建一个浏览量统计后端。事实证明,LeanCloud 根本就不是一个传统意义上的云服务器,它更像是一个平台,一个开发接口。借助 LeanCloud 提供的数据写入、查找和更新接口,我直接在前端调用这些接口就完成我的目标。总之,我没有写一行的后端代码。

阅读更多

第三代主题:Chameleon Theme

Chameleon Theme Preview

好长时间没有写文章了。自从五月份以来,实习、论文和面试成为了生活的主旋律。比较压抑,也比较浮躁,压根就无法静下心来 挥洒笔墨 练打字了,不过这并不意味着这个博客就被我遗忘了。其实,在这段时间里,我默默地重构了整个博客项目的代码,同时,再一次改变了 世界 博客的样式。从第一版到如今的第三版,整个博客见证了我对前端的理解和我对设计理解的变迁。

这个新的主题被我称为“Chameleon Theme”,意为“变色龙主题”。科技以换壳为本,主题以换色为本。使用者可以根据自己的爱好,设定自己喜欢的主题色,这样就不会千篇一律了,至少在颜色上。

阅读更多

我的软件清单

整理了下自己喜欢的软件,列出了这个清单。

我的原则是:尽量使用免费开源软件,不使用破解软件。

本文长期更新,欢迎推荐。

阅读更多

用 HTML5 实现星战的开篇字幕

the-force-awake

去年慕名去电影院看了星战的最新作《原力觉醒》。故事简单,不过里面的场景和人物(非常喜欢汉·索洛,可惜了)特别有趣。光剑的吱吱声,武士的服饰,海岛上的拜师(卢克终于出现了)……和中土世界(You walk a lonely road, Oh! How far you are from home…)不同,星战世界处处展现出了一种神秘的东方哲学。

看完了电影后,我就把星战的整个系列看了一遍。星战,在每部电影的开头都会有一段经典的字幕动画,黄色的文字呈梯形向前方流动,渐渐消失,背景则是漆黑的宇宙星空。简单,但令人印象深刻。

阅读更多