每个古镇都流传着这样一个传说，某人从繁华的大都市漫步到丽江（凤凰/西塘/乌镇）被这里的美景和缓慢的节奏打动，便辞掉了年薪百万（十万/千万）的工作，留在古镇，洗练内心，追寻生活的真意。

于是准备和马总去一趟阳朔

去年有一次旅游,我俩背了 15.4 的 Thinkpad W500 和 14.1 的 Thinkpad T400 ,结果发现准4星级酒店里木有网络, 于是这俩笔记本沦为了充电器…

这次. 只带

硬件

• 一个键盘! Dell 8115 ,京东30块钱包邮 (命令行各种快捷键,虚拟键盘吃不消)
• 一根OTG!,买手机送的,不超过10块,可让 Android 具备外接 USB 能力(键盘,鼠标,U盘,相机)
• 一只单反! 550D,找文艺青年猴子同学借..请了一杯6块钱爱马哥咖啡,我的送修了妈的佳能质量差,一年没到坏两次了

软件

一首歌! ding~da~ling~da~ling~da~ling~da看小雨拍打着水花，来过就不曾离开

几个 App!

• Plesk 监控庙里的服务器,
• ConnectBot SSH 远程管理服务器
• WordPress 写个游记
• Evernote 记录攻略
• QQ 保持联系
• 大众点评找馆子
• 微信摇个妹纸
• 等等…

有木有发现图标里最丑的就属微信了,可却是除了 Google 系列软件之外最好用的…
那个莲藕大白菜是舌尖上的MIUI…

在这里,能用的编辑器也只有 VIM 了… Intellij IDEA 退散…

关于 iPad Mini

有些同学,他们的口袋原先塞不下5寸的 Galaxy Note,现在却可以塞下7寸的 iPad mini

看这小手抓的,就像大咪咪一样抓不过来呢

这货要是 Retina 用起来绝逼爽, 都是被苹果给惯的…

所以这次旅行就带我 4.8 寸的 Galaxy S3 不带10寸的 Galaxy Tab 了,因为我的口袋塞不下耶

寻找生之安稳,如同莲花,厌倦了都市的节奏,渴望回到阳朔, 安稳缓慢。

参考文献 :

穷逼就别去古镇了

钢琴解锁简介

身为狂热音乐爱好者,听闻 MIUI 新推出的钢琴解锁,立马下载过来浪
那一排半音黑键只是装饰,白键从左自右分别是 1234567890
弹奏时琴键上方会有 LED 闪耀,图中的圈是我手指感应区域
弹错了可以通过按三下0键进行重置
音量和系统音量挂钩,静音的时候就木有声音了

默认密码 1234

我用的是 Galaxy S3 4.8 的屏幕按键还是感觉略小,
所以感觉钢琴解锁增加个横屏模式应该会更好,
毕竟大多数手机都是小屏

苹果的 HIG 里就建议点击区域最小44×44,
小于30×30的时候怕是很难点中了

如何设置钢琴解锁旋律

这里最下面有个不起眼的 个性化定制当前锁屏

进去后就知道怎么玩了…当时找了好久

如何破解钢琴锁屏?

MIUI 面对的是发烧友,那么发烧友们十有八九是键盘流

其中有个快捷键是 返回按住后+音量上可以退出所有个性化锁屏,对手上沾水不方便操作屏幕的情况很有用

还有个快捷键是锁屏状态长按返回进入相机模式,退出相机的时候也顺带解开了锁屏

但是,如果设置了系统安全里的脸部解锁或者密码解锁或者图案解锁等,在MIUI解锁后还需要再次安全验证,这些快捷键也进不去,所以还是安全的

如何安装钢琴解锁?

如果你是 MIUI ,不用教应该会玩

如果你是常规Android, 需要安装小米桌面
但我这边小米桌面貌似没法设置旋律,只能用默认的1234解锁…

关于 MIUI

用 MIUI 有些年头,老爸老妈老婆都在用,各种细节十分贴心
例如对老人的大字体
例如短信直接弹出回复
例如T9拨号(古代手机就有超方便,不知道为啥这年头智能机都去掉了)
等等等等

