伍酱

离职这件小事

今天是我从度厂离职后的第10天,一直很想提笔记录一下我的北漂生活,但由于这次离职还涉及北漂生活的结束,在北京生活了3年,除了工作上学习了很多,认识一些好友,还积累了收拾不完的行李。于是在离职后的一周内,我都在收拾打包。在杭州生活的第一天,终于可以好好收拾心情,开始记录啦。

这十年来做过的事,能令你无悔骄傲吗? —— 《给十年后的我》

今年年初,听到这首歌时,差点泪崩,感觉这首歌歌词,就是在说从实习生到工作3年的我。

在职的这段时间,我真敢不要脸地说“无悔骄傲”。

3年前,当我还在实习时,我跟自己有一个约定:

再手写table做EDM你就out啦

工作期间,有接触过产品线发的EDM(Email Direct Marketing 电子邮件营销),也就是大家经常说的“垃圾邮件”,可能发EDM的账户会进部分邮箱的黑名单,有时候我自己测试发的邮件可能要到垃圾箱找 >3<

不过EDM对于用户召回确实有非常显著的效果,偶尔来一发,也不失为一个重新激活目标用户的好办法。

不小心扯远了,由于邮件浏览器可能会过滤掉对外部的CSS或者JS文件的引用,加上对很多css特性不支持(邮件商的兼容性也是个坑),所以很多时候我们会把整个psd垂直分成几张图片,采用table + inline CSS + img 的方式去弄。

怎么给微信分享页面添加配图呢?

怎么给我们漂亮的移动页面添加微信分享的配图呢?
请看大屏幕:

1
2
3
4
5
6
<body>
<div id="wx_pic" style="display:none;">
<img src="http://jingyan.baidu.com/event/img/bdjy.png" />
</div>
...
</body>

注意:

  • 用块元素标签(如p、div)包裹img标签
  • 图片大小限制,一般使用300*300(px),太小了貌似也出不来

UC浏览器调试无线页面

上次写了篇《Safari调试无线页面》,有小伙伴进来的第一反应是,需要一台MacBook和iPhone,臣妾做不到呀!

让使用安卓设备的小伙伴情何以堪,于是有了姐妹篇,也就是本文《UC浏览器调试无线页面》

准备:

  1. Android设备和UC浏览器开发者版
  2. 浏览器(小编用的Chrome,真的不要再用低版本IE了好吗~)

概要步骤:

1
Wifi条件下,PC浏览器输入手机ip:9998打开UC浏览器的调试界面

博客优化之路:从WordPress到Hexo

经历了WordPress、jekyll、Hexo、WordPress,前几天我还是把博客迁回到Hexo,因为WordPress太庞大了,想修改主题优化下页面性能或者加些个性化的小组件吧,也没折腾出一个前端构建的流程,开发起来很麻烦,放弃治疗啦,于是又回归到静态博客的怀抱。

最近在公司做一些性能优化的工作,重构历史代码和优化打包策略啥的,每次看到优化效果都会觉得很爽,那些数字太漂亮,弄上瘾了,于是拿自己的博客接着改!

虽然从WordPress到Hexo,我啥也没做,只是做了个“系统选型”的抉择,从重量级到轻量级选手,但是从数据看来,我觉得改得还是非常对的,以后站点会有更多的可玩性 :)

信息爆炸时代,今天你整理了吗?

最近在读一本书《Google工作整理术》,读下来感觉更像是Google产品的大型广告书,书中2个观点非常值得mark:

  1. 每个人的组织模式是有个体差异的,希望大家都可以找到适合自己的整理术
  2. 每周抽时间回顾关键信息
    不过如果你想知道整理&记录可以怎么样改变你的生活工作,个人更推荐《记事本圆梦计划》《Evernote超效率数字笔记术》,里面的一些方法、技巧更加详细和具有实战意义。

Safari调试无线页面

进行无线开发时,很多时候会发现,有些bug是在电脑浏览器如chrome模拟时无法复现的,得在真机上调试。无奈手机浏览器没有PC的功能那么完善,不设断点很难调试,于是以前我会使用比较傻的方式是,用原生的alert输出我想得到的信息(人肉断点)。

后来还是QA同学告诉我,可以用Safari连接mobile和PC,在PC Safari中打开调试界面,console设断点或者执行各种命令进行调试,在mobile Safari中浏览效果,非常方便,在这记录一下 :)