NetPuter

UI Engineer

2019-2020 年终讲
年终讲

2019-2020 年终讲

这又是一篇跨越两年的年终总结。2019 过得有些坎坷,自身能力面临极大的挑战,2020 年初又遭遇疫情,彻底打消了深度总结的想法。 这两年我依旧奋斗在房极客。加入的这四年多,见证了公司在发展过程中如何迎接巨大挑战和应对突发事件,包括这次疫情。虽然疫情对公司的短期影响不可小觑,但公司和团队及时深入反思、做出转变后,在方向上更加高瞻远瞩,在执行上更加脚踏实地,对于未来的发展也更加笃定。 与此同时,近两年房地产行业也朝气蓬勃,随着贝壳的壮大和上市,传统房产中介在积极求变,也有越来越多的巨头将目光聚焦到这个尚有潜力的大赛道。伴随公司和行业的发展,自己的认知也有显著提升。 管理 继 2018 在前端团队管理方面小有成就后,2019 升任技术总监并负责某个核心项目。

2017-2018 年终讲
年终讲

2017-2018 年终讲

去年(2017)的年终讲因为各种原因没能及时总结,今年不能再这样了,索性将时间线拉长到两年进行总结吧。 工作方面 2016 年九月作为第四号员工入职房极客,这两年一直在这里,全程深度参与了它产品从无到有、员工从四到百、用户从零到百万的发展过程: 2016:民居创业,为第一个版本努力,十二月发布看房日记 App(To-B) 2017:春节后开始市场推广,八月入驻后海总部基地,十月发布小鹿选房 App(To-C),十一月获得千万级 A 轮融资 2018:一月发布企业版,四月

年终讲

2016 年终讲

我会用「变化多端」概括我的 2016。 工作方面 所谓变化也主要是指工作方面,今年一共换了两份工作… 这对希望踏实做事的我来说也是意料之外的。 要说变化的起源,还是因为回深圳。这个想法在 2015 年底严重雾霾时候产生,但主要还是觉得迟早回深圳发展,晚回不如早回。当时对于新工作的期待是初创团队(更能发挥自己的能力,承担更大的责任),于是开始了一番简单的调研(主要也是通过朋友介绍),但选择并不是很多,细聊的几乎没有。后来向 Lyric 打听,得知他和端木、Leask 正在深圳创业,进行几次深入沟通后感觉团队靠谱、项目还行,于是决定加入他们——白露,一家提供牙医与诊所服务、口腔健康服务的移动医疗健康平台。 过完年填完坑,三月中离开豌豆荚加入了白露,主要还是 JS 全栈的工作。初创团队的技术工作相比成熟公司更加灵活也更加杂乱,为了尽快实现需求,可能会写出质量一般的代码。这对追求质量的我来说一开始还不太能接受,后来不断妥协,

奶瓶嘴

奶瓶嘴即将停止服务

很遗憾地告诉大家,由于个人原因,奶瓶嘴将于六月份停止服务,请抓紧时间告别。 From 2011. 奶瓶嘴是我大学期间的第一个原创作品,方便用户将内容同时发布到多个社交网站。通过这个项目,我更加熟悉 PHP + MySQL 开发。 期间我还做过一次 Redesign,由于时间关系并没有进行开发。 To 2016. 直到今天奶瓶嘴共有将近 5600 个注册用户,同步了将近 190000 条消息。最近一个月还有 8 个用户同步了 100+ 条消息。 但这并不足以让我重拾开发的动力。 突然意识到:每一个项目,既然创造出来,就要对它负责,对它的用户负责。不能因为失去热情就让它自生自灭,至少要给它一个葬礼。 — 奶瓶 (@NetPuter) June 22, 2013 感谢奶瓶嘴,

年终讲

2015 年终讲

我会用「稳步前进」概括我的 2015。 年度目标,完全没有进展… 工作方面 学习 Android。全程参与了开眼 v1.0 ~ v1.5 的开发,做了一个可以动态修改 App 字体的 Font SDK(还没完成)。之所以会从前端转向 Android,主要也是团队转型探索的契机。对我来说收获最大的是入门 Android 开发,大大丰富了技能树。 带实习生。第一次带实习生本来就是一个挑战,还是一个法国小哥,需要用蹩脚的英语进行沟通,挑战就更大了。起初的那几天,挺崩溃的。后来逐渐找了一些方法辅助沟通,法国小哥在项目中也步入正轨,最后基本满足了预期目标。对我来说除了口语方面的提升,也学会从更高更远的层次去理解项目拆解需求。 生活方面 女朋友。没有她,这一年又会是平淡无奇的一年。