最爱的也少不了各种快捷键,献上一篇 谈谈 MIUI 的快捷键
虽然我不会买小米手机,但会一直用MIUI

引子

所谓分久必合合体必分, 就是说人们是离不开啪啪啪的

Sublime Text2 是最近挺喜欢的文本编辑器,我已经拿他来替换掉 NotePad++ ,担任起快速修改文件的角色

有 ST2 同好在 Intellij IDEA 基友群里提问能否选中文字后输入双引号就直接套上?
答案是肯定的
只需要勾选

Settings > Editor > Smart Keys > Surround selection on typing quote or brace

即可选择文字后输入 ” ‘ < ( { 的时候自动套上去

但有更强大的杜比环绕效果

 快捷键

Code > Surround with… [Ctrl + Alt + T]
Code > unwrap/Remove  [Ctrl + Shift + Del]

环绕快捷键和QQ有冲突,推荐关掉QQ的无用快捷键,一些输入法也有很多快捷键冲突,真不知道搞那么多全局快捷键有多幼稚

看图识字

如何选择文字?

选择文字快捷键是 [Ctrl + W] 每按一次选择范围扩大一层

按一下 [Ctrl + W]

再按一下 [Ctrl + W]

逆向选择快捷键 [Ctrl+Shift+W]

小技巧,一般逆向都是叠加 Shift

如何环绕代码?

选择文字后按快捷键  [Ctrl + Alt + T]

HTML 会出来

JavaScript 会出来

PHP 会出来

如何删除爹和祖先元素?

点一下定位元素,然后快捷键 [Ctrl + Shift + Del]

选择要删除的标签即可

和 ST2 那样的环绕引号/双引号如何实现?

那些没玩过 IDE 的 VIM 玩家请注意, VIM 可以通过配置做一切事情, IDE 也是可以的, 并不是你们想象中只有代码补全而已

还记得介绍 Live Template 里的 $SELECTION$ 预置变量么?

配置下引号/双引号的 Live Template

当你按 [Ctrl + Alt + T] 的时候即可出来引号/双引号的选项,并且自动取首字母做为快捷键

IntelliJ IDEA, PHPStrom, WebStorm 前端开发指南.

https://github.com/damao/Intellij-IDEA-F2E

欢迎有爱的同学 Fork

QQ群 149725975 (无关话题勿聊,热爱生命)

这几天发现淘宝见钱眼看,把批量评价功能给收费了,于是弄了个自动评价脚本来抗日

JavaScript 脚本

document.getElementById("rate-good-all").click(); 
document.getElementsByTagName('textarea')[0].textContent = '目睹了整个事件的猫先生称：“我活了25年，这位爷是我见过最虔诚的买家”。'; 
document.getElementById('rateListForm').submit();

原理

1. 匹配到网址
2. 全部好评按钮点一次
3. 评论内容填写好
4. 提交

安装方法

安装浏览器插件

Firefox GreaseMonkey
Chrome TamperMonkey

访问脚本网址 http://userscripts.org/scripts/show/150146

点右上角的 Install

使用方法

点开淘宝的评价后,浏览器会自动帮你好评+提交

UserScripts 简介

这玩意儿出现的很早,玩法和 Stylish 类似
油猴子把自定义脚本嵌入页面内, Stylish 把自定义CSS 嵌入

以达到不脱人衣抓咪咪的奇效

所以自动检测到未评价就开始自动评价提交后自己关闭,以及买家版原理都差不多,
不做买家版是因为家里我负责卖东西媳妇负责买东西

前景虚化摄影技术详解

看到前方美女的时候, 咱一般会小跑上前,然后让身后的兄弟们喊我,转身走回来,顺带瞄几眼…
啊,多么清纯的校园时光

在我们摄影这一行里,有种拍摄技术叫

看到前方美女的时候, 让兄弟上前, 然后拍的时候顺带多瞄几眼… 啊, 前景虚化也不错嘛

俯身献上真空上阵的菊花菇良

LightRoom 小清新预设滤镜

QQ空间在国庆搞活动美好时光一起分享的时候推了一把我的相册, 有N多人加我好友问相机问镜头问效果
那么我来分享下

为啥推荐你的相册?
因为我的照片不专业也不烂,可以假装是普通用户拍的

相机型号?镜头?
佳能 600D + 50 1.8 (人像小王子,定焦头构图基本靠腿)
佳能 550D + 17-40 (找77借的广角头,可以容纳更多妹纸)

滤镜
LightRoom + PH Fashion shot 系列
下载: TOP 5 most downloaded Lightroom Presets

QQ空间相册
鼓浪屿

摄影湿老爹

老爹是狂热户外运动摄影爱好者,经常跑山头拍野猪什么的,

这张是他多年户外运动中的一张
已经吐槽过他的审美了,各位淡定,一把年纪会在照片上加字已经算很强大了…

但渐变的字体依然压不住大叔的霸气,照片边缘闪闪发光

常年乐此不疲泡着他的葭日户外论坛

摄影湿大猫

自从去年花多年积蓄重金入了600D配了人像小王子镜头跻身高帅富行列,觉得摄影妙不可言呐

现在已经过了拍糖水片的阶段,力求每张照片都有内涵,这才是摄影的真谛吧

绝不是烧不起镜头自我阿Q什么的

啊妈的好想买50 1.4

作为前端开发,多少会碰点PHP ,Intellij IDEA 在没分拆出 PhpStorm 之前是集成 PHP 的,后来你懂的
那么要重新启用 PHP 支持,也不难,只需要启用插件即可

启用PHP插件

Settings > Plugins > Browse repositories > php
右键 Download and Install  即可

代码智能提示

Intellij IDEA 的代码提示之所以牛逼,是因为它会分析 Project 里的所有函数,并且提示
所以,这里我的 Project 包含了 WordPress , 他就提示了所有 WordPress 的函数

同理 JavaScript 项目,会基于项目分析后提示你的函数

IntelliJ IDEA, PHPStrom, WebStorm 前端开发指南.

https://github.com/damao/Intellij-IDEA-F2E

欢迎有爱的同学 Fork

QQ群 149725975 (无关话题勿聊,热爱生命)

自动保存 CTRL+S

程序员按 Ctrl + S 的频率和普通网友在桌面上右键刷新一样频繁

但,需要么?

Intellij IDEA 支持

• 窗口被激活时同步文件
• 窗口失去焦点时保存
• 发呆15秒后自动保存
• 使用临时文件暂存更改(如果你拿来修改hosts文件遇到问题,得取消这个选项)

所以,写完代码直接 Alt + Tab 到浏览器刷新就可以了,请忘掉 Ctrl + S

本地历史记录 Local History

熟悉 git 或 svn 的同学应该直接会用

Local History 的好处在于不用手动提交,他会结合上文说所的自动保存来产生记录,是版本控制一个很好的补充

图中还可以看到我 ftp 上传到服务器的标记, 包括一些外部更改啥的状态都会有,平时使用过程中可以直观看到

所以再也不怕

• 停电
• 死机
• 手贱
• 忘了提交 git /svn

使用 Local History

标签上右键 > Local History > Show History

IntelliJ IDEA, PHPStrom, WebStorm 前端开发指南.

https://github.com/damao/Intellij-IDEA-F2E

欢迎有爱的同学 Fork

QQ群 149725975 (无关话题勿聊,热爱生命)

ZenCoding

神飞大湿之前介绍 ZenCoding 的时候想必同学们都会动心,年复一年的敲着 div 着实是一件有悖 DRY 的事情

Intellij IDEA 的 Live Template 早在2010年的时候就集成了 ZenCoding 和一大堆代码片段

举一些好玩的例子,例如 CSS 渐变

background-color: #000; 
background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#FFF)); /* Safari 4+, Chrome */ 
background-image: -webkit-linear-gradient(top, #000, #FFF); /* Chrome 10+, Safari 5.1+, iOS 5+ */ 
background-image: -moz-linear-gradient(top, #000, #FFF); /* Firefox 3.6-15 */ 
background-image: -o-linear-gradient(top, #000, #FFF); /* Opera 11.10-12.00 */ 
background-image: linear-gradient(to bottom, #000, #FFF); /* Firefox 16+, IE10, Opera 12.50+ */

这么一堆,但每次需要变动的只有2个颜色
那么我们就来新建一个 Live Template

jb 是渐变的缩写,抱歉我记不住 gradient

然后我们定义只在 CSS 中生效

当我们在 CSS 文件里输入 jb 然后按tab 的时候,好玩的事情发生了

整个模板被调用,然后光标自动停留在$VAR0$的位置,接着我们输入第一个色值000,然后按回车(跳转到下一个VAR)
于是我们输入第二个色值FFF,继续按回车终止,光标停留在代码最后,完成一个渐变的输入

变量

Intellij IDEA 允许 $<variable name>$ 自定义变量,
以及 $END$ 和 $SELECTION$ 预定义变量

$END$ 是完成所有变量输入之后的光标位置
$SELECTION$ 是给按了CTRL+ALT+T的时候定义的包含模板

例如定义一个模板

{$SELECTION$}

那么选择一段文本后按 CTRL+ALT+T 选择这个模板,就会在左右套上 {}

更加进阶的用法

是给变量们定义函数和预设值,预置了四五十个函数,就不列出来了

不过不知道如何自己手动写函数,例如第二个值是经过第一个值计算的结果, 类似于 LESS 的那种,如果有大神清楚,请分享下,谢谢

IntelliJ IDEA, PHPStrom, WebStorm 前端开发指南.

https://github.com/damao/Intellij-IDEA-F2E

欢迎有爱的同学 Fork

QQ群 149725975 (无关话题勿聊,热爱生命)

我是一枚前端开发工程师,熟悉 HTML CSS , 了解 JS PHP, 所以应该算已经入门, 在我们这一行,从古至今永远没有一个编辑器可以满足所有人的需求,
就像没有妹纸,你还有手

4年前入职阿里的时候受淘宝团队的熏陶,从 Dreamweaver 过渡到了 Intellij IDEA ,这几年也受过其他妹纸的勾引,最终还是离不开
SSH 管理主机的时候用 vim , 快速修改代码用 notepad++ , 一本正经写代码的时候用 Intellij IDEA.

一如大湿玉伯从 Vim 与 IDE 的讨论说起 , 合适的场景用合适的编辑器, 但保持开放的心态,勇于尝试新事物.

今天一篇 Project 的配置教程,写给第一次用 IDE 的前端开发同学们.

Web IDE 的选择

Jetbrains 公司有

• Intellij IDEA (JAVA 等乱七八糟集合)
• PHP Storm (PHP JavaScript CSS HTML)
• Web Storm (JavaScript CSS HTML)

个人推荐 Intellij IDEA Ultimate 版本, 注册机QQ群 149725975 里有,觉得好用请购买 licence
这个版本更新最快,速度也最快,但占内存多点,并且有 Project,另外2个木有

Project 的理解

对于前端开发, Project 理解为 Module 的集合

Module 理解为一个工作目录

在此例里,创建了一个 Project 叫 wordpress ,然后一并创建了个叫 wordpress 的主题 Module

随后还可以继续创建 基于其他目录的 Module

例如我E盘里的一个 Project 包含了 E 盘的 wordpress 和 D 盘的miao
每一个 Module 都在左侧目录树形式列出

工作方式

是单 Module 通过切换 Project 来工作, 还是一个 Project 挂不同 Module 取决于你的项目

他们的区别在于所有功能的范围都是基于 Project 的

例如此例中 如果一个 wordpress 的 projcet 挂了 2 个 theme 的 module ,ctrl + shift + n 打开同名文件的时候会出来多个选择

所以我个人偏好无关联的项目都独立建 Project

一个是因为 Intellij IDEA 会索引分析函数提供代码提示用, Project 太复杂,机器性能又不咋滴的同学会感觉卡
另一个是因为做项目A的时候会被项目B的函数啥的干扰

可能大部分同学的目录结构都是

盘符/code

然后各种项目丢在 code 里

那么就建议每个项目建立一个 Project,通过菜单来切换

FAQ:

第一次用 IDE 会发现 Project 和 Module 会产生配置文件, 特别是有版本控制的时候会被提交上去很讨厌!
解决方案1: svn:ignore 或 .gitignore
解决方案2:新建的时候修改下配置文件的路径,玩法同你装软件到非C盘一样

非项目内文件如何打开?
貌似去年有个版本开始支持直接打开非项目内文件了,菜单里打开或拖拽打开

举个多 Module 的栗子?
例如经常要改 HOSTS ,那么可以吧 HOSTS 文件夹做一个 module
然后新建一个文件类型叫hosts的,给他定义注释的快捷键,就可以快捷键打开 hosts 再快捷键注释/反注释 hosts了

IntelliJ IDEA, PHPStrom, WebStorm 前端开发指南.

https://github.com/damao/Intellij-IDEA-F2E

欢迎有爱的同学 Fork

QQ群 149725975 (无关话题勿聊,热爱生命)

进阶

搞完 Project ,你应该可以和常规文本编辑器一样的开始用了
但是推荐把设置过一遍,你会发现很多用不到和想不到但用得到的神奇功能
记得分享, 共同进步

下载

http://www.jetbrains.com/idea/download/index.html

by ~AeroleFlock

对 Android 的爱源自 Google

记得3年前面试, 对着 Boss 大谈 Google 的各个产品,
Boss 问,你用过 QQ 类似的产品么?
…oops

好吧,从 WordPress 主题就能看出来了吧

Google 从没让我失望过

• 第一个 Android 手机是 HTC 的 G3 ,洁白 淡雅 有曲线, 当时 @Finvola 为了换手机,就把她的诺基亚用水洗了一下
• 第二个 Android 手机是 三星的 Galaxy S2 , 极佳的硬件, 除了 PPI 不能算高(近视眼也看不到颗粒), 当时我为了换手机,好像是把 G3 弄失踪了
• 第三个 Android 手机是 魅族 MX , 硬件接近完美, 除了有点热, 在香港还迷路找不到店… 当时和媳妇去上海度蜜月酒吧里浪了一下丢了 iPhone4 所以有了它
• 第四个 Android 手机是 华为 C8812 , 电信开宽带送的, 自带 ICS 冰淇淋,千元机,除了摄像头和屏幕,不输三星
• 第五个 Android 手机是 中兴 N880E , 电信支持加6块开副卡, 神机700多块钱, 可以刷 Windows Phone7 ,有官方果冻豆4.1, 貌似 Ubuntu 系统也是找中兴合作,测试机首选
• 第六个 Android 是 Galaxy Tab 10.1 ,老妈整天抱在手里怕化了,不过没叼在嘴里. 3.0的系统很卡,一度怀疑是硬件, OTA 到 ICS 后丝般顺滑
• 第七个希望是 Galaxy S3 或 Note ,不过手头手机没出意外估计也不大可能…三星质量太好了
• 已经入手 Galaxy S3 ,并没有传说中那种放不进口袋的事情发生,看来我的手也不是特别小(可能撸太多了),虽然够不着左上角的返回,但是有 Android 用户会去用左上角的返回么?
• 媳妇说过年的时候要一只 Note ,准了.

那么多设备总结一下就是

• Android 4.0之前的版本体验确实烂,但 4.0 之后非常适合人民群众
• 2012 年的千元 Android 4 手机性价比非常高还非常好用, 感觉会秒杀国内的中低端市场
• 每一个版本都是巨大的进步,不仅仅只是长了一点
• 一直被人诟病的碎片化问题依然没解决,不过有人来陪你了, 现在两派开发者开心的聊着 Draw 9 Patch
• 应用和赚钱能力还是不及 iOS 但我用得到的软件两边都没啥大区别,有的甚至更好用 例如 Evernote 的离线 (iOS没网络直接进不去)
• 要是你脚的 Android 卡, 弄一台中高端 4.0 的吧
• 魅族我再也不会买你了, 苹果至少还能越狱

在知乎

• 哪些 Android 应用的使用体验比 iPhone 好？
• 如果预算只够买一部手机，你会买 iPhone 还是 Android 手机？为什么？

我也有 iTouch4  和曾有过 iPhone4 ,推荐给朋友的时候也会选择性的推荐 Galaxy 或 iPhone ,
手机就和编辑器一样, 最适合的才是最好

生日快乐, 带给我很多快乐的 Android
以及 两天后生日相对老婆不怎么爱的小操
以及 两月后生日最爱的老婆 

PS :  非 PS 的一张图, by Yuguo
Siri, 目前你还是干不过讯飞的