Mac 重装笔记

开发环境:
HomeBrew —— 依赖管理
NodeJS + MongoDB
XCode —— 包含 gcc 等很多基础库,不开发也应该安装下
IntelliJ IDEA 10 —— 编辑器
Textmate —— 编辑器
配置 VIM,Apache,Hosts,Git
其他:
Cisco AnyConnect —— VPN 登录
iStat Menu —— 系统状态查看,比如是否温度过高
Chrome
Dropbox
Evernote
Things —— GTD
OmniFocus —— GTD
Twitter
Alfred —— 快捷启动工具
Caffeine —— 小工具,让屏幕不自动锁定
Cinch —— 小工具,让窗口靠边、放大等
MPlayerX & SPlayerX —— 播放器
iWork 2009 —— 包含 Keynote、Pages、Numbers 等
iLife 2011 —— 包含 iPhone 等
AliWangWang
XMind
NTFs For MacOS —— 支持 NTFS 格式的移动硬盘
Growl —— 消息提醒
ScreenFlow —— 屏幕录制
Transmit —— FTP
Droplr —— 快速分享文件
iExplorer —— 快速操作 iOS 系统文件
参考:

TTMMHTW (20110722)

TTMMHTW = Things That Make Me Happy This Week.

新闻:

  1. 姚明退役;
  2. G+ for IOS 出了,Lion 出了,新版 air 出了;(PS:有人做了详细的 Lion Review)
  3. NodeJS 更新了 0.4.10
  4. BrowserScope 通过 modernizr2 收集的 HTML5 兼容表,还有 Timeline
  5. Kangax 的 ES5 表格更新了 Safari5,只缺 `Function.prototype.bind` 了;
  6. FaceBook 发布了一个小脚本 Doppler,用于统计 RTT 和 DNS 数据;

文章 & Slides:

  1. Hax周爱民射雕(玉伯),各自分享了对前端发展、技术发展、技术运营等方面的想法;
  2. 爱民在 mbp 上分享看到问题的能力,差点错过这么精彩的 PPT,感谢玉伯的推荐和复述;
  3. remy 分享的 fogot the web:http://remysharp.com/talks/#2011_skillswap;

应用:

  1. 百度知道在变3首映前做了一个很有创意的变形金刚特效,原理主要是运用 css clip,在知乎上有讨论
  2. WebPutty CSS Editor,可以在线编辑 CSS 并发布,但感觉意义不大;
  3. http://tomorrow.do/,用 CSS3 3D Transform, NodeJS 和 love 做的 TODO 应用;
  4. 用 3D 的方式展示 DOM 的一个 Firefox 插件,非常 cool,绝对值得一试;

类库:

  1. Faye,Simple pub/sub messaging for the web.
  2. 和 Socket.IO 类似,基于 Bayeux 协议实现消息的接收发送,此外还支持 Ruby 服务端,受到很多关注; 
  3. Sugar,A simple JavaScript library for working with native objects.
    类似 underscore,但方式上是通过修改 native object 实现的,不过修改地很有
  4. TameJS,又一个异步流程控制类库;
  5. ClojureScript, Lisp for JavaScript? 这里有介绍

其他:

  1. Wood Tape,一位父亲引导自己 4 岁大儿子完成自己项目的故事;
  2. Improving Yourself Is Easy,一位 Ruby 工程师讲述自己几年的成长历程,结论是:做!
  3. Plum,此网站提供交换小孩子衣服的服务,小孩子长得快,去年的衣服、裤子、鞋子今年肯定不能再穿,所以这个服务还是挺有意义的;
  4. Life Lession,一位旅行 8 年的朋友告诉我们一些重要的人生经验;

为信息源问题做了几件事

事:

  • 清空 GoogleReader 到个位数
  • twitter 上 unfollow 所有不太熟的人,将部分人移到指定的 list
  • 写了个脚本,配合 crontab 每周五晚上获取上周 Reddit 和 HackerNews 里 vote 靠前的信息以及指定的 twitter list, twitter list 等发到邮箱

关于脚本:

  • http://github.com/sorrycc/robot
  • 其实类似一个本地版的 ifttt,可以做各种扩展
  • 后续看需要可能再增加 google reader share、starred gmail 等信息统计

程序员的知识体系

