发表于 | 分类于

周末正好儿童节，怀旧玩了一把红色警戒2遭遇战，一对一的，想不到一分钟不到就被干掉了，想当年可是一对七啊，囧rz

发表于 | 分类于

不经意间调制出了一种鸡尾酒：Shandy，味道很不错哦，其实就是啤酒加雪碧，又称女士啤酒，在日本“居酒屋”又可称为“汽酒”。将啤酒和雪碧都冷藏一下，然后根据自己口味勾兑，想甜一点就多放点雪碧，还可以放点冰块和柠檬片，味道真是好极了。

发表于 | 分类于

微博环卫工是 Opera 桌面版的一款插件。其可将新浪微博网页版的广告、活动、推介等灰尘全部扫走，还你一个清爽的阅读环境，安装后访问新浪微博页面 http://weibo.com，登录后就能看到效果了。

当时做这个插件纯粹是为了自己方便，发布后只是在朋友之间推荐过，后来不知被哪个网友推荐到了卡饭论坛和小众软件，详见《微博环卫工 扩展》和《微博环卫工 for Opera》。

自从去年 10 月底发布以来，已经有了近 2500 次下载，平均每天 12 次左右，对于我来说，从总量上来看确实很少，但是对于每一个下载安装的朋友来说，这个插件就是全部。我应该对得起这些支持我的朋友，所以每一条留言和反馈我都记录了下来。

最近终于有空抽出了一点时间，将朋友们的反馈整理了一下，主要有两个需求：一是页面能宽一点，二是最好能有设置菜单。综合考虑了一下，现在我已经将微博环卫工升级到了 0.21 版，相较于上一版 0.136，主要有以下一些变动：

  1. 增加了设置菜单（在插件管理那里可以找到），可以设置微博页面配色为蓝色或粉色，还可以设置微博页面为宽屏或窄屏，切换就可以保存。

  2. 经常有用户自定义样式与这个插件冲突，导致页面失去美观，所以现在我将用户自定义样式过滤掉了，更清爽一些

更多细节有待各位自己安装体验，总之这个插件的宗旨就是在不破坏新浪微博原有功能的前提下，尽可能的去掉页面中的干扰因素，同时又能根据各位的喜好有一定的定制，让各位有一个赏心悦目的微博阅读环境。

微博环卫工在 Opera 官方的下载地址：

https://addons.opera.com/zh-cn/extensions/details/wei-bo-huan-wei-gong/?display=zh

希望各位能继续支持这款插件并给我一些反馈，谢谢。

发表于 | 分类于

响应式键盘

想要在手机上调出一个类似下图的键盘（即包含一个“去往”按钮，点击后直接跳转），按照以下格式书写即可，最少需要一个 form、input 标签和 type、name 属性。用到了 HTML5 的新 type 值 url。

1
2
3
<form>
    <input type="url" name="address" />
</form>

一个完整的：

1
2
3
<form onsubmit="location.href = document.getElementById('address').value; return false;">
    <input type="url" id="address" name="address" />
</form>

比如输入“http://www.impony.com” 就可以直接点击“去往”跳转了。

如果想在手机上调出一个类似下图的键盘（即包含一个“放大镜”按钮，寓意搜索），则可以使用 HTML5 的新 type 值 search。

1
2
3
<form>
    <input type="search" name="keyword" />
</form>

生成一个全屏遮罩，在手指滑动时不让遮罩下方页面滚动

1
2
3
4
5
6
7
8
9
<style>
#mask { position: absolute; z-index: 999; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .4); }
</style>
<div id="mask"></div>
<script>
document.getElementById("mask").addEventListener("touchmove", function (e) {
    e.preventDefault();
}, false);
</script>

重点就在这个 preventDefault，在 touchmove 的时候禁止掉该事件的默认动作，这样遮罩下方页面再长也不会滚动了。

访问本地资源

1
file://localhost

