<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>ericstory</title>
	<atom:link href="http://www.ericstory.me/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.ericstory.me</link>
	<description>大将无能,累死三军,智者不惑,行者无疆</description>
	<lastBuildDate>Wed, 18 Aug 2010 05:08:16 +0000</lastBuildDate>
	
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Paypal 早期创业的文化与管理</title>
		<link>http://www.ericstory.me/2010/08/paypal-%e6%97%a9%e6%9c%9f%e5%88%9b%e4%b8%9a%e7%9a%84%e6%96%87%e5%8c%96%e4%b8%8e%e7%ae%a1%e7%90%86-2/</link>
		<comments>http://www.ericstory.me/2010/08/paypal-%e6%97%a9%e6%9c%9f%e5%88%9b%e4%b8%9a%e7%9a%84%e6%96%87%e5%8c%96%e4%b8%8e%e7%ae%a1%e7%90%86-2/#comments</comments>
		<pubDate>Wed, 18 Aug 2010 05:08:16 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[产品]]></category>

		<guid isPermaLink="false">http://www.ericstory.me/?p=127</guid>
		<description><![CDATA[Paypal 早期创业的文化与管理
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;
发布时间:2010-8-16 10:29  文章来源:东西网  译者：along  点击数:92
向竞争对手学习： 为何Paypal走出众多成功创业者。
为什么这么多成功的创业者和创业公司来自 Paypal？
我对前 Paypal 团队成员取得的非凡成就和他们成功的背后原因一直深感着迷。在过去，大众媒体多次试图回答这个问题，但仍不能给我们一个明确的答案。
同样的问题我在一次洛杉矶举办的活动上曾问过David Sacks。他告诉我的秘密是：Paypal 建立了一个“斗志昂扬（Scrappy）”的文化。无论面对什么困难，他们总会找到办法来解决。我似乎听懂了，但仍搞不清楚执行细节。
所以，当我看到一些 Paypal 前员工在 Quora 上回答这个问题的时候，我异常兴奋！毕竟，他们才是真正能够讲述内幕的人。
On Talent Management 人才管理
“Peter 和 Max 组建了一个非凡的创业团队，主要归功于他们能够发现那些有非凡能力的年轻人（管理层中年龄中数是30）。另外一方面，经济的低迷也相当程度上帮助了我们的招聘，因为除了 eBay 和 Google 外基本没有其他公司在 2000-2002 还在扩编团队。”（Keith Rabois, 前 Paypal 执行副总裁）
Extreme Focus 极度专注（由 Peter 推动）
Peter要求公司每个人肩负一个且只有一个高优先的任务。除了这个 #1 任务之外，他拒绝和你讨论几乎任何其他事情。甚至在我们 2001 的年度评估表格里也要求每个员工明确说出他们每人对公司唯一的最大的贡献是什么。（Keith Rabois, 前 Paypal 执行副总裁）
Dedication to Individual Accomplishment 推崇个人成就
团队几近乎一个社会主义组织。
PayPal 公司大部分最伟大的创新是由一个人推动，此后他会争取他人支持，接受并实施他的新想法。如果你举得出 Paypal 最关键的8到12个创新（甚或是25个），你会发现几乎每个创新都是由一个人的灵感产生的（而这个人通常是最终推动从灵感到实施的那个人）。由此，David推行的是一个“反会议（anti-meeting)”的文化，任何会议如果超出3-4个人都会被怀疑是否缺乏效率，如果他判断是，那这样的会就会立刻被纠正。
我们2002年的年度评估表格专门包括一类指标，来评价员工在“避免占用他人时间，比如安排没有必要参加的会”方面的表现。（Keith Rabois, 前 Paypal 执行副总裁）
Refusal [...]]]></description>
			<content:encoded><![CDATA[<div id="_mcePaste">Paypal 早期创业的文化与管理</div>
<div id="_mcePaste">&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;</div>
<div id="_mcePaste">发布时间:2010-8-16 10:29  文章来源:东西网  译者：along  点击数:92</div>
<div id="_mcePaste">向竞争对手学习： 为何Paypal走出众多成功创业者。</div>
<div id="_mcePaste">为什么这么多成功的创业者和创业公司来自 Paypal？</div>
<div id="_mcePaste">我对前 Paypal 团队成员取得的非凡成就和他们成功的背后原因一直深感着迷。在过去，大众媒体多次试图回答这个问题，但仍不能给我们一个明确的答案。</div>
<div id="_mcePaste">同样的问题我在一次洛杉矶举办的活动上曾问过David Sacks。他告诉我的秘密是：Paypal 建立了一个“斗志昂扬（Scrappy）”的文化。无论面对什么困难，他们总会找到办法来解决。我似乎听懂了，但仍搞不清楚执行细节。</div>
<div id="_mcePaste">所以，当我看到一些 Paypal 前员工在 Quora 上回答这个问题的时候，我异常兴奋！毕竟，他们才是真正能够讲述内幕的人。</div>
<div id="_mcePaste">On Talent Management 人才管理</div>
<div id="_mcePaste">“Peter 和 Max 组建了一个非凡的创业团队，主要归功于他们能够发现那些有非凡能力的年轻人（管理层中年龄中数是30）。另外一方面，经济的低迷也相当程度上帮助了我们的招聘，因为除了 eBay 和 Google 外基本没有其他公司在 2000-2002 还在扩编团队。”（Keith Rabois, 前 Paypal 执行副总裁）</div>
<div id="_mcePaste">Extreme Focus 极度专注（由 Peter 推动）</div>
<div id="_mcePaste">Peter要求公司每个人肩负一个且只有一个高优先的任务。除了这个 #1 任务之外，他拒绝和你讨论几乎任何其他事情。甚至在我们 2001 的年度评估表格里也要求每个员工明确说出他们每人对公司唯一的最大的贡献是什么。（Keith Rabois, 前 Paypal 执行副总裁）</div>
<div id="_mcePaste">Dedication to Individual Accomplishment 推崇个人成就</div>
<div id="_mcePaste">团队几近乎一个社会主义组织。</div>
<div id="_mcePaste">PayPal 公司大部分最伟大的创新是由一个人推动，此后他会争取他人支持，接受并实施他的新想法。如果你举得出 Paypal 最关键的8到12个创新（甚或是25个），你会发现几乎每个创新都是由一个人的灵感产生的（而这个人通常是最终推动从灵感到实施的那个人）。由此，David推行的是一个“反会议（anti-meeting)”的文化，任何会议如果超出3-4个人都会被怀疑是否缺乏效率，如果他判断是，那这样的会就会立刻被纠正。</div>
<div id="_mcePaste">我们2002年的年度评估表格专门包括一类指标，来评价员工在“避免占用他人时间，比如安排没有必要参加的会”方面的表现。（Keith Rabois, 前 Paypal 执行副总裁）</div>
<div id="_mcePaste">Refusal to Accept Constraints, External or Internal 拒绝接受限制，不论外部还是内部</div>
<div id="_mcePaste">公司期望每个员工-用超乎寻常的行动力和活力去完成#1的优先任务、目标。引用一个时髦说法，公司的期望是：每个人“每天来上班的时候，都准备好了为实现梦想不惜跨越一切障碍，不惜时刻准备着被解雇”。</div>
<div id="_mcePaste">Jeremy Stoppelman 讲述过一个邮件的故事，他曾发出一封邮件给全公司批评公司管理并做好了被解雇的准备，恰恰相反，他不但没被解雇，反而被晋升了。Peter 从不接受“no”这样的回答：如果你解决不了这个问题，很快就会有其他人被指派去解决这个问题。（Keith Rabois, 前 Paypal 执行副总裁）</div>
<div id="_mcePaste">Driven Problem Solvers 自我驱动的问题解决者</div>
<div id="_mcePaste">贝宝有一个强烈倾向：喜欢聘用（并提升、鼓励）聪明的，善于自我驱动的问题解决者，而不是某个领域专家。明星员工中很少此前有支付方面的经验，很多最优秀的员工只有很少甚至没有任何做互联网产品的经验。我在 Paypal 从事欺诈分析，团队中最牛的人大部分从未做任何和欺诈检测相关的事情。如果 Max 用传统思维，他就会去雇那些给银行做了20多年物流回归模型却从没有创新过的的“专家”，如果那样，欺诈损失可能会摧毁公司。（Mike Greenfield，前 Paypal 高级诈骗R＆D科学家）</div>
<div id="_mcePaste">Self-Sufficiency 自给自足</div>
<div id="_mcePaste">个人和小团队被赋予相对复杂的目标，由他们自己想办法完成。如果你需要整合一个外部供应商，你自己拿起电话开打，你不去等 BD 的人空下来帮你；你自己做（第一版本）Mockups 和线框图，你不去等设计师空下来帮你；你自己坐下来写站点文案，不去等内容人员帮你。（Yee Lee, 前 Paypal 产品总经理）</div>
<div id="_mcePaste">On Culture &amp;Ideology 论文化与意识形态</div>
<div id="_mcePaste">Extreme Bias towards Action 极端强调行动</div>
<div id="_mcePaste">早期的贝宝真是一个非常“高产的工作场所”。</div>
<div id="_mcePaste">这部分归功于自给自足（self-sufficiency）的文化。PayPal 一直都是一个网络服务，而公司做到了连续多年持续推出数量惊人相对高质的 web软件。当然，我们的职能部门间也有通常意义上的政治，但无论明星英雄还是高信任度的小团队通常总能想出办法按计划完成项目。（Yee Lee, 前产品总经理）</div>
<div id="_mcePaste">Willingness to Try 愿意尝试</div>
<div id="_mcePaste">即使是在一个数据驱动的文化里，你也总能碰到这样的人，他要么不相信你收集到的是对决策合适的支撑数据，要么当数据和他的直觉不符的时候他就是很觉得很不爽。在很多公司，这些人是决策的杀手。在 Paypal 里，让人感觉你几乎总能找到有人愿意去“试一下”，然后让数据告诉我们决策是否维持,还是回滚。（Yee Lee, 前 Paypal 产品总经理）</div>
<div id="_mcePaste">Data-Driven Decision Making 数据驱动的决策</div>
<div id="_mcePaste">Paypal 里有很多聪明的、有主见的人，他们的大脑就像一部记录仪。</div>
<div id="_mcePaste">在这里，你赢得讨论的办法就是摆出数据。所以你绝不能这样开始你的发言“我感觉我们没给用户提供 X 这个功能是个问题”；相反，你要先自己做好功课，然后来到桌前，说：我们的服务里，35%的……问题是因为我们没有 X 这个功能&#8230;（Yee Lee, 前 Paypal 产品总经理）</div>
<div id="_mcePaste">Radical Transparency on Metrics 数据指标的极端透明</div>
<div id="_mcePaste">推动业务的关键指标数据要对所有员工完全透明，一目了然。</div>
<div id="_mcePaste">否则，怎么能指望每个员工每天能够独立完成合理的计算、规划和决策？为执行这一准则，几乎每一个全员大会都包括一个环节，打印出的 Excel 电子表格分发到每人手上，然后 Peter 一行一行的过我们的绩效指标（不是夸张）。（Keith Rabois, 前 Paypal 执行副总裁）</div>
<div id="_mcePaste">Vigorous Debate, Often via Email 激烈的辩论，经常通过电子邮件</div>
<div id="_mcePaste">几乎每一个重要的问题都有支持一方和批评一方。</div>
<div id="_mcePaste">这些通常不是领导一句话解决，而是通过激烈的辩论，可以是非常激烈的辩论。能够通过简洁的吸引人的方式，配合经验分析，清楚地阐明、捍卫一个策略或产品，并能承受得住尖锐的批评，这几乎是每个核心成员和关键贡献者的必备素质。我至今还清楚记得，当我得知我第一次需要到 Max 那里捍卫我的宝贝儿主意的可行性的时候，我是如何的惶恐。（Keith Rabois, 前 Paypal 执行副总裁）</div>
<div id="_mcePaste">Extreme Pressure 极压</div>
<div id="_mcePaste">Paypal 是一个非常困难的生意，要解决许多重大问题。我们有幸看到同事们在极大的压力下工作，也只有这样，我们才知道谁可以依靠和信赖。（Keith Rabois, 前 Paypal 执行副总裁）</div>
<p>Paypal 早期创业的文化与管理  &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<br />
发布时间:2010-8-16 10:29  文章来源:东西网  译者：along  点击数:92       向竞争对手学习： 为何Paypal走出众多成功创业者。<br />
为什么这么多成功的创业者和创业公司来自 Paypal？<br />
我对前 Paypal 团队成员取得的非凡成就和他们成功的背后原因一直深感着迷。在过去，大众媒体多次试图回答这个问题，但仍不能给我们一个明确的答案。<br />
同样的问题我在一次洛杉矶举办的活动上曾问过David Sacks。他告诉我的秘密是：Paypal 建立了一个“斗志昂扬（Scrappy）”的文化。无论面对什么困难，他们总会找到办法来解决。我似乎听懂了，但仍搞不清楚执行细节。<br />
所以，当我看到一些 Paypal 前员工在 Quora 上回答这个问题的时候，我异常兴奋！毕竟，他们才是真正能够讲述内幕的人。<br />
On Talent Management 人才管理<br />
“Peter 和 Max 组建了一个非凡的创业团队，主要归功于他们能够发现那些有非凡能力的年轻人（管理层中年龄中数是30）。另外一方面，经济的低迷也相当程度上帮助了我们的招聘，因为除了 eBay 和 Google 外基本没有其他公司在 2000-2002 还在扩编团队。”（Keith Rabois, 前 Paypal 执行副总裁）<br />
Extreme Focus 极度专注（由 Peter 推动）<br />
Peter要求公司每个人肩负一个且只有一个高优先的任务。除了这个 #1 任务之外，他拒绝和你讨论几乎任何其他事情。甚至在我们 2001 的年度评估表格里也要求每个员工明确说出他们每人对公司唯一的最大的贡献是什么。（Keith Rabois, 前 Paypal 执行副总裁）<br />
Dedication to Individual Accomplishment 推崇个人成就<br />
团队几近乎一个社会主义组织。<br />
PayPal 公司大部分最伟大的创新是由一个人推动，此后他会争取他人支持，接受并实施他的新想法。如果你举得出 Paypal 最关键的8到12个创新（甚或是25个），你会发现几乎每个创新都是由一个人的灵感产生的（而这个人通常是最终推动从灵感到实施的那个人）。由此，David推行的是一个“反会议（anti-meeting)”的文化，任何会议如果超出3-4个人都会被怀疑是否缺乏效率，如果他判断是，那这样的会就会立刻被纠正。<br />
我们2002年的年度评估表格专门包括一类指标，来评价员工在“避免占用他人时间，比如安排没有必要参加的会”方面的表现。（Keith Rabois, 前 Paypal 执行副总裁）<br />
Refusal to Accept Constraints, External or Internal 拒绝接受限制，不论外部还是内部<br />
公司期望每个员工-用超乎寻常的行动力和活力去完成#1的优先任务、目标。引用一个时髦说法，公司的期望是：每个人“每天来上班的时候，都准备好了为实现梦想不惜跨越一切障碍，不惜时刻准备着被解雇”。<br />
Jeremy Stoppelman 讲述过一个邮件的故事，他曾发出一封邮件给全公司批评公司管理并做好了被解雇的准备，恰恰相反，他不但没被解雇，反而被晋升了。Peter 从不接受“no”这样的回答：如果你解决不了这个问题，很快就会有其他人被指派去解决这个问题。（Keith Rabois, 前 Paypal 执行副总裁）<br />
Driven Problem Solvers 自我驱动的问题解决者<br />
贝宝有一个强烈倾向：喜欢聘用（并提升、鼓励）聪明的，善于自我驱动的问题解决者，而不是某个领域专家。明星员工中很少此前有支付方面的经验，很多最优秀的员工只有很少甚至没有任何做互联网产品的经验。我在 Paypal 从事欺诈分析，团队中最牛的人大部分从未做任何和欺诈检测相关的事情。如果 Max 用传统思维，他就会去雇那些给银行做了20多年物流回归模型却从没有创新过的的“专家”，如果那样，欺诈损失可能会摧毁公司。（Mike Greenfield，前 Paypal 高级诈骗R＆D科学家）<br />
Self-Sufficiency 自给自足<br />
个人和小团队被赋予相对复杂的目标，由他们自己想办法完成。如果你需要整合一个外部供应商，你自己拿起电话开打，你不去等 BD 的人空下来帮你；你自己做（第一版本）Mockups 和线框图，你不去等设计师空下来帮你；你自己坐下来写站点文案，不去等内容人员帮你。（Yee Lee, 前 Paypal 产品总经理）<br />
On Culture &amp;Ideology 论文化与意识形态<br />
Extreme Bias towards Action 极端强调行动<br />
早期的贝宝真是一个非常“高产的工作场所”。<br />
这部分归功于自给自足（self-sufficiency）的文化。PayPal 一直都是一个网络服务，而公司做到了连续多年持续推出数量惊人相对高质的 web软件。当然，我们的职能部门间也有通常意义上的政治，但无论明星英雄还是高信任度的小团队通常总能想出办法按计划完成项目。（Yee Lee, 前产品总经理）<br />
Willingness to Try 愿意尝试<br />
即使是在一个数据驱动的文化里，你也总能碰到这样的人，他要么不相信你收集到的是对决策合适的支撑数据，要么当数据和他的直觉不符的时候他就是很觉得很不爽。在很多公司，这些人是决策的杀手。在 Paypal 里，让人感觉你几乎总能找到有人愿意去“试一下”，然后让数据告诉我们决策是否维持,还是回滚。（Yee Lee, 前 Paypal 产品总经理）<br />
Data-Driven Decision Making 数据驱动的决策<br />
Paypal 里有很多聪明的、有主见的人，他们的大脑就像一部记录仪。<br />
在这里，你赢得讨论的办法就是摆出数据。所以你绝不能这样开始你的发言“我感觉我们没给用户提供 X 这个功能是个问题”；相反，你要先自己做好功课，然后来到桌前，说：我们的服务里，35%的……问题是因为我们没有 X 这个功能&#8230;（Yee Lee, 前 Paypal 产品总经理）<br />
Radical Transparency on Metrics 数据指标的极端透明<br />
推动业务的关键指标数据要对所有员工完全透明，一目了然。<br />
否则，怎么能指望每个员工每天能够独立完成合理的计算、规划和决策？为执行这一准则，几乎每一个全员大会都包括一个环节，打印出的 Excel 电子表格分发到每人手上，然后 Peter 一行一行的过我们的绩效指标（不是夸张）。（Keith Rabois, 前 Paypal 执行副总裁）<br />
Vigorous Debate, Often via Email 激烈的辩论，经常通过电子邮件<br />
几乎每一个重要的问题都有支持一方和批评一方。<br />
这些通常不是领导一句话解决，而是通过激烈的辩论，可以是非常激烈的辩论。能够通过简洁的吸引人的方式，配合经验分析，清楚地阐明、捍卫一个策略或产品，并能承受得住尖锐的批评，这几乎是每个核心成员和关键贡献者的必备素质。我至今还清楚记得，当我得知我第一次需要到 Max 那里捍卫我的宝贝儿主意的可行性的时候，我是如何的惶恐。（Keith Rabois, 前 Paypal 执行副总裁）<br />
Extreme Pressure 极压<br />
Paypal 是一个非常困难的生意，要解决许多重大问题。我们有幸看到同事们在极大的压力下工作，也只有这样，我们才知道谁可以依靠和信赖。（Keith Rabois, 前 Paypal 执行副总裁）</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ericstory.me/2010/08/paypal-%e6%97%a9%e6%9c%9f%e5%88%9b%e4%b8%9a%e7%9a%84%e6%96%87%e5%8c%96%e4%b8%8e%e7%ae%a1%e7%90%86-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CMS</title>
		<link>http://www.ericstory.me/2010/08/cms/</link>
		<comments>http://www.ericstory.me/2010/08/cms/#comments</comments>
		<pubDate>Tue, 17 Aug 2010 14:44:09 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[代码]]></category>

		<guid isPermaLink="false">http://www.ericstory.me/?p=123</guid>
		<description><![CDATA[当下对于网站前段开发人员来说，很少有人不使用一些JS框架或者WEB UI库，因此这些可以有效提高网站前段开发速度，并且能够统一开发环境，对于不同浏览器的兼容性也不需要程序员操心，有了这些优点，当然大家都会使用这些框架或库。
本文整理了国内外最全面和主流的JS框架与WEB UI库，里面有许多人已经十分熟悉，比如JQUERY。当然也有很多是陌生的，可以通过本文了解他们各自的优缺点，或许你能找到更好用的也说不定！
几乎所有的富 Web 应用都基于一个或多个 Web UI 库或框架，这些 UI 库与框架极大地简化了开发进程，并带来一致，可靠，以及高度交互性的用户界面。本文介绍了 15 个非常强大的 JavaScript Web UI 库，非常适合各种各种规模的富 Web 应用的开发。
LivePipe
LivePipe UI 基于 Prototype Javascript 框架，包含了一整套经严格测试并高度可扩展的 UI 控件，拥有很好的文档，在不支持 JavaScript 的环境中，可以无缝降级使用。包括 Tab, 窗体，文本框，多选框，评分控件，进度条，滚动条，右键菜单等多种控件。
LivePipe 首页与下载
LivePipe 演示与示例

UKI

UKI 是一套简单的 JavaScript UI 工具集，用于快速创建桌面风格的 Web 应用。包含的控件从滑动条，到分栏视图，不一而足。熟悉 jQuery 的开发者会发现这个工具很容易上手，非常简洁，无需安装框架，不依赖 CSS 引用。
UKI 主页与下载
UKI 控件，演示，示例

MochaUI

MochaUI 是 MooTools Javascript 框架 与 ExplorerCanvas 的一个备受欢迎的扩展，可以用来快速创建 Web 应用，Web 桌面，网站，饰件，独立 Windows，Modal 对话框等等。
MochaUI [...]]]></description>
			<content:encoded><![CDATA[<p>当下对于网站前段开发人员来说，很少有人不使用一些JS框架或者WEB UI库，因此这些可以有效提高网站前段开发速度，并且能够统一开发环境，对于不同浏览器的兼容性也不需要程序员操心，有了这些优点，当然大家都会使用这些框架或库。</p>
<p>本文整理了国内外最全面和主流的JS框架与WEB UI库，里面有许多人已经十分熟悉，比如JQUERY。当然也有很多是陌生的，可以通过本文了解他们各自的优缺点，或许你能找到更好用的也说不定！</p>
<p>几乎所有的富 Web 应用都基于一个或多个 Web UI 库或框架，这些 UI 库与框架极大地简化了开发进程，并带来一致，可靠，以及高度交互性的用户界面。本文介绍了 15 个非常强大的 JavaScript Web UI 库，非常适合各种各种规模的富 Web 应用的开发。</p>
<h2 class="subtitle">LivePipe</h2>
<p><a href="http://livepipe.net/" target="_blank"><span style="color: #006da3;">LivePipe UI</span></a> 基于 <a href="http://www.prototypejs.org/" target="_blank"><span style="color: #006da3;">Prototype Javascript 框架</span></a>，包含了一整套经严格测试并高度可扩展的 UI 控件，拥有很好的文档，在不支持 JavaScript 的环境中，可以无缝降级使用。包括 Tab, 窗体，文本框，多选框，评分控件，进度条，滚动条，右键菜单等多种控件。</p>
<p><a href="http://livepipe.net/" target="_blank"><span style="color: #006da3;"><strong>LivePipe</strong> 首页与下载</span></a><br />
<a href="http://livepipe.net/control#rating" target="_blank"><span style="color: #006da3;"><strong>LivePipe</strong> 演示与示例</span></a></p>
<p><a href="http://www.wzsky.net/ddimg/uploadimg/20100520/0906550.jpg" target="_blank"><span style="color: #006da3;"><img src="http://www.wzsky.net/ddimg/uploadimg/20100520/0906550.jpg" alt="" /></span></a></p>
<h2 class="subtitle">UKI</h2>
<p><a href="http://ukijs.org/" target="_blank"></a></p>
<p><a href="http://ukijs.org/" target="_blank"><span style="color: #006da3;">UKI</span></a> 是一套简单的 JavaScript UI 工具集，用于快速创建桌面风格的 Web 应用。包含的控件从滑动条，到分栏视图，不一而足。熟悉 <a href="http://jquery.com/" target="_blank"><span style="color: #006da3;">jQuery</span></a> 的开发者会发现这个工具很容易上手，非常简洁，无需安装框架，不依赖 CSS 引用。</p>
<p><a href="http://ukijs.org/" target="_blank"><span style="color: #006da3;"><strong>UKI</strong> 主页与下载</span></a><br />
<a href="http://ukijs.org/examples/" target="_blank"><span style="color: #006da3;"><strong>UKI</strong> 控件，演示，示例</span></a></p>
<p><a href="http://ukijs.org/examples/" target="_blank"><span style="color: #006da3;"><img src="http://www.wzsky.net/ddimg/uploadimg/20100520/0906551.jpg" alt="" /></span></a></p>
<h2 class="subtitle">MochaUI</h2>
<p><a href="http://mochaui.com/" target="_blank"></a></p>
<p><a href="http://mochaui.com/" target="_blank"><span style="color: #006da3;">MochaUI</span></a> 是 <a href="http://mootools.net/" target="_blank"><span style="color: #006da3;">MooTools Javascript 框架</span></a> 与 ExplorerCanvas 的一个备受欢迎的扩展，可以用来快速创建 Web 应用，Web 桌面，网站，饰件，独立 Windows，Modal 对话框等等。</p>
<p><a href="http://mochaui.com/" target="_blank"><span style="color: #006da3;"><strong>MochaUI</strong> 主页与下载</span></a><br />
<a href="http://mochaui.com/demo/" target="_blank"><span style="color: #006da3;"><strong>MochaUI</strong> 控件，演示，示例</span></a></p>
<p><a href="http://mochaui.com/demo/" target="_blank"><span style="color: #006da3;"><img src="http://www.wzsky.net/ddimg/uploadimg/20100520/0906552.jpg" alt="" /></span></a></p>
<h2 class="subtitle">Sigma Ajax UI Builder</h2>
<p><a href="http://sourceforge.net/projects/ajaxuibuilder/" target="_blank"><span style="color: #006da3;">SigmaVisual</span></a> 是一套基于 Web 的，所见即所得的 AJAX UI 创建工具，包含超过40个不见，如 Tab，对话框，树形图，时间线等，基于 JavaScript 和 PHP。</p>
<p><a href="http://sourceforge.net/projects/ajaxuibuilder/" target="_blank"><span style="color: #006da3;"><strong>Sigma Ajax UI Builder</strong> 主页和下载</span></a><br />
<a href="http://www.sigmawidgets.com/products/sigma_visual/VisualJS/index.html" target="_blank"><span style="color: #006da3;"><strong>Sigma Ajax UI Builder</strong> 控件，演示和示例</span></a></p>
<p><a href="http://www.sigmawidgets.com/products/sigma_visual/VisualJS/index.html" target="_blank"><span style="color: #006da3;"><img src="http://www.wzsky.net/ddimg/uploadimg/20100520/0906553.jpg" alt="" /></span></a></p>
<p><span style="color: #006da3;"> </span></p>
<h2 class="subtitle">JxLib based MooTools</h2>
<p><a href="http://jxlib.org/" target="_blank"></a></p>
<p><a href="http://jxlib.org/" target="_blank"><span style="color: #006da3;">JxLib</span></a> 是一个基于 <a href="http://mootools.net/" target="_blank"><span style="color: #006da3;">MooTools</span></a> 的 JavaScript UI 框架，包含多数 Web 程序都需要的基本空间，如按钮，Tab，菜单，树形结构，对话框等等。JxLib 还支持换肤功能。</p>
<p><a href="http://jxlib.org/" target="_blank"><span style="color: #006da3;"><strong>JxLib</strong> 主页与下载</span></a><br />
<a href="http://jxlib.org/" target="_blank"><span style="color: #006da3;"><strong>JxLib</strong> 控件，演示与示例</span></a></p>
<p><a href="http://jxlib.org/" target="_blank"><span style="color: #006da3;"><img src="http://www.wzsky.net/ddimg/uploadimg/20100520/0906554.jpg" alt="" /></span></a></p>
<p><span style="color: #006da3;"> </span></p>
<h2 class="subtitle">Dijit – The Dojo Toolkit</h2>
<p><a href="http://dojotoolkit.org/reference-guide/dijit/index.html" target="_blank"></a></p>
<p><a href="http://dojotoolkit.org/reference-guide/dijit/index.html" target="_blank"><span style="color: #006da3;">Dijit</span></a> 基于 <a href="http://www.dojotoolkit.org/" target="_blank"><span style="color: #006da3;">Dojo</span></a>，也是学习 Dojo 扩展的一个好起点。可以用来创建非常漂亮的 Web 2.0 GUI。支持多语种，甚至支持不同语种的文字书写方向以及本地化数字，日期等等。</p>
<p><a href="http://dojotoolkit.org/reference-guide/dijit/index.html" target="_blank"><span style="color: #006da3;"><strong>Dijit</strong> 主页，下载</span></a><br />
<a href="http://archive.dojotoolkit.org/nightly/dojotoolkit/dijit/themes/themeTester.html" target="_blank"><span style="color: #006da3;"><strong>Dijit</strong> 控件，演示，示例</span></a></p>
<p><a href="http://archive.dojotoolkit.org/nightly/dojotoolkit/dijit/themes/themeTester.html" target="_blank"><span style="color: #006da3;"><img src="http://www.wzsky.net/ddimg/uploadimg/20100520/0906555.jpg" alt="" /></span></a></p>
<p><span style="color: #006da3;"> </span></p>
<h2 class="subtitle">jQuery TOOLS</h2>
<p><a href="http://flowplayer.org/tools/index.html" target="_blank"></a></p>
<p><a href="http://flowplayer.org/tools/index.html" target="_blank"><span style="color: #006da3;">jQuery Tools</span></a> 是一个非常轻量（2.5kb）的常用 UI 库，支持以下 jQuery 对象，Tabs, 工具提示，滚动条，层，表单以及 Flash 嵌套。</p>
<p><a href="http://flowplayer.org/tools/index.html" target="_blank"><span style="color: #006da3;"><strong>jQuery TOOLS</strong> 主页与下载</span></a><br />
<a href="http://flowplayer.org/tools/demos/index.html" target="_blank"><span style="color: #006da3;"><strong>jQuery TOOLS</strong> 控件，演示，示例</span></a></p>
<p><a href="http://flowplayer.org/tools/demos/index.html" target="_blank"><span style="color: #006da3;"><img src="http://www.wzsky.net/ddimg/uploadimg/20100520/0906556.jpg" alt="" /></span></a></p>
<p><span style="color: #006da3;"> </span></p>
<h2 class="subtitle">jQuery UI</h2>
<p><a href="http://jqueryui.com/home" target="_blank"></a></p>
<p><a href="http://jqueryui.com/home" target="_blank"><span style="color: #006da3;">jQuery UI</span></a> 基于 <a href="http://jquery.com/" target="_blank"><span style="color: #006da3;">jQuery</span></a>，包含 3 个大类，饰件，一些内置的 UI 对象；效果，对各种网页对象施加动画效果（如爆炸效果）；鼠标交互，如拖放操作。</p>
<p><a href="http://jqueryui.com/home" target="_blank"><span style="color: #006da3;"><strong>jQuery UI</strong> 首页与下载</span></a><br />
<a href="http://jqueryui.com/demos/" target="_blank"><span style="color: #006da3;"><strong>jQuery UI</strong> 控件，演示与示例</span></a></p>
<p><a href="http://jqueryui.com/demos/" target="_blank"><span style="color: #006da3;"><img src="http://www.wzsky.net/ddimg/uploadimg/20100520/0906557.jpg" alt="" /></span></a></p>
<p><span style="color: #006da3;"> </span></p>
<h2 class="subtitle">Prototype UI</h2>
<p><a href="http://www.prototype-ui.com/" target="_blank"></a></p>
<p><a href="http://www.prototype-ui.com/" target="_blank"><span style="color: #006da3;">Prototype UI</span></a> 基于 <a href="http://www.prototypejs.org/" target="_blank"><span style="color: #006da3;">Prototype</span></a> 与 <a href="http://script.aculo.us/" target="_blank"><span style="color: #006da3;">Script.aculo.us</span></a>，包括多个模块（旋转木马，Modal 窗口，阴影，右键菜单等），每个模块可以单独安装使用。</p>
<p><a href="http://www.prototype-ui.com/" target="_blank"><span style="color: #006da3;"><strong>Prototype UI</strong> 主页与下载</span></a><br />
<a href="http://docs.prototype-ui.com/rc0/Window" target="_blank"><span style="color: #006da3;"><strong>Prototype UI</strong> 控件，演示与示例</span></a></p>
<p><a href="http://docs.prototype-ui.com/rc0/Window" target="_blank"><span style="color: #006da3;"><img src="http://www.wzsky.net/ddimg/uploadimg/20100520/0906558.jpg" alt="" /></span></a></p>
<p><span style="color: #006da3;"> </span></p>
<h2 class="subtitle">Jitsu</h2>
<p><a href="http://www.jitsu.org/jitsu/index.html" target="_blank"></a></p>
<p><a href="http://www.jitsu.org/jitsu/index.html" target="_blank"><span style="color: #006da3;">Jitsu</span></a> 功能包括 XML 标记，页面编译，动画引擎，Ajax 以及运行时检测等等，它的 Ajax 功能使消费级 Web 应用的创建变得非常简单，支持客户端数据绑定，还可以将页面编译成 JavaScript，<a href="http://www.jitsu.org/jitsu/index.html" target="_blank"><span style="color: #006da3;">Jitsu</span></a> 在 Firefox 和 IE 中运行最佳。</p>
<p><a href="http://www.jitsu.org/jitsu/index.html" target="_blank"><span style="color: #006da3;"><strong>Jitsu</strong> 主页与下载</span></a><br />
<a href="http://www.jitsu.org/jitsu/quicktours/basic_helloworld.html" target="_blank"><span style="color: #006da3;"><strong>Jitsu</strong> 控件，演示与示例</span></a></p>
<p><a href="http://www.jitsu.org/jitsu/quicktours/basic_helloworld.html" target="_blank"><span style="color: #006da3;"><img src="http://www.wzsky.net/ddimg/uploadimg/20100520/0906559.jpg" alt="" /></span></a></p>
<p><span style="color: #006da3;"> </span></p>
<h2 class="subtitle">Qutensil</h2>
<p><a href="http://qutensil.com/" target="_blank"><span style="color: #006da3;">Qutensil</span></a> 仍在开发中，但其路线图已经显示出某些引人注目的东西，基于 <a href="http://www.prototypejs.org/" target="_blank"><span style="color: #006da3;">Prototype</span></a> 与 <a href="http://script.aculo.us/" target="_blank"><span style="color: #006da3;">Scriptaculous</span></a> ，包含消息，调色板，滑动条，工具提示，可拖放窗口以及警告，确认，提示等窗口。</p>
<p><a href="http://qutensil.com/" target="_blank"><span style="color: #006da3;"><strong>Qutensil</strong> 主页，下载</span></a><br />
<a href="http://qutensil.com/pages/modules" target="_blank"><span style="color: #006da3;"><strong>Qutensil</strong> 控件，演示，示例</span></a></p>
<p><a href="http://qutensil.com/pages/modules" target="_blank"><span style="color: #006da3;"><img src="http://www.wzsky.net/ddimg/uploadimg/20100520/09065510.jpg" alt="" /></span></a></p>
<p><span style="color: #006da3;"> </span></p>
<h2 class="subtitle">Script.aculo.us</h2>
<p><a href="http://script.aculo.us/" target="_blank"><span style="color: #006da3;">script.aculo.us</span></a> 是一个备受欢迎的 UI 工具集，基于 <a href="http://www.prototypejs.org/" target="_blank"><span style="color: #006da3;">Prototype 框架</span></a>，提供了诸如视觉效果，UI 控件以及面向 DOM 的工具。</p>
<p><a href="http://script.aculo.us/" target="_blank"><span style="color: #006da3;"><strong>Script.aculo.us</strong> 首页与下载</span></a></p>
<p><a href="http://wiki.github.com/madrobby/scriptaculous/demos" target="_blank"><span style="color: #006da3;"><img src="http://www.wzsky.net/ddimg/uploadimg/20100520/09065511.jpg" alt="" /></span></a></p>
<h2 class="subtitle">Alloy UI</h2>
<p><a href="http://alloy.liferay.com/" target="_blank"><span style="color: #006da3;">AlloyUI</span></a> 是一套功能丰富的 UI 框架，基于 YUI 3，部分基于 YUI 2，包含一套丰富的（超过60）UI 部件，如图片库，对话框，树形结构，面板，自动完成，按钮，日历控件，工具条等。</p>
<p><a href="http://alloy.liferay.com/" target="_blank"><span style="color: #006da3;"><strong>Alloy UI</strong> 首页和下载</span></a><br />
<a href="http://alloy.liferay.com/demos.php" target="_blank"><span style="color: #006da3;"><strong>Alloy UI</strong> 控件，演示与示例</span></a></p>
<p><a href="http://alloy.liferay.com/demos.php" target="_blank"><span style="color: #006da3;"><img src="http://www.wzsky.net/ddimg/uploadimg/20100520/09065512.jpg" alt="" /></span></a></p>
<h2 class="subtitle">iUI: iPhone UI 框架</h2>
<p><a href="http://code.google.com/p/iui/" target="_blank"><img src="http://www.wzsky.net/ddimg/uploadimg/20100520/09065513.jpg" alt="" /></a><a href="http://code.google.com/p/iui/" target="_blank"></a></p>
<p><a href="http://code.google.com/p/iui/" target="_blank"><span style="color: #006da3;">IUI</span></a> 包含一套 JavaScript 库，CSS 式样表及图片，是一个轻量级 iPhone UI 库，包含 iPhone 风格导航菜单，设备方向，iPhone 风格切换等功能，可以为你的 Web 程序带来 iPhone 般的体验。</p>
<p><a href="http://code.google.com/p/iui/" target="_blank"><span style="color: #006da3;"><strong>iUI</strong> 主页与下载</span></a></p>
<h2 class="subtitle">XUI</h2>
<p><a href="http://xuijs.com/" target="_blank"><img src="http://www.wzsky.net/ddimg/uploadimg/20100520/09065514.jpg" alt="" /></a><a href="http://xuijs.com/" target="_blank"></a></p>
<p><a href="http://xuijs.com/" target="_blank"><span style="color: #006da3;">XUI</span></a> 是一个用于移动 Web 应用的轻量，极简，高度模块化的框架。它之所以非常轻量的原因是，它只支持移动浏览器，所有跨浏览器支持的代码都被剥离。它面向一线移动 Web 浏览器，如 Webkit，Fennec 以及 Opera，并有意将来对移动 IE 和黑莓提供支持。</p>
<p><a href="http://xuijs.com/" target="_blank"><span style="color: #006da3;"><strong>XUI</strong> 首页，下载</span></a></p>
<h2 class="subtitle">Yahoo! YUI Library</h2>
<p><a href="http://developer.yahoo.com/yui/" target="_blank"><img src="http://www.wzsky.net/ddimg/uploadimg/20100520/09065515.jpg" alt="" /></a></p>
<p><a href="http://developer.yahoo.com/yui/" target="_blank"><span style="color: #006da3;">Yahoo! YUI Library</span></a> 可谓所有 Web UI 之父，可靠，功能丰富，目前已经发展到第 3 版。它拥有一个很庞大的开发团队，推出了非常丰富的功能，就功能而言，无可匹敌</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ericstory.me/2010/08/cms/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>产品的核心功能</title>
		<link>http://www.ericstory.me/2010/05/%e4%ba%a7%e5%93%81%e7%9a%84%e6%a0%b8%e5%bf%83%e5%8a%9f%e8%83%bd/</link>
		<comments>http://www.ericstory.me/2010/05/%e4%ba%a7%e5%93%81%e7%9a%84%e6%a0%b8%e5%bf%83%e5%8a%9f%e8%83%bd/#comments</comments>
		<pubDate>Mon, 10 May 2010 17:48:20 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[产品]]></category>

		<guid isPermaLink="false">http://www.ericstory.me/?p=120</guid>
		<description><![CDATA[曾经我写过这篇记录《产品的属性》。
今天我又一次地对产品的功能有一次认识
话从我们后台谈起，后台四年了没人管，每次都在往上面加东西，页面上加加加，不停地加。曾经我妈说过小时候穿衣服都是补丁落补丁的，直到补丁没法再补丁，就可以当抹布了。现在我们的后台补丁打了很多，页面长到要滚几屏，越来越慢，越来越臃肿。正遇上和后台关联的系统服务器挂了，直接导致后台打开缓慢，很慢。于是多年来的积怨，爆发了。后台用户们纷纷反映不能忍受，客户不能忍受，老大们纷纷出来了，关注此事。限期内解决。优先级提高。
回到这个问题本身，多年来没人管，只管往上加是造成系统缓慢的根本原因。这台车已经跑不动了，他承载的东西越来越多，各业务部门都想往上面驼个东西，打个补丁。
时间回到上个月，我们接到了一个需求，要来处理一个客服需求，在原本已经很长的核心页面上添加一个功能。我当时的心态是这种小需求，应付一下就行。我要把主要精力放在整站改造上。于是接了需求，设计了方案。讨论，pk，细节纠结&#8230;..代码上周发布，衣服的最后一个补丁被贴了上去
任何事物都是量变到质变，有一个灵界点。很不幸，我处理的这个需求是后台问题爆发的灵界点。上周发布后，小二纷纷表示核心页面处理缓慢。在今天所有所年来的积怨爆发了。群发邮件，紧急处理&#8230;..
这个事情就说到这里。
回到我想记录的观点，我们的产品核心功能是什么，作为一个产品设计人员要时刻牢记。业务方新添的需求是不是核心功能？后台的核心功能是什么？操作效率。我这个新添功能被是为了提高小二操作效率，却造成了效率的低下。这是绝对不应该，宁可不做，也不能再贴补丁。
业务部门往往喜欢把自己kpi变成需求，来推动设计人员将需求做上去。网站就是一块广告墙，谁都想贴一块广告。我不反对贴，但是贴多了这个墙就没有主题了。
产品做精，做的核心功能不可挑剔就有人欣赏。虾米网是音乐专辑，flickr是相册，gmail是效率
网站大了，业务多了，想做的也就多了。但是在主营业务还有很多问题时，去做别的业务肯定是不对的。所以我明白了为什么做了大半年的项目会下线，因为它生不逢时，出生的太早了。
]]></description>
			<content:encoded><![CDATA[<p>曾经我写过这篇记录《<a title="Permalink to 产品的属性" rel="bookmark" href="../2010/01/%e4%ba%a7%e5%93%81%e7%9a%84%e5%b1%9e%e6%80%a7/">产品的属性</a>》。</p>
<p>今天我又一次地对产品的功能有一次认识</p>
<p>话从我们后台谈起，后台四年了没人管，每次都在往上面加东西，页面上加加加，不停地加。曾经我妈说过小时候穿衣服都是补丁落补丁的，直到补丁没法再补丁，就可以当抹布了。现在我们的后台补丁打了很多，页面长到要滚几屏，越来越慢，越来越臃肿。正遇上和后台关联的系统服务器挂了，直接导致后台打开缓慢，很慢。于是多年来的积怨，爆发了。后台用户们纷纷反映不能忍受，客户不能忍受，老大们纷纷出来了，关注此事。限期内解决。优先级提高。</p>
<p>回到这个问题本身，多年来没人管，只管往上加是造成系统缓慢的根本原因。这台车已经跑不动了，他承载的东西越来越多，各业务部门都想往上面驼个东西，打个补丁。</p>
<p>时间回到上个月，我们接到了一个需求，要来处理一个客服需求，在原本已经很长的核心页面上添加一个功能。我当时的心态是这种小需求，应付一下就行。我要把主要精力放在整站改造上。于是接了需求，设计了方案。讨论，pk，细节纠结&#8230;..代码上周发布，衣服的最后一个补丁被贴了上去</p>
<p>任何事物都是量变到质变，有一个灵界点。很不幸，我处理的这个需求是后台问题爆发的灵界点。上周发布后，小二纷纷表示核心页面处理缓慢。在今天所有所年来的积怨爆发了。群发邮件，紧急处理&#8230;..</p>
<p>这个事情就说到这里。</p>
<p>回到我想记录的观点，我们的产品核心功能是什么，作为一个产品设计人员要时刻牢记。业务方新添的需求是不是核心功能？后台的核心功能是什么？操作效率。我这个新添功能被是为了提高小二操作效率，却造成了效率的低下。这是绝对不应该，宁可不做，也不能再贴补丁。</p>
<p>业务部门往往喜欢把自己kpi变成需求，来推动设计人员将需求做上去。网站就是一块广告墙，谁都想贴一块广告。我不反对贴，但是贴多了这个墙就没有主题了。</p>
<p>产品做精，做的核心功能不可挑剔就有人欣赏。虾米网是音乐专辑，flickr是相册，gmail是效率</p>
<p>网站大了，业务多了，想做的也就多了。但是在主营业务还有很多问题时，去做别的业务肯定是不对的。所以我明白了为什么做了大半年的项目会下线，因为它生不逢时，出生的太早了。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ericstory.me/2010/05/%e4%ba%a7%e5%93%81%e7%9a%84%e6%a0%b8%e5%bf%83%e5%8a%9f%e8%83%bd/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>一个体育运动网站的设想</title>
		<link>http://www.ericstory.me/2010/05/%e4%b8%80%e4%b8%aa%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e7%bd%91%e7%ab%99%e7%9a%84%e8%ae%be%e6%83%b3/</link>
		<comments>http://www.ericstory.me/2010/05/%e4%b8%80%e4%b8%aa%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e7%bd%91%e7%ab%99%e7%9a%84%e8%ae%be%e6%83%b3/#comments</comments>
		<pubDate>Sat, 08 May 2010 15:16:08 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[互联网]]></category>

		<guid isPermaLink="false">http://www.ericstory.me/?p=117</guid>
		<description><![CDATA[昨天公司球队计划今天下午去踢球，结果上午下雨了。好几个人问还踢不踢？有人纷纷抱怨很久没踢球了，要不去找个学校踢野球也行。有时也有人抱怨大家 时间凑不齐，人太少。。。。。。
由此引出了上班族体育运动的通病：
1）凑不齐人，志同道合，能玩到一起的人太少，当你很想去 踢球，或打羽毛球时经常发现找不到人和你去玩，周围的同事总是每空。
2）体育运动的圈子太小，其实我希望的是能多一些运动，如果不踢球，搞 别的也可以，但是我发现不知道本周末或者家附近哪里有篮球或者羽毛球可以一起玩？
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-
其 实我的需求就是找人一起做下体育运动，我不喜欢跑步，喜欢和其他人一起运动时交个朋友，并锻炼身体。我的这个锻炼身体的需求在当今繁荣昌盛，胖子居多的时 代，很多人都有的。下面举几个场景：
a.我家乡，那里有个很大的国有企业，几万人朝八晚五的上班，加上企业里市区很远，人们的业余生活基本 没有，于是体育运动是下班后很好的健身选择。但是想踢个球或打篮球，总是担心今天有人去没，今天人多不多？我经常要跑去场地里看看，今天来踢球的人有认识 的没？人多不多？
b.在杭州，周一到周五很多人喜欢下班后运动。但是苦于人太少，或者租不到场地。
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;
这 个体育网站的功能：
1.提供你家，社区，周边的运动,锻炼赛事信息。
2.介绍你家周围场地情况，将那些场地的老板拉为网站种 子会员，让他们可以介绍自己的场地，有点像开赌场，做庄家。
3.提供会员参赛报名，提供会员报名比赛信息。比如，10元报名下午的足球赛， 成员可以是张三，李四，网站注册会员。
解决用户哪些需求：
a.在你想玩的时候，找不到人一起人体育运动
b.学一门新的项目，换一个运动玩玩
]]></description>
			<content:encoded><![CDATA[<p>昨天公司球队计划今天下午去踢球，结果上午下雨了。好几个人问还踢不踢？有人纷纷抱怨很久没踢球了，要不去找个学校踢野球也行。有时也有人抱怨大家 时间凑不齐，人太少。。。。。。</p>
<p>由此引出了上班族体育运动的通病：</p>
<p>1）凑不齐人，志同道合，能玩到一起的人太少，当你很想去 踢球，或打羽毛球时经常发现找不到人和你去玩，周围的同事总是每空。</p>
<p>2）体育运动的圈子太小，其实我希望的是能多一些运动，如果不踢球，搞 别的也可以，但是我发现不知道本周末或者家附近哪里有篮球或者羽毛球可以一起玩？</p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-</p>
<p>其 实我的需求就是找人一起做下体育运动，我不喜欢跑步，喜欢和其他人一起运动时交个朋友，并锻炼身体。我的这个锻炼身体的需求在当今繁荣昌盛，胖子居多的时 代，很多人都有的。下面举几个场景：</p>
<p>a.我家乡，那里有个很大的国有企业，几万人朝八晚五的上班，加上企业里市区很远，人们的业余生活基本 没有，于是体育运动是下班后很好的健身选择。但是想踢个球或打篮球，总是担心今天有人去没，今天人多不多？我经常要跑去场地里看看，今天来踢球的人有认识 的没？人多不多？</p>
<p>b.在杭州，周一到周五很多人喜欢下班后运动。但是苦于人太少，或者租不到场地。</p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;</p>
<p>这 个体育网站的功能：</p>
<p>1.提供你家，社区，周边的运动,锻炼赛事信息。</p>
<p>2.介绍你家周围场地情况，将那些场地的老板拉为网站种 子会员，让他们可以介绍自己的场地，有点像开赌场，做庄家。</p>
<p>3.提供会员参赛报名，提供会员报名比赛信息。比如，10元报名下午的足球赛， 成员可以是张三，李四，网站注册会员。</p>
<p>解决用户哪些需求：</p>
<p>a.在你想玩的时候，找不到人一起人体育运动</p>
<p>b.学一门新的项目，换一个运动玩玩</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ericstory.me/2010/05/%e4%b8%80%e4%b8%aa%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e7%bd%91%e7%ab%99%e7%9a%84%e8%ae%be%e6%83%b3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10年前端计划</title>
		<link>http://www.ericstory.me/2010/04/10%e5%b9%b4%e5%89%8d%e7%ab%af%e8%ae%a1%e5%88%92/</link>
		<comments>http://www.ericstory.me/2010/04/10%e5%b9%b4%e5%89%8d%e7%ab%af%e8%ae%a1%e5%88%92/#comments</comments>
		<pubDate>Thu, 29 Apr 2010 16:20:43 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[代码]]></category>

		<guid isPermaLink="false">http://www.ericstory.me/?p=113</guid>
		<description><![CDATA[今天召开了平台架构部大会，前端现在是平台架构部下面一个团队。最近同事们加班加点制定出了10年前端工作计划。主要有几点:
1)稳定的前端核心库 2)检测用户行为数据的好方法 3）代码库推广
另外淘宝同事在Qcon上介绍了淘宝前端团队从无到有的发展史和未来的规划，再想想我08年来到支付宝工作到现在，团队的变化和发展。我忽然想通了一些事情。这里记录下来：
1）前端技术的快速发展推动着从业者的变化，在人生平均30年的职业生涯中，这个变化时间真的很快。

Web技术大致的时间轴                                     
1991HTML
1994HTML 2
1996CSS 1  + JavaScript
1997HTML 4
1998CSS 2
2000XHTML 1
2002使用DIV+CSS进行网页布局
2005AJAX
2009HTML 5

淘宝前端06年无，07年5个，08年14个，09年30个。08年，我来到支付宝时真正的前端有3个，加上3个外包同学。下来就是我们4个前端应届生们。09年我们又来了6个同事。今天前端已经有16个人了。
随着人数的增多，对应着前端技术的庞大，前端产出物的复杂。工业化分工，标准化工作思想都融入到前端作坊式的开发上来。前端越来越走入技术岗位的正规。
如果是前端的新手，可能会被日常琐碎无聊的事情折磨的对这个岗位厌倦了。但是看看前端这几年的发展，web技术的发展，这个舞台是一个前进的列车，html5日渐成熟，这个行业比起后端开发来说，有着很多机会和变化。
好的设计驱动技术创新
好的技术为设计提供无限的遐想
]]></description>
			<content:encoded><![CDATA[<p>今天召开了平台架构部大会，前端现在是平台架构部下面一个团队。最近同事们加班加点制定出了10年前端工作计划。主要有几点:</p>
<p>1)稳定的前端核心库 2)检测用户行为数据的好方法 3）代码库推广</p>
<p>另外淘宝同事在Qcon上介绍了淘宝前端团队从无到有的发展史和未来的规划，再想想我08年来到支付宝工作到现在，团队的变化和发展。我忽然想通了一些事情。这里记录下来：</p>
<p>1）前端技术的快速发展推动着从业者的变化，在人生平均30年的职业生涯中，这个变化时间真的很快。</p>
<div>
<p>Web技术大致的时间轴                                     <!--               span.year {                 display: inline-block;                 text-align: right;                 width: 120px;                 letter-spacing: -2px;                 padding-right: 10px;               }               hr {                 visibility: hidden;                 padding: 0;                 margin: 0 0 -20px 0;               }              --></p>
<ul>1991HTML<br />
1994HTML 2<br />
1996CSS 1  + JavaScript<br />
1997HTML 4<br />
1998CSS 2<br />
2000XHTML 1<br />
<em>2002</em>使用DIV+CSS进行网页布局<br />
<em>2005</em>AJAX<br />
<em>2009</em>HTML 5</ul>
</div>
<p>淘宝前端06年无，07年5个，08年14个，09年30个。08年，我来到支付宝时真正的前端有3个，加上3个外包同学。下来就是我们4个前端应届生们。09年我们又来了6个同事。今天前端已经有16个人了。</p>
<p>随着人数的增多，对应着前端技术的庞大，前端产出物的复杂。工业化分工，标准化工作思想都融入到前端作坊式的开发上来。前端越来越走入技术岗位的正规。</p>
<p>如果是前端的新手，可能会被日常琐碎无聊的事情折磨的对这个岗位厌倦了。但是看看前端这几年的发展，web技术的发展，这个舞台是一个前进的列车，html5日渐成熟，这个行业比起后端开发来说，有着很多机会和变化。</p>
<p>好的设计驱动技术创新</p>
<p>好的技术为设计提供无限的遐想</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ericstory.me/2010/04/10%e5%b9%b4%e5%89%8d%e7%ab%af%e8%ae%a1%e5%88%92/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>如何做presentation</title>
		<link>http://www.ericstory.me/2010/03/%e5%a6%82%e4%bd%95%e5%81%9apresentation/</link>
		<comments>http://www.ericstory.me/2010/03/%e5%a6%82%e4%bd%95%e5%81%9apresentation/#comments</comments>
		<pubDate>Sat, 20 Mar 2010 14:36:52 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.ericstory.me/?p=103</guid>
		<description><![CDATA[如何做presentation？
这个话题在几年前pub老师曾经培训过。工作之后就渐渐用不上了。今天参加了一个shining on the stage 的toastmaster会议。主要是围绕how to make a presentation站开的。
how to make a presentation结合自己的想法，总结几点：
演讲时
形式和内容都很重要，一位演讲者用了angel face和devil body来比喻，真是恰当之极。
形式：1）自然的肢体语言 2）大声地演讲 3)以吸引人的故事开头（避免上来就说今天我演讲的题目是xxx，乏味老掉牙）4）联系听众，可以问些问题。比如问do you have failure before?do you love someone in heart?5）台上走位，左边，中间，右边，前部。可以一个位置一段话，或为了联系听众来到舞台前部。
内容：1）良好的结构，开头，分条列举，结束。2）三点法，用三点理由来支持自己的观点，第一点是&#8230;.第二点是&#8230;。如果只有两点，就再加一点，凑够3点。 3）激情passion,向上possitve,信心confidence
回答问题
回答问题时，我们往往没有准备就要回答自己不知道的问题。
这时要遵循几个原则：
a.开场，立刻开始回复他的问题（问候一下对方，重复一下问题，反问对方一下问题，把问题转移到别人身上；比如说这位先生下午好，我可以重复一下你刚才的问题是blabla&#8230;，你觉得最有成就的事情是什么呢？如果这个问题问刘翔，他一定会说blabla&#8230;）,总之，这部分就是让你有时间思考，所以就记住一句话，拖延时间，赶快想怎么回答。
b.列一些支持你的观点（这地方就扯吧，只要说的自己有信心,举例子或者说故事）
c.结论
&#8212;&#8212;&#8212;-EOF&#8212;&#8212;&#8211;
其实工作中也很需要这些技巧的，往往我们重视了自己要说的内容，忽略了表述的技巧&#8230;
]]></description>
			<content:encoded><![CDATA[<p><strong>如何做presentation？</strong></p>
<p>这个话题在几年前pub老师曾经培训过。工作之后就渐渐用不上了。今天参加了一个shining on the stage 的toastmaster会议。主要是围绕how to make a presentation站开的。</p>
<p>how to make a presentation结合自己的想法，总结几点：</p>
<p><strong>演讲时</strong></p>
<p>形式和内容都很重要，一位演讲者用了angel face和devil body来比喻，真是恰当之极。</p>
<p>形式：1）自然的肢体语言 2）大声地演讲 3)以吸引人的故事开头（避免上来就说今天我演讲的题目是xxx，乏味老掉牙）4）联系听众，可以问些问题。比如问do you have failure before?do you love someone in heart?5）台上走位，左边，中间，右边，前部。可以一个位置一段话，或为了联系听众来到舞台前部。</p>
<p>内容：1）良好的结构，开头，分条列举，结束。2）三点法，用三点理由来支持自己的观点，第一点是&#8230;.第二点是&#8230;。如果只有两点，就再加一点，凑够3点。 3）激情passion,向上possitve,信心confidence</p>
<p><strong>回答问题</strong></p>
<p>回答问题时，我们往往没有准备就要回答自己不知道的问题。</p>
<p>这时要遵循几个原则：</p>
<p>a.开场，立刻开始回复他的问题（问候一下对方，重复一下问题，反问对方一下问题，把问题转移到别人身上；比如说这位先生下午好，我可以重复一下你刚才的问题是blabla&#8230;，你觉得最有成就的事情是什么呢？如果这个问题问刘翔，他一定会说blabla&#8230;）,总之，这部分就是让你有时间思考，所以就记住一句话，拖延时间，赶快想怎么回答。<br />
b.列一些支持你的观点（这地方就扯吧，只要说的自己有信心,举例子或者说故事）<br />
c.结论</p>
<p>&#8212;&#8212;&#8212;-EOF&#8212;&#8212;&#8211;</p>
<p>其实工作中也很需要这些技巧的，往往我们重视了自己要说的内容，忽略了表述的技巧&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ericstory.me/2010/03/%e5%a6%82%e4%bd%95%e5%81%9apresentation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>通过ebay和paypal为智力震后救灾能做什么?</title>
		<link>http://www.ericstory.me/2010/03/%e9%80%9a%e8%bf%87ebay%e5%92%8cpaypal%e4%b8%ba%e6%99%ba%e5%8a%9b%e9%9c%87%e5%90%8e%e6%95%91%e7%81%be%e8%83%bd%e5%81%9a%e4%bb%80%e4%b9%88/</link>
		<comments>http://www.ericstory.me/2010/03/%e9%80%9a%e8%bf%87ebay%e5%92%8cpaypal%e4%b8%ba%e6%99%ba%e5%8a%9b%e9%9c%87%e5%90%8e%e6%95%91%e7%81%be%e8%83%bd%e5%81%9a%e4%bb%80%e4%b9%88/#comments</comments>
		<pubDate>Fri, 19 Mar 2010 09:47:10 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[paypal]]></category>

		<guid isPermaLink="false">http://www.ericstory.me/?p=101</guid>
		<description><![CDATA[这是来自paypal博客的译文,原文见 https://www.thepaypalblog.com/2010/03/how-you-can-help-with-chile-earthquake-relief-efforts-via-paypal-ebay/
我是朱迪 常.来自paypal的非盈利团队.在2月27日,智力海岸发生了8.8级地震.大量人员伤亡,百万人无家可归.很多智利人自愿加入营救,做志愿者.但是他们缺少关键的必需品,包括水,食物,避难所和药品.
通过paypal的捐赠不会收取任何费用,你捐款的数量百分百进入非盈利机构.我们有一个页面,通过这里我们可以了解筹款情况和进行捐款.
ebay也通过筹集资金,让客户在收银台给美国红十字会和拯救儿童捐款.到今天,ebay社区已经筹集了大约4.5W美元捐款.ebay也建立了一个拯救智利的网站,号召大家引起关注和增加捐款额度.ebay的详情页,留言区都有这个网站的链接.
所有组织收取的捐款都会有费用信用.如果你是处于非盈利目的捐款,你有可能得到费用减免.
我们关注和祈祷所有在这次地震中影响的人们
]]></description>
			<content:encoded><![CDATA[<p>这是来自paypal博客的译文,原文见 https://www.thepaypalblog.com/2010/03/how-you-can-help-with-chile-earthquake-relief-efforts-via-paypal-ebay/</p>
<p><img class="alignleft" src="https://www.thepaypalblog.com/wp-content/uploads/2008/12/judyc2.jpg" alt="" width="100" height="130" />我是朱迪 常.来自paypal的非盈利团队.在2月27日,智力海岸发生了8.8级地震.大量人员伤亡,百万人无家可归.很多智利人自愿加入营救,做志愿者.但是他们缺少关键的必需品,包括水,食物,避难所和药品.</p>
<p>通过paypal的捐赠不会收取任何费用,你捐款的数量百分百进入非盈利机构.我们有一个页面,通过这里我们可以了解筹款情况和进行捐款.</p>
<p>ebay也通过筹集资金,让客户在收银台给美国红十字会和拯救儿童捐款.到今天,ebay社区已经筹集了大约4.5W美元捐款.ebay也建立了一个拯救智利的<a href="http://donations.ebay.com/charity/event.jsp?NP_ID=-54">网站</a>,号召大家引起关注和增加捐款额度.ebay的详情页,留言区都有这个网站的链接.</p>
<p>所有组织收取的捐款都会有费用信用.如果你是处于非盈利目的捐款,你有可能得到费用减免.</p>
<p>我们关注和祈祷所有在这次地震中影响的人们</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ericstory.me/2010/03/%e9%80%9a%e8%bf%87ebay%e5%92%8cpaypal%e4%b8%ba%e6%99%ba%e5%8a%9b%e9%9c%87%e5%90%8e%e6%95%91%e7%81%be%e8%83%bd%e5%81%9a%e4%bb%80%e4%b9%88/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>paypal发布优秀的手机转帐工具send Money2.0 iphone app</title>
		<link>http://www.ericstory.me/2010/03/paypal%e5%8f%91%e5%b8%83%e4%bc%98%e7%a7%80%e7%9a%84%e6%89%8b%e6%9c%ba%e8%bd%ac%e5%b8%90%e5%b7%a5%e5%85%b7send-money2-0-iphone-app/</link>
		<comments>http://www.ericstory.me/2010/03/paypal%e5%8f%91%e5%b8%83%e4%bc%98%e7%a7%80%e7%9a%84%e6%89%8b%e6%9c%ba%e8%bd%ac%e5%b8%90%e5%b7%a5%e5%85%b7send-money2-0-iphone-app/#comments</comments>
		<pubDate>Fri, 19 Mar 2010 07:02:18 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[paypal]]></category>

		<guid isPermaLink="false">http://www.ericstory.me/?p=96</guid>
		<description><![CDATA[这是来自paypal博客的译文,原文见https://www.thepaypalblog.com/2010/03/paypal-launches-send-money-2-0-for-iphone-the-best-app-for-mobile-money-transactions/
我是埃里克.杜普拉特,paypal手机部门总经理.今天我很高兴告诉大家paypal在app store上发布了send money2.0应用.它有几点新功能:靠近的两个手机,通过蓝牙技术,转账.发起AA收款(最多20人),如果大家手机都安装了这个应用,当场就可以得到收款.这样你就可以在给父亲送礼物的时候向自己的兄弟发起收款.
下面这个视频介绍了这个功能的,你可以在youtube上观看

但是这个应用不仅仅是上述的特性.他在方便,安全地使用账户上有很大影响.paypal从2005年就开始进入手机支付领域,直到目前才有大量的消费者使用手机支付.paypal手机交易额从2500万增加到1.41亿,近6培.
在未来,现金,零钱,找钱等将会越来越少,安全,快捷的用钱是未来的发展趋势
这些功能可以从app store上面免费,便捷地下载.详情见www.paypal.com/mobile
]]></description>
			<content:encoded><![CDATA[<p>这是来自paypal博客的译文,原文见https://www.thepaypalblog.com/2010/03/paypal-launches-send-money-2-0-for-iphone-the-best-app-for-mobile-money-transactions/</p>
<p><img class="alignnone" src="https://www.thepaypalblog.com/wp-content/uploads/2009/09/New-Image-150x150.jpg" alt="" width="150" height="150" />我是埃里克.杜普拉特,paypal手机部门总经理.今天我很高兴告诉大家paypal在app store上发布了send money2.0应用.它有几点新功能:靠近的两个手机,通过蓝牙技术,转账.发起AA收款(最多20人),如果大家手机都安装了这个应用,当场就可以得到收款.这样你就可以在给父亲送礼物的时候向自己的兄弟发起收款.</p>
<p>下面这个视频介绍了这个功能的,你可以在youtube上<a href="http://www.youtube.com/watch?v=suCe4-SWsHo">观看</a></p>
<p><a href="http://www.ericstory.me/wp-content/uploads/2010/03/xx.png"><img class="alignnone size-medium wp-image-99" title="xx" src="http://www.ericstory.me/wp-content/uploads/2010/03/xx-300x228.png" alt="" width="300" height="228" /></a></p>
<p>但是这个应用不仅仅是上述的特性.他在方便,安全地使用账户上有很大影响.paypal从2005年就开始进入手机支付领域,直到目前才有大量的消费者使用手机支付.paypal手机交易额从2500万增加到1.41亿,近6培.</p>
<p>在未来,现金,零钱,找钱等将会越来越少,安全,快捷的用钱是未来的发展趋势</p>
<p>这些功能可以从app store上面免费,便捷地下载.详情见<a href="http://www.paypal.com/mobile">www.paypal.com/mobile</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ericstory.me/2010/03/paypal%e5%8f%91%e5%b8%83%e4%bc%98%e7%a7%80%e7%9a%84%e6%89%8b%e6%9c%ba%e8%bd%ac%e5%b8%90%e5%b7%a5%e5%85%b7send-money2-0-iphone-app/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>https性能调优[译]</title>
		<link>http://www.ericstory.me/2010/03/https%e6%80%a7%e8%83%bd%e8%b0%83%e4%bc%98%e8%af%91/</link>
		<comments>http://www.ericstory.me/2010/03/https%e6%80%a7%e8%83%bd%e8%b0%83%e4%bc%98%e8%af%91/#comments</comments>
		<pubDate>Wed, 17 Mar 2010 07:13:38 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[代码]]></category>

		<guid isPermaLink="false">http://www.ericstory.me/?p=92</guid>
		<description><![CDATA[这是一篇译文,原文:http://blog.httpwatch.com/2009/01/15/https-performance-tuning/
在网络性能优化中一个经常被忽略的问题是保障安全连接的https协议.随着应用从桌面转移到web,广泛被应用的https协议中安全和隐私的可靠性越来越重要.
下面的例子展示使用https过程中常见的问题.
例1:使用有效的响应
每当浏览器访问一个网站,它必须创建一个或多个tcp链接.既是在常见的http协议下,这也是个漫长的过程.使用tcp链接的有效的响应可以减少这中开销.下面来自httpwatch的图表显示在访问英国一网站时tcp连接时间大约130毫秒

使用https时,如果不是有效链接将会造成长时间的延迟.因为就算tcp已经连接,ssl链接也需要建立请求.浏览器和服务端会来回通信几次来建立加密的密钥.使用https链接相应时间是http的四倍以上.

在一个重复的https链接里tcp链接和ssl通信的开销是应该避免的.虽然现在有些浏览器允许重复使用ssl链接,但是你不能总指望每个服务器都作了这样的配置.
例2:避免混合内容警告
在前一篇博文中提到,如果一个https页面使用了任何http资源,就会出现令人迷惑和烦人的警告对话框.

为了避免这个警告提示,要确保这个页面包含的资源都是https.
例3:使用持久缓存的静态内容
如果你按照例子2,那么页面上所有的资源(图片,css,js)都在https下面了,你应该持续地使用静态缓存,来避免每次每个用户再次访问站点重复下载.
淡然你不会对所有东西缓存,账户信息和每月的饼图就不用.但是大多数资源还是要安全的存储,页面间分享和再次使用.
这里可能有一些混乱对于https下是否使用缓存.
例如在https下的gmail,确实访问速度要慢一些,因为浏览器不缓存这些页面.
虽 然，37Signals公司承认，在内存中缓存是可能的，他们说 ， 持 续的缓存是不可能的 ：
但在现实中https下持续缓存在ie和firefox下是可能的.
访问www.httpwatch.com,通过httpwatch我们可以看到,所有资源都是通过缓存来访问的.

如果你使用firefox3.0,并不修改请求头部,看到的是:

我们看到这里并没有缓存,这是因为头部设置的原因,firefox每次是请求的服务器.200代表静态内容是从服务器上求情成功的.
但是我们在firefox地址输入&#8221;about:cache&#8221;,找到这些缓存文件

这里修改一下设置就可以了,修改Cache-Control response header to Public.

这样我们就把https下的内容移动到了firefox的缓存空间.于是再次访问

这个方法只有在firefox3.0才可以(译者音:经过试验,3.0以后的都是可以的,也不需要该header信息)
例4:使用https警告探测器
译者音:作者说了那么多广告,我这里就不翻译了,这段话就一个意思,使用httpwatch可以给出https下的警告.使用方法和上面截图基本上一样的.
]]></description>
			<content:encoded><![CDATA[<p>这是一篇译文,原文:http://blog.httpwatch.com/2009/01/15/https-performance-tuning/</p>
<p>在网络性能优化中一个经常被忽略的问题是保障安全连接的https协议.随着应用从桌面转移到web,广泛被应用的https协议中安全和隐私的可靠性越来越重要.<br />
下面的例子展示使用https过程中常见的问题.<br />
例1:使用有效的响应<br />
每当浏览器访问一个网站,它必须创建一个或多个tcp链接.既是在常见的http协议下,这也是个漫长的过程.使用tcp链接的有效的响应可以减少这中开销.下面来自httpwatch的图表显示在访问英国一网站时tcp连接时间大约130毫秒<br />
<img class="alignnone" title="pic1" src="http://blog.httpwatch.com/wp-content/uploads/2009/01/http_connect.png" alt="" width="654" height="395" /></p>
<p>使用https时,如果不是有效链接将会造成长时间的延迟.因为就算tcp已经连接,ssl链接也需要建立请求.浏览器和服务端会来回通信几次来建立加密的密钥.使用https链接相应时间是http的四倍以上.</p>
<p><img class="alignnone" title="pic2" src="http://blog.httpwatch.com/wp-content/uploads/2009/01/https_connect.png" alt="" width="654" height="395" /></p>
<p>在一个重复的https链接里tcp链接和ssl通信的开销是应该避免的.虽然现在有些浏览器允许重复使用ssl链接,但是你不能总指望每个服务器都作了这样的配置.</p>
<p>例2:避免混合内容警告</p>
<p>在前一篇博文中提到,如果一个https页面使用了任何http资源,就会出现令人迷惑和烦人的警告对话框.</p>
<p><img class="alignnone" title="pic3" src="http://blog.httpwatch.com/wp-content/uploads/2008/04/nonsecure_items.png" alt="" width="341" height="166" /></p>
<p>为了避免这个警告提示,要确保这个页面包含的资源都是https.</p>
<p>例3:使用持久缓存的静态内容</p>
<p>如果你按照例子2,那么页面上所有的资源(图片,css,js)都在https下面了,你应该持续地使用静态缓存,来避免每次每个用户再次访问站点重复下载.</p>
<p>淡然你不会对所有东西缓存,账户信息和每月的饼图就不用.但是大多数资源还是要安全的存储,页面间分享和再次使用.</p>
<p>这里可能有一些混乱对于https下是否使用缓存.</p>
<p>例如在https下的gmail,确实访问速度要慢一些,因为浏览器不缓存这些页面.</p>
<p>虽 然，37Signals公司承认，在内存中缓存是可能的，他们<a href="http://translate.googleusercontent.com/translate_c?hl=zh-CN&amp;ie=UTF-8&amp;sl=en&amp;tl=zh-CN&amp;u=http://www.37signals.com/svn/posts/1431-mixed-content-warning-how-i-loathe-thee&amp;prev=_t&amp;rurl=translate.google.com&amp;twu=1&amp;usg=ALkJrhhW1mfff89lfQTTCLb4pw4OW9qPOQ">说</a> ， <a href="http://translate.googleusercontent.com/translate_c?hl=zh-CN&amp;ie=UTF-8&amp;sl=en&amp;tl=zh-CN&amp;u=http://www.37signals.com/svn/posts/1431-mixed-content-warning-how-i-loathe-thee&amp;prev=_t&amp;rurl=translate.google.com&amp;twu=1&amp;usg=ALkJrhhW1mfff89lfQTTCLb4pw4OW9qPOQ">持 续的缓存是不可能的</a> ：</p>
<p>但在现实中https下持续缓存在ie和firefox下是可能的.</p>
<p>访问www.httpwatch.com,通过httpwatch我们可以看到,所有资源都是通过缓存来访问的.</p>
<p><img class="alignnone" title="pic4" src="http://blog.httpwatch.com/wp-content/uploads/2009/01/https_caching_ie.png" alt="" width="654" height="337" /></p>
<p>如果你使用firefox3.0,并不修改请求头部,看到的是:</p>
<p><img class="alignnone" title="pic5" src="http://blog.httpwatch.com/wp-content/uploads/2009/01/https_caching_ff_in_mem1.png" alt="" width="643" height="473" /></p>
<p>我们看到这里并没有缓存,这是因为头部设置的原因,firefox每次是请求的服务器.200代表静态内容是从服务器上求情成功的.</p>
<p>但是我们在firefox地址输入&#8221;about:cache&#8221;,找到这些缓存文件</p>
<p><img class="alignnone" title="劈刺" src="http://blog.httpwatch.com/wp-content/uploads/2009/01/about_cache_mem.png" alt="" width="600" height="558" /></p>
<p>这里修改一下设置就可以了,修改Cache-Control response header to Public.</p>
<p><img class="alignnone" title="辟出" src="http://blog.httpwatch.com/wp-content/uploads/2009/01/cache_control_public.png" alt="" width="642" height="198" /></p>
<p>这样我们就把https下的内容移动到了firefox的缓存空间.于是再次访问</p>
<p><img class="alignnone" src="http://blog.httpwatch.com/wp-content/uploads/2009/01/https_caching_ff.png" alt="" width="643" height="473" /></p>
<p>这个方法只有在firefox3.0才可以(译者音:经过试验,3.0以后的都是可以的,也不需要该header信息)</p>
<p>例4:使用https警告探测器</p>
<p>译者音:作者说了那么多广告,我这里就不翻译了,这段话就一个意思,使用httpwatch可以给出https下的警告.使用方法和上面截图基本上一样的.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ericstory.me/2010/03/https%e6%80%a7%e8%83%bd%e8%b0%83%e4%bc%98%e8%af%91/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>互联网的阶段</title>
		<link>http://www.ericstory.me/2010/03/%e4%ba%92%e8%81%94%e7%bd%91%e7%9a%84%e9%98%b6%e6%ae%b5/</link>
		<comments>http://www.ericstory.me/2010/03/%e4%ba%92%e8%81%94%e7%bd%91%e7%9a%84%e9%98%b6%e6%ae%b5/#comments</comments>
		<pubDate>Wed, 17 Mar 2010 03:24:42 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[互联网]]></category>

		<guid isPermaLink="false">http://www.ericstory.me/?p=88</guid>
		<description><![CDATA[最近周爱民前辈做了一次分享.有一句话我很认同.
意思是说成长是从求知,疑问到知识的过程.
如果你还没有疑问,不能提出问题,其实还是在求知阶段,看再多的书,看再多的文档也没有用.
话说回来,互联网的阶段是什么?
我认为的阶段是一个产品在互联网他的生命周期.用个人作比喻,从呱呱坠地,到成长学习,不为人所知,名不见经传的小朋友,慢慢地通过考学,工作,结婚,事业上发展变成了社会的中间力量,家庭的依靠.随着身体,年龄偏大,再慢慢退出社会的大舞台.每个阶段的人主要目标是不同,小时候主要目标是健康成长,成年后,主要目标是成家立业,在社会立足.再往后,维持健康身体,维持现有事业是主要目标.
我们常说制定kpi,搞一个项目,制定一个kpi.有的项目是没有kpi的,有的是很明确的uv,pv等.这是因为产品处于不同的生命阶段.
qq和百度,淘宝属于妇孺皆知的,像一个成家立业的中年人,他们的目标是在现有的基础上稳固扩大自己的地位.他们不太care,新用户数,注册用户数,uv,pv.他们更在意的是能作什么真金白银的事情和得到良好的用户的反馈.
那另外的,就是名不见经传网站了,很多很多.他们的通过seo,推广,搞合作,联盟等,目标就是uv,注册会员数.让更多的人知道我.
从古到今,想让自己出名的方法太多太多,有荆轲刺秦王,有汪精卫通敌买国,有芙蓉姐姐,有春哥等等.手段之多,方法之独到让人不得不佩服.
对于互联网想让自己网站出名,这里我就不说了,我深知自己还差的很远.
]]></description>
			<content:encoded><![CDATA[<p>最近周爱民前辈做了一次分享.有一句话我很认同.<br />
意思是说成长是从求知,疑问到知识的过程.<br />
如果你还没有疑问,不能提出问题,其实还是在求知阶段,看再多的书,看再多的文档也没有用.</p>
<p>话说回来,互联网的阶段是什么?<br />
我认为的阶段是一个产品在互联网他的生命周期.用个人作比喻,从呱呱坠地,到成长学习,不为人所知,名不见经传的小朋友,慢慢地通过考学,工作,结婚,事业上发展变成了社会的中间力量,家庭的依靠.随着身体,年龄偏大,再慢慢退出社会的大舞台.每个阶段的人主要目标是不同,小时候主要目标是健康成长,成年后,主要目标是成家立业,在社会立足.再往后,维持健康身体,维持现有事业是主要目标.</p>
<p>我们常说制定kpi,搞一个项目,制定一个kpi.有的项目是没有kpi的,有的是很明确的uv,pv等.这是因为产品处于不同的生命阶段.</p>
<p>qq和百度,淘宝属于妇孺皆知的,像一个成家立业的中年人,他们的目标是在现有的基础上稳固扩大自己的地位.他们不太care,新用户数,注册用户数,uv,pv.他们更在意的是能作什么真金白银的事情和得到良好的用户的反馈.</p>
<p>那另外的,就是名不见经传网站了,很多很多.他们的通过seo,推广,搞合作,联盟等,目标就是uv,注册会员数.让更多的人知道我.<br />
从古到今,想让自己出名的方法太多太多,有荆轲刺秦王,有汪精卫通敌买国,有芙蓉姐姐,有春哥等等.手段之多,方法之独到让人不得不佩服.<br />
对于互联网想让自己网站出名,这里我就不说了,我深知自己还差的很远.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ericstory.me/2010/03/%e4%ba%92%e8%81%94%e7%bd%91%e7%9a%84%e9%98%b6%e6%ae%b5/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