划分为 5 个阶段

  1. 不懂
  2. 熟悉但不精通
  3. 精通
  4. 精通过但忘记了
  5. 完全精通且永不会忘记

移动的成本和回报

  • 从 1 到 2 需要 10-50h    ,回报很低,如果忘记了就回到 1
  • 从 2 到 3 需要 100-500h,回报很高,就算忘记了也跳到 4
  • 从 3 到 5 需要 1000+h   ,回报特别高,形成品牌
  • 从 4 到 3 需要 10-50h    ,回报很低

衡量

  • 2 = 知道 5 的人在说些什么
  • 3 = 可以教别人或帮助别人解决问题
  • 5 = …

Ref

如果你的原型已经完成50%,然后决定在完成80%的时候公开它,那样你只能在剩下的20%利用到反馈的好处。更糟糕的是,如果你在做一件完全错误的事情,你那80%的时间全部浪费掉了。但是如果你在50%的时候分享,你可以在剩下的50%过程里获得其他人的帮助,在你做错的时间你也只是是去了50%。
http://mengxy.net/post/227d8f40-6337-11e0-a67b-2e2a15056e00

一些 JavaScript 代码习惯的解释

1. 

这样写,

var foo = {
    item1: '1'
  , item2: '2'
  , item3: '3'
};

而不是这样写,

var foo = {
    item1: '1',
  item2: '2',
  item3: '3'
};

原因:方便项目的添加删除,因为我们通常会在最后加,而很少改到第一项。

2. 

这样写,

if ('bar' == foo) { /*blabla*/ }

而不是这样写,

if (foo == 'bar') { /*blabla*/ }

原因:因为 foo = 'bar' 不会报错,而 'bar' = foo 会报错,通过报错来避免失误。

Open API 尝试笔记

这周浪费很多时间在研究开放 API 的应用,写个笔记作为结尾。

1. Instapaper by Marco Arment

Instapaper 有两个版本的 API,simplefull。simple 版只提供一个功能,即添加 bookmark 到 Instapaper;full 版虽然提供了所有的接口,但是普通用户只能用到 bookmark add 和 folder list 功能,其余功能需要 $1/month 的付费用户才能使用。采用类似 Twitter 的 XAuth 验证,可惜没跑通。。

此外,还发现了 Instapaper 的 text parser,体验非常不错,据作者介绍,他的实现相对于 Arc90’s Readability 来说更保守,同时还有一些约定

2. ReadItLater

接口调用非常简单,验证方式为 basic auth,功能较 Instapaper 强大,唯一的遗憾是支持的应用不如 Instapaper 多。

3. Twitter

验证方式主要是 OAuth1。

4. Sina Weibo

同上,验证方式主要是 OAuth1。

5. Google

验证方式 OAuth2 和 OAuth1 并存。

Google Reader 没有官方公开的 API,但有一个非官方的 Google Group

==

Ref

Readability 的实现:

关于 OAuth:

Gists and Libraries:

惰性更类似某种本能,是“野火烧不尽”的,会从生活的各个角落顽固地冒出来,滋生繁衍,这或许是种本能,只能依靠日复一日地贯彻“认真”来扫除它;惰性侵入的区域越多,“认真”的能力就越弱,就越难做到“认真”。
http://www.luanxiang.org/blog/archives/1151.html

招聘是关于 HTML 和 CSS 应该问什么问题?

问题:

  • 什么是 CSS 的盒模型?
  • 怪异模式、标准模式和准标准模式之间有什么区别?
  • 请说下对于 hasLayout 的理解? (如何触发等等)
  • 请说出最合适的 HTML 标签:导航菜单,博客文章,推特回复。(为什么? 有替换方案吗? )
  • 为什么这是个坏方案? <span class=”red”>Bar</span>
  • 如何在各个不同的浏览器下设置 opacity?
  • doctype 的作用是什么?
  • 请说出 inline 元素和 block 元素的区别?
  • alpha 透明的 png 文件,可能会遇到什么问题? 
  • html 和 xhtml 之间有什么区别?
  • 知道如何清楚浮动吗?
  • visibility:hidden 和 display:none 有什么区别? 后者有什么优缺点?
  • 了解可用性吗? (举个可用性的例子)

相关链接:

用心工作,快乐生活

view archive