作为手机开发人员,经常要做的事情就是发送 PC 的东东到手机里

现在的同步方法

通过脚本引用 http://qr.av.cm 生成二维码,扫描

通过 Evernote Dropbox 等同步资料和文件

Chrome 插件 Chrome to Mobile

下载地址 https://chrome.google.com/webstore/detail/chrome-to-mobile/idknbmbdnapjicclomlijcgfpikmndhd

1. 安装后地址栏屁股后面会有个手机 icon 第一次用的时候需要 connect your mobile device
2. 选择一个 Google 账号

第二次点开就会列出所有关联的设备了

(估计是bug,有2个重复了.. 而且是得发到第二个才有效)

点 send 后,手机上的 Chrome 瞬间就打开了对应的URL

比神马二维码方便多了…

PS：
“估计是bug,有2个重复了.. 而且是得发到第二个才有效” 这个可能是你曾经把你的设备设置过云打印，如果想显示一个，去 https://www.google.com/cloudprint#printers 这个地址移除就可以了。
感谢 runbing

插件 quickjump

基友群里有基友问,如何快速在代码里跳转?

@willerce 含笑: “plugin.quickjump”

Settings > Plugins > Browse Repositories > 搜索 quckjump 右键 download and install

启用 quickjump 插件之后

按 ctrl+; 开始输入关键词

例如这里输入了 de

然后会出现几个匹配的位置,这个时候 Enter 或数字,就直接定位过去了

当然,输入的越精确,匹配的也越精确

除此之外还支持模糊搜索

例如 headFirst

可以通过 hf 来找到

更方便的是

ctrl+alt+;

Jump and Autocomplete

例如搜索 false 跳过去之后下拉出选项,你可以选择true

搜索 block 跳过去下拉出 inline inline-block 等

或者

ctrl+shift+;

Jump and Select

跳过去之后直接输入新的文本来替换老文本

有木有 vim 里斜杠的赶脚?

Youtube 演示

http://www.youtube.com/watch?v=sgdHkcZFTOs

JetBrains 末日大促

全线产品都二五折喔

Intellij IDEA , PHPStorm , WebStorm 等,

令人发指,大家末日快乐

说来惭愧,第一次买正版软件.. .木有双币卡的我这可以给你代购

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

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

SublimeText2 的多重选择

查找替换与重构的区别就像 重写代码和网页重构的区别一样

(网页重构 WebRebuilder 是腾讯的一个职位,主要工作职责是 HTML CSS ,鲜有人搞得离清)

SublimeText2 有一个大卖点是多重选择,让人眼前一亮

之前需要通过查找替换来搞定的操作,只需要鼠标点选几个区域,就可以批量操作

简直是列编辑的 God Like 模式, 碉堡了有木有?

Intellij IDEA 的 Refactor 重构

很可惜 Intellij IDEA 没有这个功能,但是他有着很屌的 Refactor 重构功能

举一个栗子:

3个文档里有各种关键词 bigcat

类型为 纯文本,文件名, CSS class 名, JavaScript 变量名

尝试下如何 Refactor 重构

先拿 CSS class 开刀,我们右键选择 Refactor > Rename (快捷键 Shift + F6)

输入 damao

发现在 html 里的重构会自动更改到关联的 css 里的 class 名,

因为,在 html 里引用了这个 CSS 之后,他们就绑定在了一起, 是真爱!

同理重构其他东东

重构 JavaScript 变量名/函数名 会同步修改关联的 .js 文件里对应的部分

重构 .js 文件里的变量名/函数名会同步修改关联的 html 页面引用

重构 .js / .css 等文件名也会同步修改关联的 html 页面引用

甚至重构 html 代码里 href=”bigcat.css” 会同步修改对应的文件名

在本例中如果你要用查找替换,或多重选择,看起来都不是个好办法

而改名只是重构的一部分,还能抽离出来新建函数等等需要你去挖掘

纯文本不可重构

对于纯文本,我们只能用正则或普通替换或列编辑来处理了

列编辑

按住 alt 鼠标选择一列,然后输入文字就会多行同时出现

整齐的连续单行代码中比较适合用,缺点是必须要连续

正则表达式

例如略微有点技术含量的正则

搜索>后面的bigcat

然后把cat之外的替换为da

Intellij IDEA 依然贴心的把替换结果提示出来

优点,能想出来就能搞出来

缺点,需要正则表达式30分钟入门

结论

所以不要因为莫言有个错别字,就认为他文字功底差

读读其他语言就像读小说一样。也会有高潮和 wrong hole