年终讲

2014 年终讲

我会用「收获颇丰」概括我的 2014: 一月份,还在实习,参与「电子书百宝袋」开发,接触了 React ——极具前瞻性的专注于构建界面的 JavaScript 库; 三月份,回到学校,为了毕业设计——「基于 HTML5 技术的纸牌游戏的设计与实现」(其实就是斗地主)开始学习 Node.js,利用 Express、Socket.IO、MongoDB 完成了学生时代最后一个项目,还拿了优秀毕设; 七月份,正式工作,开发「豌豆荚小组」,接触了 Angular ——非常性感的 JavaScript 框架; 九月份,因为兴趣,开始接触 iOS

Ghost

使用七牛 CDN 为 Ghost 静态资源加速

此前折腾 WordPress 时,利用 WP Super Cache + 七牛镜像存储 完美实现了 CDN 加速(教程)。迁移到 Ghost 后,也想这么做。研究一番后,也确实做到了,这里简单介绍一下研究过程,以 Ghost v0.5.3 及其默认主题 Casper v1.1 为例。 Asset Helper 修改主题时发现很多静态资源是通过 {{asset "css/screen.css"}} 加载的(文档)。如果将 asset 的返回改为 CDN

Ghost

Hello Ghost

最近一段时间写点儿东西的欲望越来越强,但是面对 WordPress 实在是提不起劲儿,于是开始计划将 Blog 迁移到新的平台—— Ghost 。 之所以选择 Ghost ,一是自己比较熟悉 Node.js ,能够完全地控制整个 Blog;二是工作上有些简单的服务器运维却力不从心,打算借此机会好好熟悉一下;三是 Ghost 这个新兴项目很有潜力,众人期待的插件功能也即将发布,将来还会有更多好玩的东西……但最重要的是:Ghost 的默认主题太好看了! 于是花了三天晚上的时间,买了每月只需 $5 的 DigitalOcean VPS,从无到有地部署、迁移,简单修改了主题,终于搞定啦。 如何搭建 Ghost 的教程实在是太多了,这里就不重复了。简单介绍一下从 WordPress 迁移到 Ghost 的方法吧。

年终讲

2013 年终讲

今年的「年终讲」不以新的一年为标题,因为很多事情都不在计划之中,而计划之中的,却总是提不起劲儿去做。 一份满意的工作 这是去年的期待之一,也是自己大学期间最重视的事情之一。因此在三月份就开始准备简历、恶补前端知识,最后拿到了豌豆荚的 Offer 。 经过几个月的实习,越发地喜欢这个团队。在这里,我体验到了先进的 Workflow ,甚至换上了 MacBook Air 。摆脱了长久以来 Web Pages 的局限,完全转变为 Web Apps 的思考方式。前后端不再耦合,更有助于提高协作效率,也能给用户带来更快的体验。 两个微信公众号 去年年底心血带着尝试的心态开设了「饭否精选」公众号(搜 fanfoublog),每晚将饭否的优质内容筛选、整理并推送。转眼间已经持续更新一年了,目前已有 5700+ 订阅,

路由器

OpenWRT x H3C 折腾小记

上学期看到几个同学在宿舍(校园网 H3C + PPPoE 电信宽带)折腾路由器成功,于是选购 MacBook Air 时并没有太在意这个问题。最近回了学校,却因为路由器的问题折腾了好几天。现在总算可用了,稍微记录一下。 TP-LINK TL-WR720N 选择它的原因,除了体积不大和可刷 OpenWRT ,还有以下特点: 内置 220V 电源适配器,也可通过 Micro-USB 供电 一个 LAN/WAN 复用口,一个 LAN 口,方便台式机使用 USB 输出电流 2Ah ,可供 iPad 充电 OpenWrt 固件 对于不熟悉 OpenWRT

实习

豌豆实习记