这样就可以方便用户选择使用 SD 卡上的文件了

效仿 iOS 的滑动删除效果

在 touchstart 的时候记录下初始座标 screenX 和 screenY，然后在 touchmove 的时候更新当前座标，最后在 touchend 的时候计算一下当前座标与初始座标的关系即可。

考虑到手机屏幕较小，所以要有一定的容错能力。我个人是采用了计算直线斜率的方法来容错的，只要斜率在 0.3 以内，并且滑动距离超过了 100px 就都有效。

根据移动设备屏幕分辨率来动态的改变页面放大倍率

用 Media Query 或者其他方法来进行响应式布局有些太繁琐了，有些情况下只需要根据移动设备不同的屏幕分辨率来简单调整一下 body 的 fontSize 即可满足要求，类似下面这样。

1
2
3
4
5
6
var screenSize = Math.min(window.innerWidth, window.innerHeight);
if(screenSize > 480 && screenSize <= 640) {
    document.body.style.fontSize = "1.2em";
} else if(screenSize > 640) {
    document.body.style.fontSize = "1.5em";
}

发表于 | 分类于

impony.com 平时一年也不出一回问题，偏偏在我没法接触电脑这两天出了个大问题。先是手机客户端连接不上 WordPress，后来在电脑上发现部分已发布的文章的分类目录丢失。

登录到 WordPress 后台发现分类目录数量统计是正确的，但是列表为空，并且所有涉及到分类目录的地方全是空的。当时第一反应是，莫不是被黑了？

后来冷静一想，完全没有被黑的理由啊，感觉应该是数据库或者缓存出问题了。先重启一下 MySQL 试试，结果提示 start: Job failed to restart，竟然启动不起来。

因为自己对数据库不熟悉，先搜索一下吧，于是搜到了《该死的提示信息——误人子弟》这篇文章。好吧，难倒是磁盘满了？

于是用 df -h 命令（human-readable）查看了一下，果然是磁盘满了，遂用 sudo apt-get autoclean 等清理，但只清理了 300MB 左右，不过这时 MySQL 已经可以启动起来了。

然后登录到 WordPress 后台发现分类目录列表依然是空的，好吧，只好使出菜鸟必杀技，创建一个新分类然后再删除，这时分类目录终于又完好无损的回来了。

至此问题已解决，但是 300MB 空间用不了多久就又会满的，还是需要找到到底是那个文件占据了大量空间。联想到前两天升级了操作系统，所以估计可能是有多余的内核文件，于是跳转到根目录，果然发现有 initrd.img.old vmlinuz.img.old 文件，特别巨大。

遂用 uname -a 命令列出当前使用的内核，然后用 dpkg –get-selections|grep linux 查看都有哪些内核，然后用 sudo apt-get remove 掉多余的内核文件，最后重启一下，磁盘占用瞬间降至 25%。

发表于 | 分类于

在骑行了 4200 公里之后，自认为自己已经从一个新手变成了一个入门级新手，对于自行车座的腚感认知已经到了一定高度，再加上早已练就了一副铁腚，所以决定将大行 SP8 的原装“猪头”车座（440 克左右）更换为一个更硬更适合竞速的；至于那个原装塑料折叠脚踏（440 克左右），在我骑了 100 多公里时轴就快坏了，可能是 RPWT 吧，然后一直忍到现在，轴都快转不动了，踏面也快磨平了，于是乎，就有了这篇文章。

阅读全文 »

发表于 | 分类于

如同无数的电影场景：在车站的告别，刚刚还相互拥抱，转眼已各自天涯。人生就是这样，说着说着就变了，听着听着就倦了，看着看着就厌了，跟着跟着就慢了，走着走着就散了，爱着爱着就淡了，想着想着就算了……时间消磨着情感和记忆，风物换了；眨眼间，人也变了。 ——网易新闻《每日轻松一刻(4月1日午间)》