零 Java 基础看 Android 开发，第一个疑问就是为毛 package 命名大都是 com 开头？

WikiPedia 上有一节叫 Package naming conventions

里头说

Package 一般被定义为分层命名模式，使用点（.）来分隔。

通常，一个 package 以组织的顶级域名来命名，并且都要小写

举个栗子，如果大猫的域名是 ooxx.me ,整了个叫 you 的 package，
可命名为  me.ooxx.you

大部分公司域名都是 xxx.com 导致了大部分的 Package 命名都是 com 开头

再举个栗子

com.adobe.reader (Adobe Reader)
com.adobe.photoshop (Adobe Photoshop)
com.adobe.ideas (Adobe Ideas)

之所以是反过来写的原因是，在文件部署的时候，所有项目都会搞在一起

com/adobe/reader
com/adobe/photoshop
com/adobe/ideas

——PS 另一个好玩的东东————————————-

谁知道 i18n 是啥？

LiveEdit 有啥用？

Intellij IDEA 默认自动保存的，根本不用 Ctrl+s,
LiveEdit 能自动更新浏览器里的网页，所以F5也省了

如果是是双屏的话，基本上所见即所得了

LiveEdit 视频演示

LiveEdit 如何安装？

LiveEdit 是之前  “Instant HTML Editing” 插件的新名字 （ What’s cooking: Instant HTML/CSS editing preview）， WebStorm & PhpStorm 5.0 开始集成，

Inellij IDEA 需要 Settings > Plugins > 启用一下，如找不到，点 Browse repositories 在仓库里挖挖看

启用之后会提示重启 Intellij IDEA.

打开html 之后 Run > Debug ‘filename.html’

会提示需要安装 Chrome 扩展，点蓝色的文字跳到 Chrome

有个视频会教你怎么装，总结下就是

1. 下载 jb.crx
2. 打开扩展页面拖进去。

装完后 Chrome 的 Console.log 都可以直接显示在 Intellij IDEA 里

PS2：chrome 调试器打开的时候 LiveEdit 失效，关掉会自动重新激活

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

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

欢迎有爱的同学 Fork

和几个同学PK需求导致感恩节约了妹纸看少年屁迟到了,略不爽
途中又看了周鸿祎：需格外注意的五点用户体验,愈发来气
抛开人品不说,这厮的产品以及观点深得我心
(其实我不知道他人品哪里有问题…信息比较闭塞,避免被喷,先写上)

UC 对 CSS 支持不是很完善,默认还是急速模式禁用JS CSS 加速,有开发者去 UC 论坛质问
遭到 UC 用户反驳: “UC 之所以比其他浏览器牛逼,就在于快和省流量,谁要你花里胡哨效果?”

手头做的项目是手机web页面,项目组同学各个手握 iPhone ,
产品需求设计稿子华丽无比, App 怎么做咱就怎么做
动画,高清图,适配 retina ,头尾fix,
大转盘抽奖啊?太常见,咱用老虎机,一拽,呼啦啦的转
点下去不够帅啊?好,iPhone 键盘打字的时候不是会放大么?咱也走一个
很好很高咖, App 的 feel 涌上心头

可这手机网站的真实用户,就像第三方网站统计的结果一样
(咦,为啥是第三方?对啊,我x自己网站的数据都没有,感情平时做需求都是靠YY),
90%的Android用户,5%的iPhone用户
Android里又有百分之七八十手机集中在千元上下
屌丝中的屌丝
别说动画,渐变阴影半透明效果都卡

即使是iPhone ,根据八卦,据说广东百万 iPhone 用户,只有几十万是 3G

我敢说除去高帅富,任何人打开华丽的手机网页第一感觉就是:
干,烧老子流量!

其次,不管手机还是PC,流畅必须是最重要的体验之一

当然,别忘了手机网页的最终目的是让访客更方便的得到他想要的.
电商?价格优!质量好!用得着!售后有保障!

一如 App Store 拒绝 html 打包的 app 时所说,你干嘛不去做个网站?
那么你要华丽的效果,干嘛不去做个 app ,性能好也不烧用户流量
至少目前的情况是,用户很在意流量, web 性能也实在不适合,
但我相信未来

你是如何看待手机上的网页呢?
Thanks everyone, thanks giving.(我是不会告诉你那个花痴男是谁的)

PS: 虽然可以用 @media (-webkit-min-device-pixel-ratio: 2){}来做差异化,但推荐大家先做华丽的,让他们见识下神马叫真正的卡,渐进增强才更有说服力

Google 最近丢人不断, 不是日历少了一个月,就是密钥被人破.