真没想到,两年后的暑假会再次来到北京实习。或许,这就是,天意?(司马懿:哈哈哈哈…… 求职 之前的实习因为年级关系,只能靠朋友的推荐。而这次大三的求职,终于可以走正规的流程了。为此,我在大三下学期的第一周,用了整整一周的时间设计自己的简历,至少达到了能够让自己满意的程度。期间也得到了霍叔、秋叶、壳酱等童鞋的指点,在此表示感谢。 简历完成后,就是投递的问题了。当时自己也没有确切的目标,只要是一线城市的互联网公司就行。加上受年初那位广外女生的漫画简历微博影响,所以决定通过微博求职。稍微简化了简历、策划了文案,并选在周三晚十点发布。这条微博是长这个样子的…… 求职# 提前准备,大三学生寻 Web #前端开发# 的暑期实习机会,最好是一线城市的互联网公司。多年 Web 开发经验,参与开源项目,曾在腾讯、人人网实习。掌握

iPhone

Cydia 插件组合推荐

自从 iOS 6 完美越狱发布后,一直在寻找适合自己的 Cydia 插件们(正常审美、功能单一)。最近终于折腾得差不多了,分享一下。注意,以下插件仅在 iPhone 5 + iOS 6.1 实测通过。 手势操作组合:Auxo ($1.99) + Zephyr ($4.99) Auxo 是一款非常酷的 App Switcher 插件(不知道怎么用中文表达,视频介绍),除了能够预览最近使用的 App 以外,还能够一次性关闭所有后台 App (实际没什么必要),以及对系统功能进行控制。 Zephyr 提供了多种手势操作(视频介绍),相比

实习

腾讯实习记

暑假前还在想,如果没能遇到非常好的实习机会,干脆就在家里专心折腾自己的东西吧。没想到在期末那会儿认识到 @iVane ,并在他的鼎力帮助下,非常幸运地得到在腾讯实习的机会。如今实习结束了,将来的简历也可以增加这么一行: 2012 年 7 月 – 9 月,在腾讯 ECD 移动终端组担任前端开发实习生。 工作环境 个人感觉,腾讯的工作环境是相当舒适的,技术氛围也很不错,每层楼都有娱乐设施。每天都有上下班班车接送,没有考勤。午餐可领取水果一份,而如果前一晚加班,还可领取当天的晚餐券。茶水间还提供果汁、茶包、凉茶冲剂、红枣、冰糖等。而且腾讯电商这边的办公椅坐起来非常舒服,有需要时还可以将其变形成带有脚托的倾斜睡椅。 目测设计团队的同学都是双屏大显,我也不例外,第一次接触,还纠结了好久要如何摆放…… 而在新员工培养方面,每位新员工都会有一位导师, TA 将对你进行一对一的指导,带领你熟悉业务线,

读书笔记

读书笔记:用户体验要素、简约至上……

前段时间期末预习,把手头所有事情都暂时搁置。考完期末后课程实践,真正放假后折腾奶瓶爪(秘制 Twitter 交流工具),再然后是博客搬家(新域名 NetPuter.me )、编辑旧文以及自架图床,一直没有什么心思写新文章。先把前段时间的读书笔记补上吧:用户体验要素、简约至上、写给大家看的设计书、移动应用的设计与开发。 用户体验要素——以用户为中心的产品设计 这本书主要从五个层面解析用户体验要素,由下至上分别是: 具体一点儿: 战略层 即用户需求或产品目标(商业目的),通过回答「我们为什么要开发这个产品」、「我们要通过这个产品得到什么」和「我们的用户要通过这个产品得到什么」给出答案。确定用户需求,首先定义目标用户群体,对其进行调研,了解他们想要什么,以确定需求的优先级。至于产品目标,应可具体表达,否则团队中不同的人会有不同的想法。 范围层 对功能型产品而言是功能规格(对产品的功能组合的详细描述),而对信息型产品而言是内容需求(

Android

Google 的二仔三仔和小四

刚过去不久的这个寒假,总算告别(但没有抛弃)黑莓,真正拥抱 Android 了—— Google 二仔 Nexus S i9020 ,入手后一番折腾,算是调教到自己相对满意的状态了。而在前几周,收到了思凡的日版 Google 三仔 Galaxy Nexus i9250 ,玩弄了一下,算是对 Google 小四 Android 4.0 有一点儿心得了,针对 Nexus S 分享一下。 关于手机 对 Nexus S 动心还是上学期末的事儿,那会儿黑莓被我不小心摔了几次,有点儿问题,便萌生了换机的想法。对于 Android 手机,

读书笔记

读书笔记:暗时间、瞬间之美、启示录……

转眼间,大二下学期已经度过两个月了。在这八周中,除了刚开始的俩周调整状态、为后面的事情做准备工作,剩下的时间就是按时上课、按时作业、写写代码、静静读书。而在这段时间,读了四本书:暗时间、瞬间之美、点石成金、启示录。 暗时间 这本书给我留下最深的印象就是关于大脑的使用,两个要点: 善于利用暗时间(琐碎的时间)思考,会在不知不觉中比其它人多出一大片时间。 创造一大段连续的时间,只专注于一件事儿,这样的效率是最高的。 瞬间之美—— Web 界面设计如何让用户心动 这本书从用户第一次访问网站、注册,到使用高级功能,最后退出,通过对思考过程的复述,详细地阐述了对每个模块进行交互设计时应该注意的地方,并总结了7条核心原则: 只提供用户所需。 让初学者尽快转变为中级用户。 尽可能地预防错误,如出错也应友善处理。 精简和优化交互与任务流程,让最复杂的软件清晰易懂。 为支持特定行为而设计。 持续地改进和优化我们的流程与程序。 忽略用户的某些要求,

Apps

不折腾的艺术: iPad 应用推荐

关于这篇文章的标题,我纠结了很久,总想写一个类似于「被 HTC Dream ( G1 )调戏简札」或「黑莓 BlackBerry 8700 调戏手札」的标题。但事实上,入手 iPad 2 半年以来,还真没有折腾过……或许能算折腾的,除了 iTunes 资料库,也就剩下那些丰富的应用了。至于越狱嘛,还没呢,原生提供的功能已经满足了我的需求。 半年时间,说长不长,使用上也养成了一些习惯: Apple ID 主要用的是中国区帐号,辅以美国区帐号收收限免、参加活动。对于没有信用卡的无业游民来说,在 App Store 支持人民币支付前,只能通过 iTunes Gift

人人网

人人实习记(二)

9 月 7 日,办完离职手续的最后一步,正式结束了在人人网的实习之旅。于是,我终于可以在 3 年后的简历,关于工作经验的部分,加入这么一行: 2011 年 7 月 - 9 月,在人人网担任产品策划实习生。 也许是因为时间不长,也许是因为运气不佳,更重要的是因为自身实力不够吧,在实习的这段时间,没能为部门做出可见的贡献。不过生活、思考方面,还是有一些感受、收获的。可惜的是,过了一个多月,这些感触已经不那么强烈了,趁着这剩下的一点儿,记录一下吧。 实习生活 在实习记(一)中大概介绍了在北京的生活,再补充一下人人网的工作(准确来说是生活)氛围吧。这是我第一次长时间近距离接触互联网公司,果然,到处都弥漫着

人人网

人人实习记(一)

如果有机会的话,希望能到北京等大城市的互联网公司参加产品方面的实习 这是年初寒假结束之时,自己对暑假的期望。如今,我实现了。按照惯例,用 How Why What 的方式简单记录一下这次北京之旅吧。 How 如何找到实习机会和住所……现在回想起来,运气占了很大一部分。 大一下学期初,我就计划着六月初开始寻找实习机会,六月底确定具体工作。结果就在四月底,之前在嘀咕认识、现在在人人网工作的朋友 @赖正_小甲 问我暑假有没有兴趣到人人网实习,并介绍了现在的主管给我认识。在随后的沟通中,逐渐了解实习的内容,也确定了暑假的去向——北京的人人网。 7 月 14 日上午 11 点,和老妈一起踏上了从深圳开往北京西的 K106 次列车(那会儿温州动车事故还没发生),并于第二天下午 4 点到达北京。因为到的时候已经是周五下午,

奶瓶嘴

部分同步工具被禁,质疑新浪微博「开放」平台的公平性和开放性

前天( 7 月 26 日,周二)上午 10 点 29 分,我接到新浪微博开放平台的电话,被告知「奶瓶嘴」因支持同步到什么腾讯微博、网易微博、人人网,违反「应用开发者协议」将被新浪驳回来源文案审核,对方还表示会对其它第三方同步工具进行处理。因为有事儿在忙,我并没有和他多说。几分钟后,之前所有通过「奶瓶嘴」发布的微博,均变成了由「未通过审核应用」发布。现在想起来,当时我应该多和他唠叨几句,酱紫「奶瓶嘴」便能在新浪微博上多存活几分钟。 一、年初曾质疑 「奶瓶嘴」是我在寒假时折腾的一个项目,主要用处就是将一条消息同步到几个微博。从 2 月 5

北理珠

一周内四起失窃案件,质疑北理珠宿舍安全性

本来我是不想在博客上透露、讨论学校什么事情的,但是最近的一周内,北京理工大学珠海学院连续发生了四起宿舍失窃案件,甚至还发生了恶性持刀抢劫致死案!盗窃实在猖狂,不可容忍。而学校宿舍的安全性,也不容乐观。先把这四起案件大概描述一下吧。 四起失窃案件 [1] 2 月 24 日 - 星期四 那天晚上我上完通选课后回到宿舍,发现楼下停着警车,问阿姨后得知 2 楼某宿舍有同学的手机被偷了。我当时只是好奇怎么手机被偷了也会报警,也没深入了解,更没放在心上。 [2] 2 月 28 日 - 星期一 那天晚上通选刚下课,舍友便通知我们隔壁宿舍失窃了,要我赶紧回来。等我回到宿舍后才发现,我们宿舍和隔壁宿舍都失窃了,柜子里的衣服被翻了出来,散落在地上。我们俩宿舍的几个用笔记本电脑的同学的柜子都被撬了,只剩下一个同学的柜子(可能是因为狗贼的时间不够来)没被撬。

Android

无折腾不寒假

要说大学的寒假和高中、初中甚至是小学的有什么区别,最明显的一点就是没有作业(虽然挂科了得准备补考,= =)。于是利用寒假空闲时间折腾了很多东西,现在回顾了这个寒假,至少没让时间白白浪费。但,代价就是,总是对着电脑,锻炼得不多。在即将开始的军训前,稍微记录一下吧~ HTC HD2 传说中的神机,刚开始装的是 WM 6.5 ,然后被老爸玩坏了(无法启动)。然后我花了点儿时间研究,重刷 WM 6.5 后直刷 WP7 ,大概体验了一下其操作方式,界面很简洁,一些体验比 Android 要好。但因为不习惯,于是直刷 Android , MIUI 的 ROM ,长得很 iPhone ,功能丰富且操作便捷,建议玩

实习

游子实习记(三)

我终于可以在 4 年后的简历,关于工作经验的部分,加入这么一行: 2010 年 7 月 - 9 月,在游子礼品网担任网络营销实习生。 回顾之前为了现在的我(也就是一个月前说一个月后的我)而写的实习记 一、二 ,其实没有什么特别的感觉,也许是经历不够丰富,但这次实习给我的感悟还是很多的,尤其是和每次和舟扬一起吃饭时他说的那些话,关于大学,关于社会。 一些感受 [1] 送礼 在实习之前,我对送礼这一行为没啥特别的感觉。但在开会时,听到舟扬对送礼的描述,以及对游子未来发展的规划后,我对送礼这一需求稍微有了点儿感觉。 相信很多人纠结于「送礼送什么」这个问题,其中最省事儿的方法就是送钱了。但是,送钱是最没有价值的行为。毕竟,送礼时需要对礼物进行选择,送钱却不需要,而其中最大的区别,就是你的那份心意。

PHP

在 PHP GD 库中设置文本自动换行

前段时间练习使用 PHP 的 GD 库时,为了文本的自动换行纠结了很久。虽然可以通过插入 n 实现换行,但考虑到文本中既有中文又有英文,强制限定每多少个文字就换行的效果很差。后来终于找到了一个英文下的自动换行的方法,其大概原理是将空格作为分隔符,将字符串分割为一个个单词,然后再一个接一个地拼接在一起,判断其长度是否超过画布,若超过则换行再拼接,否则继续拼接。考虑到中文需要将每个文字都拆开,所以我进行了一点修改,完整代码如下: <?php header ("Content-type: image/png"); mb_internal_encoding("UTF-8"); // 设置编码 function autowrap($fontsize, $angle, $fontface, $string, $width) { // 这几个变量分别是 字体大小, 角度, 字体名称, 字符串,

Android

被 HTC Dream(G1)调戏简札

掐指算算,折腾 G1 都快两个月了。从高考复习某天和 @terryxxy 的聊天提及到 G1 ,突然间就对 G1 充满了好感,于是复习休息时就常用黑莓逛逛机锋网,想对 G1 多了解一些……在某种程度上, G1 也成为了我的一种寄托(复习很累的时候,想想高考后那段逍遥的日子、玩弄 G1 ,就觉得再苦再累忍一忍就过去)。再到高考后每天一上网就更逛机锋、安卓,不断寻找二手 G1 的消息。最后总算以 1200 元入手 G1 ,并不算太疯狂地折腾至今。 和当年折腾 8700 相比,折腾 G1 的过程更囧更曲折,可以算是被 G1 调戏了,= =。所以,还是写篇文章记录一下这些囧事儿吧,