补充.. 原来少了一个月的原因是因为要开会

所以我估计 Gmail 突然开始收不到 PHP mail 发的邮件是因为加强了下安全性

为何我的邮件被标记为 Spam 垃圾邮件?

一般同学可能会意识到 WordPress 或自己 PHP mail() 发的邮件,很容易就进了邮箱的 Spam 垃圾邮件分类里,
原因是用PHP mail() 发邮件可随意配置发件人,十有八九确实是垃圾邮件…

解决方案挺简单,那就是配置 SMTP 来发送邮件

SMTP 是什么?

( Simple Mail Transfer Protocol 简单邮件传输协议),好吧我知道你看不懂.

简单的说,PHP mail() 发邮件方式就是直接投递到目标对应的邮局
我们如果用 Gmail 的 SMTP  发邮件,就需要用 Gmail 的账号以及你要发送的东西都告诉 Gmail 的邮局,由 Gmail 帮你投递到目标邮局

这样你的邮件里会带上特殊的标记, 目标邮局可以检测是不是真的来自 Gmail ,从而避免被标记为 Spam

如何改为 SMTP 方式发邮件呢?

WordPress

可以安装 wp smtp 这个插件

然后配置一下, WordPress 以后的邮件都会以这个邮箱的身份发了

具体配置方法,这个插件还提供了Gmail Hotmail 网易 QQ的配置例子,点标题后面的小 icon 查看

CodeIgniter

$config = Array(
'protocol' => 'smtp',
'smtp_host' => 'ssl://smtp.googlemail.com',
'smtp_port' => 465,
'smtp_user' => 'mail@ooxx.me',
'smtp_pass' => '***************',
);

$this->load->library('email',$config);

 

安全建议

因为 Codeigniter或其他PHP程序保存 SMTP 密码都是明文形式,

建议专门申请一个发smtp的邮箱
还需要设置smtp邮箱自动转发到自己的主邮箱来避免丢失回复的邮件

我们是腾讯电商用户体验设计部ecd 之移动终端小组之前端开发小分队

目前只有大猫一人, 未来会有正太 @奶瓶 以及甜美可爱的一支妹纸,

现在我们(假装不止一人)需要一枚熟悉 CSS && HTML, 了解 JavaScript 的同学,

基础岗位,要求不高,耐操即可

您将得到由大猫友情提供的各类技术支持及培养,公司的各类学习培训资源,各种牛逼哄哄的大神以供膜拜.

升级打怪堪比人民币玩家

工作地点: 深圳

赶快拿起手里的QQ联系大猫吧

如果你用过 YUI Compressor 压缩 CSS,那么你应该知道怎么吃鸭脖

命名

压缩 + Combo = Yabo(鸭脖)

先看Yabo(鸭脖)用法:

主样式叫 buy_v2.css 里头有import 2个零碎的 qb.css 和 mod.css (支持跨目录跨引号跨注释跨妹纸)

右键选择 Yabo.js 或者快捷键 我设置为了 ctrl+s 这个在 Intellij IDEA 里因为自动保存而快被遗忘的快捷键

生成 buy_v2.min.css 已经是包含了 mod.css 和 qb.css 和 buy_v2.css 并且用 YUI Compressor 压缩到了一行

就是这么个小东西啦, 之前一直用强大的 CSSGaga,

但是由于不支持传参,  又懒得新开个软件做压缩, 加上自己需求没那么复杂,就搞鸭脖了

Intellij IDEA / PHPStorm 配置

先看教程 WebStorm 使用外部工具 ,再看具体例子

因为 Yabo 是基于 JScript 开发,所以 Program 是宿主文件 wscript(windows only) 参数的话一共要2个

1. Yabo.js 的路径
2. $FilePath$ 当前文件路径

运行目录设置为 $FileDir$ 当前文件所在目录

通过 Github 下载

https://github.com/damao/Yabo 基友已经在开发 jar 版本,到时候就可以跨平台,期待一个

—已经添加了PPT到github上，有兴趣下载看看—————

Intellij IDEA 的配色分为 IDE 配色 (Settings > Appearance) 和 Editor 配色 (Settings > Editor -> Colors & Fonts)

如上图就是一个叫 Nimbus (淡色) 的 IDE 配色 和 Solarized Dark (暗色) 的 Editor 配色

今儿蛋疼试用 Intellij IDEA 12 EAP 的时候发现新增了一款叫 Darcula 的暗色 IDE 配色

反正平时也不看四周,弄成黑色没那么刺眼吧,I like it

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

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

欢迎有爱的同学 Fork

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