企业如何进行微博营销分析
目前微博营销虽然处于探索阶段，究竟企业微博营销怎么个玩法，可能即使互联网大家也很难说清楚，但是我们可以就目前而言企业新浪微博成功案例（凡客诚品，肯德基，东方航空，长安福特，优雅女等）中汲取些部分营养，结合微博本身的一些特性，充分发掘微博营销的能力。
首先企业微博的基础，确定企业形象，根据企业的目标人群，设定自己微博头像，一般为企业LOGO，保持头像色调和企业VI色调的一致性。设置企业名称与公司品牌相符。同时设置企业的介绍，网址等。
在设置好企业的微博之后就是发展粉丝数量，只有一定量的粉丝数才是进行微博营销的一个前提，在一个企业刚刚开通微博之初如何发展粉丝数？
一、微博使用技巧
1）传头像，设定个性头像；
企业LOGO，企业法人，形象代言卡通人物等；主要是给粉丝一个真实的感，能够有亲近感，感觉到有一个鲜活的生命在和粉丝之间的交流。
2）信息的发布需要用简短的文字，引发网友的关注：
常言道，话不在多，以精为妙。用140字去打动你的听众说易不易、说难不难。除了大家喜闻乐见的内容之外，如果能够将自己生活的精彩点滴分享给大家，不仅能够获得持续地关注度，还会收获一群志同道合的好朋友——他们将是你最忠实的听众与推广者。
3）加话题，找组织，找个人，习惯使用##，@符号
在广播里用“##”给内容加个主题，能够让更多有志同道合的人找到你。因此尽量起个大家耳熟能详的主题名称会带来很好的效果。建议可以先搜索一下对应的关键词，如果已经有相关的热门话题，那么使用相同的主题名称可以带来不错的效果。
使用@符合可以单独为对方定制微博服务，这种一对一的效果更容易受到对方的好感。
4）有惯性；
不管你多么才思敏捷，语出惊人，沉默永远是关注度的最大杀手。保持一个合适地频率一方面可以提高听众的忠实度，避免他们因见异思迁，甚至无情地取消对你的 收听；另一方面持续的“出镜”能够反复给大家留下印象，提高对你的关注。当然频率太高也会对别人产生骚扰，甚至有被拉黑名单的危险。
5）为微博，配图片
一条成功的微博，如果能够配上相应的图片，那么更加显得相得益彰；况且，图片更加有阅读性，往往有意思的普片被转载的几率会大于一条有意思的微博。
6）恰当的转播
可以选择一些感兴趣地内容进行转播，分享给你的听众比自己写要容易得多。一个热点事件、某个精彩瞬间的传播都少不了大家每个人的“转播”力量。在这个过程 中你会更快地获得大家的关注。当然，别忘了控制转播的频度，肆无忌惮、毫无选择地转播最终只会让你丢失了自我，让你的听众远去。
二、微博话题互动
诸如你回答粉丝的提问，特别收听行业知名人士，给粉丝私信能，最大途径最大化和粉丝交流，和行业知名人士交流，能够让对方记住你。尤其获得一个行业著名人士的转载和关注，那么将会为你带来更大的收获。
当一定量的微博粉丝之后，我们就可以适当策划一些活动去推广企业产品或者品牌。
1）策划
在策划环节，我们可以策划一些粉丝就为感兴趣的话题，又或者就互联网的一些热门话题等作为切入点。让粉丝参与的方式一般为：
A 抢沙发
每次微博发出，最终能够强的前三名（沙发，椅子，板凳）者就有获得抽奖的机会。这样有利于粉丝积极的配合，持续的关注。
B 有奖问答
其实，这个在传统电视媒体中应用最多和粉丝沟通，让粉丝关注的方式。但是这个问题或者答案可以和行业很好的结合起来。苏州公交移动电视经常搞这样的活动，再讲过黄酒的历史后设置了一道关于黄酒历史的AB项选择题，参与者有奖参与。
这个和在去年6月期间，蔡文胜送出32部IPHOTHO微博营销同理。感兴趣者可以检索相关案例学习。
C 原创征文
这里的模式其实和抽奖模式是一样的，只是表现的形式不一样而已，这个尤其适合搞文化产业的企业实用。征文，不一定得要长篇累牍的一片文章，可能只一句口号，也可能是一对对联，还有可能是有上联，要求对下联。2011年的春外央视有奖对春联活动就是一个很好的例子。
D 关注有奖
这个也是微博应用最大的一个方式，关注，就以为这要成为企业的粉丝，那么企业的一些资讯就可以顺利达到粉丝方，如果要求更进一步的话，那就是转播，转播不仅仅让粉丝进行关注，同时还参与到传播的这个链条上来，粉丝还会有粉丝，这样的效果更加的显著，当然，这样抽奖的奖品一定要诱人，让粉丝觉得值得去做转播。
2）运营
当微博营销活动发起后，就要官方微博很好地参与进来，引导微博粉丝的一个正确导向，不被不过偏离活动主题，监控一些负面信息，引导，放大正面信息等；适当和粉丝互动，及时第一时间回复粉丝的留言。
控制活动的周期，竟可能的延长活动的周期，通过增加抽奖面扩大，增加抽奖机会，增加抽奖奖项加之等办法都可以延长活动周期。
3）推广，口碑推广
有条件的企业还可以在微波搞活动期间投放一些互联网广告和传统广告，很好的和这次活动配合起来，这样往往会收获意想不到的效果。
4）二次转发，比活动更重要
当粉丝获得获奖的奖品后会展示，或者获奖感言等。粉丝也会介绍给自己的好朋友，同事等参与进去。决定粉丝是否再次传播的前提是，1，主办方是否有要求；2 ，奖项是够足够的诱人，以至于粉丝自发为你做宣传。
围脖既是以信息为纽带，同时也是以人家关系为纽带组织在一起。粉丝的二次在宣传的力量是巨大的，常人难以想象。
来源：漂石投稿，原文链接。
相关文章:
关于我们： 地址 – www.williamlong.info – 我的Google Reader – 我的Twitter
月光博客投稿信箱：williamlong.info(at)gmail.com
原文来自：月光博客
一首歌: 有爱的音乐社区 云端播放列表
一首歌 是一部架于云端的数字音乐曲库，它允许用户通过多个终端播放自己曲库中的音乐。
一首歌 是一部架于云端的数字音乐曲库，它允许用户通过多个渠道、多个终端去管理、播放以及分享自己音乐曲库中的内容。对比传统的音乐试听与分享网站，一首歌在产品层面中并没有试图生硬的融入太多社会化的成分，而纯碎到了只是去引导用户在线收听音乐、标记喜欢以及创建音乐播放清单诸如此类一些极为基本的操作。但是，一首歌会记录下用户在网站上的操作轨迹，并将这些运动的轨迹衍生到移动客户端产品上，以跨平台的理念实现云端播放列表的价值，形成自己同豆瓣电台和虾米音乐网的差异化竞争力。目前一首歌已经同步上线Android版的客户端，对应 iOS 平台的版本也尚在开发中，即将推出！
在硬件自身有限空间中存储音乐资源，已经越来越无法满足用户多样化和无限制的音乐需求；从酷狗音乐的堕落到虾米音乐的崛起，实际上反映了一个现象：随着人均网络带宽的不断增加，用户对于音乐的需求已经不再是传统意义上的下载和存储的过程，而是一种倾向于架设在云端（曲目无限）、能够即点即播（操作便捷）的音乐播放形式；而虾米网的成功很大程度上是因为其在恰当的时间段里做了一件恰当的事情，并且专注于此多年不变。
偶尔，有人会问我，互联网下一代的音乐巅峰会在什么时候出现，又出现在哪里？我很难去想象这样一个未来的时代，担心意淫的场景再次幻灭了；但是我还是隐隐约约觉得一首歌的这个路子是正确的——向移动互联网进军！数字音乐多年来始终不变的是其消耗的属性，在PC上，必须通过构建更多的节点、即社交关系去消耗这些内容才能使其价值最大化，但是在移动互联网的时代，节点来自于你的手机，关系全部在你的手机通讯录里，传播并消耗变得更为轻而易举。
Copyright © 2010 , 本文来自分享网络2.0, 该站内容采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可.
小广告: 1G 国外虚拟主机 149元/年
| 虚位以待…
原文来自：分享网络2.0
Gurudigger: Web 工程师切磋与交流社区
Gurudigger 是一个面向 Web 工程师的社交网站，创造性的提出了 Guru Rank值来衡量工程师的技术在行业中的具体位置。
Gurudigger 是一个面向 Web 工程师的社交网站，他们创造性的开发出了一套数值系统去衡量一个工程师的技术实力。其原理在于，Gurudigger 会收集全世界 Web工程师在互联网上留下的所有与技术能力相关的数据，通过分析和比较这些数据，给予每一位工程师一个等级——Guru Rank ，同时会对这些数值产生的源头做出详细的解说。当然，Guru Rank 只是 Gurudigger.COM 作为技术社群在产品层面一个匠心独运的功能亮点，更重要的在于技术社群交流与学习平台氛围的营造。
衡量一个Web工程师的技术实力，“Guru Rank” 可能无法说明一切。虽然 Gurudigger 在数据收集以及算法方面做了很多的努力，并且这一数值可能趋于一种准确性，但可以肯定的是：“Guru Rank” 绝不会真的准确。就从官方对“Guru Rank”的描述来看，一个用户 Guru Rank值的高低最多只能说明这个技术同学是否热衷于在互联网上分享自己的观点和知识、又或者是否是是开源社区的Superstar，而与一个人的技术实力并无直接关联。尽管如此，我仍然觉得 Gurudigger 是一个令人拍手称赞的项目，要知道，Gurudigger 对自己的定位依然很清晰——为靠谱的Web工程师搭建靠谱的社交平台！聪明的 Gurudigger 团队，以“Guru Rank”这种十分极客的方式去吸引来了那一批和这个社区气场完全相投的用户，让原本可能并不靠谱的事情（通过“Guru Rank”值去评估一个工程师的技术实力）在这群极客们眼中变得极具挑战！
传统垂直性质的技术社区，绝大多数仍然保持着BBS或者Wiki的方式去组织信息，这很大程度上是因为技术人员已经习惯于这种高效的方式去沟通和获取知识，对于撼动这一已经在技术人员心目中根深蒂固的交流方式，光在舆论和民意上就很难获得成功。正是因为这部分用户群体羡慕的独立特性，绝大多数计划走垂直路线的技术社群都很难营造和保持那种强关系所主导的社区氛围，于是干脆 BBS 一路走到底。就我看来，Gurudigger 十分的讨巧，他们在目标用户群的选择上特别讲究，首先以“Guru Rank”这种十分极客的概念示人，直接从技术宅中筛选出了一小批极具创造力的极客作为自己的目标用户，这在很大程度上直接避免了传统技术社区那些与生俱来、却不利于2.0社区成长的严谨和不懂风情；同时，这部分技术极客可能会比普通的技术工程师更热衷于尝试新鲜事物，对2.0、对产品更为敏感。是的，Gurudigger 正是为这部分用户而生。
Copyright © 2010 , 本文来自分享网络2.0, 该站内容采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可.
小广告: 1G 国外虚拟主机 149元/年
| 虚位以待…
原文来自：分享网络2.0
这样去写你的 HTML
昨天在 twitter 上说，怎么忍心把页面写得这么难用？是的，这个世界还有一群人等着我们创建出来的东西，可以让他们的生活能过得更容易呢。比如那些需要读屏软件的用户。作为一个前端，我们又怎么会忍心呢。之前就一直想写这样的一篇文章，分享一下如何去创造一个可访问性更好的页面。今天的计划里有一条把 2HTML T2ag 和 WCAG标准结合起来。我推荐你这样去写你的 HTML，让某些人的生活可以更容易。
今天想分享的是如何去使用我们的 HTML Tag, 把 WCAG 的标准和语义网的目标进行代码上的体现：
1. 文档声明：<!Doctype>
其实这跟 WCAG 根本上连不上什么直接关系，但为了一个兼容性更好，特别是向后兼容的页面，我推荐你这样写：
<!Doctype html>
2. 链接：<a>
互联网的联几乎可以说是用 <a> 来实现的，作为一个页面最常见的标签。我们应该如何对待呢？
- 为关键链接添加 accesskey
- 除非万不得已，不要去掉 focus 时虚线框
<a href="" title="" accesskey="M" rel=""hidefocus>Link</a>
3. 缩写: <abbr>
对于用 HTML Tag 的正确使用，也是非常重要的，这有利于读屏软件使用者对于页面结构的理解。特别是在 H1,H2,H3 等这些标签的使用，滥用非常容易造成结构费解。当然，使用一般的标签，再利用 CSS 来使视觉上形成对比这也是常人能辨识的。但读屏软件用户呢。当然，这里只是顺带提起需要注意页面标签的使用方法，而 abbr 最重要的应该是应该添加一个 title 属性对缩写进行描述。比如：
<abbr title="Web Developer" >WD</abbr>
4. 大段引用: <blockquote>，一般引用: <cite>
有大段引用的时候，使用 <blockquote>，而行内引用则使用 <cite>，让你的结构更加易读：
<blockquote>
之前就一直想写这样的一篇文章，分享一下如何去创造一个可访问性更好的页面。今天的计划里有一条把 2HTML T2ag 和 WCAG标准结合起来。我推荐你这样去写你的 HTML，让某些人的生活可以更容易。
</blockquote>
<p>某A给我印象最深刻的一句话是，<cite>“做前端要有爱。不要动不动就有朩有地对各种人使用咆哮体”</cite>。</p>
5. 删除：<del>
在纸上写东西不能像在计算机上写东西一样，可以用撤销键可以按，但当我们想要强调某些东西是被删除的怎么办？那就是使用 <del> 标签了。比如这样：
<del>HTML上表示强调时，请使用 <b> 标签</del> HTML上表示强调时，请使用 <strong> 标签
效果是这样的：
HTML上表示强调时，请使用 <b> 标签
HTML上表示强调时，请使用 <strong> 标签
6. 定义列表：<dl>
去年带着新人做支付宝前端博客的时候，他们给我印象最深刻的是很喜欢用 <dl>。当时在想，这些同学挺不错的，对语义化的理解还不错。我们还是比较少用到定义列表的。而是使用一般的 <ul> <ol> 这两个。<dl> 也是应该慎用的，最好只使用在某些有“定义”意义的条目，如 w3school 的这个例子，对咖啡和牛奶的定义：
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
7. 无序/有序列表 <ul>/<ol>
列表，这个对于每个前端来说，都熟悉不过了。因为结构可以非常灵活地进行应用，在导航、列表、Tab 等，都经常要要用到。这个就无须多说了。但有一点还是需要明白的，不要相信什么 <ul>/<ol> 是 <table> 的替代品。在我们常用的 HTML Tags 中，每个标签都有自己的作用，谁都不是谁的替代品。
<ol> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol>
8. 表格: <table>
如果是一个表格，那就，就不要用段落来替代，更不要用列表。除非万不得已，并且他们是可以转换的。另外，表格中还有一些需要注意的点：
- 给 <table> 添加 summary 属性，有些表格非常大，并不需要去读完整个
- 添加 <tbody>，如果我没记错，如果没添加的话，浏览器会自动为你添加
- 必要时使用 <col> <colgroup> 来控制表示的栏
<table summary="sofish's blog status">
<thead>
<tr>
<th>DATE</th>
<th>IP</th>
<th>PV</th>
</tr>
</thead>
<tbody>
<tr>
<td>2011.3.11</td>
<td>3000</td>
<td>8000</td>
</tr>
</tbody>
</table>
9. 格式化片段 <code>/<pre>
<code> 是指 computer code text, 而 <pre> 是指 preformatted text。<pre> 的范围更广，并且是块状元素，可能被使用来格式化各种文本，特别是代码。使用没有需要特别注意的，主要是语义上的正确使用，比如不要用 <pre> 来代替一般的 <p>。
<code>text-align:center</code>
<pre>
{ ( 1 * 102 ) + ( 9 * 101 ) + ( 3 * 100 ) }
</pre>
10. 换行: <br>
在现代网页中，使用 <br> 的情况是非常少的。网页中的留白，一般都是使用 CSS 的 padding 和 margin 来实现。这样更精准，并用更容易控制。现在推荐的用法是，使用到一般的段落 <p> 中做简单的换行，而不是用来控制页面留白。
<p>我是一个段落。<br /> 诗歌都会用换行的。 </p>
11. 分割线: <hr>
<hr> 具有非常好的语义作用。但他的视觉效果很难控制。之前就写过这样的文章关于<hr />在各浏览器中的问题。一般也都很少用。如果专门为读屏软件使用者提供单独页面的话，或许 <hr> 会大有用处。
<h3>标题一</h3> <p>Lorem Ipsum is ...</p> <hr /> <h3>标题二</h3> <p>This is the entry of... </p>
12. 无语义标签：<div>/<span>
其实 <div>/<span> 这两个标签是有语义的，都是 defines a section in a document。是的，和 HTML5 中的 <section> 其实是一样的。只是，因为搜索引擎的的原因，搜索引擎认为它们是无语义标签，因此他们成了 “无语义” 标签。推荐用法是尽量使用其他来做为页面框架的容器，比如布局、添加额外的视觉效果，而不是段落等的替代品。
<div id="container">
<div id="content">
</div>
<div id="sidebar">
<ul>
<li><span>God</span>, oh my zsh</span></li>
</ul>
</div>
</div>
13. 段落/标题: <p>,<h1>/<h2>/<h3>…
这几个标签几乎可以说是一个页面标签等级结构中最重要的标签。我们可以用一本书的结构来说明这几个标签，而我们构建一个页面的时候，也应该有这样的一种思想在脑中：
- 书的名称：H1
- 书的每个章节标题: H2
- 章节内的文章标题: H3
- 章节的段落: P
- 小标题/副标题: H4/H5/H6
是的，当然还有引用 <blockquoute>，技术类书中提供的代码 <pre class="code">，一些需要注意点的列表 <ul>，一些方便比较的表格 <table> 等。
<h1>LOGO</h1>
<h2>Title</h2>
<div class="entry">
<h3>Summary:</h3>
<p>lorem ipsum is ...<em>emphasize</em></p>
</div>
14. 强调: <em>/<strong>
<em> emphasize 的缩写。而 <strong> 是 strong emphasize。可能很多刚入门前端的同学会对 <em>、<strong>、<cite> 、<i>、<b> 这几个标签的使用拿捏不准。<i> 和 <b> 基本上是被废置的，相当于现在的 <em> 和 <strong>，一般情况下他们对于内容重要性的排序是这样的：strong > em ≈ cite。
<strong>注意：</strong>别使用老掉牙的标签，比如<cite>FONT、CENTER</cite>等，特别是 <em>FONT</em>。
15. 表单项: <input>/<textarea>/<select>
表单项是 HTML 中相对比较复杂的标签，需要注意的点也比较多：
- 需要给每个表单项添加 <label> 对其进行描述，当不能使用 label 时，为表单项添加 title 属性
- 当表单项是必填项的时候，使用 “*“ 符号来标记
- Flash 创建表单项一般是不会生成 <label> 的，请勾上 auto label 那个选项
<form method="post" action="http://sofish.de">
<fieldset><legend>My Form</legend>
<label for="firstname">* First name:</label> <input type="text" id="firstname" />
<label for="speech">Say something:</label>
<textarea id="speech" />
</textare>
<input type="submit" value="submit" title="submit button" />
</fieldset>
</form>
16. 图片: <img>
对于图片，盲人看不到。提供 alt 来表示替代文本。告诉他们这是一张什么样的图。
<img src="http://sofish.de/favicon.ico" alt="幸福收藏夹的 favicon" />
17. 框架: <iframe>
尽量避免 <iframe>框架的使用，但当你需要使用的时候，最好提供一个 title 属性对其进行描述。
<iframe src="http://sofish.de" title="幸福收藏夹" /></iframe>
18. 流媒体：<video>/<audio>/<object>/<embed>
媒体也是比较复杂的格式，处理起来比较麻烦。通常我们可以这样做：
- 为视听媒体提供相应的文本，包括相应的场景，比如演讲中的鼓掌等有利有阅读者感知现在气氛的，都应该体现在演讲文本中。其他的依此类推。
- 如果像交响乐这种不能提供具体描述的，可以进行简单的说明
- 如果文本较长，不能在当前页面展示，可以在媒体后提供一个链接到相应替代文本的链接
- 如果媒体中有可能会引起癫痫发作的，应做相应的说明
<audio src="mozart.mp4">莫扎特39号交响曲</audio>
19. 网页标题：<title>
网页中一定要包含标题，并且每个标签应该具有辨识性。比如支付宝中是这样体现的：
<title>联系我 -- 幸福收藏夹</title>
20. 总结
好吧。就先写到这里了。WCAG 并不只是这些简单的 HTML Tags 的用法，语义化的网页也不是一两篇文章能够写完的。慢慢来吧。从最常见的做起，养成好的习惯。回到文章前面的那句话，难道你忍心把页面写得这么难用吗？
原文来自：幸福收藏夹
关于图片按比例自适应缩放
今天在看视觉规范的时候，大高走过来说帮他们那边看一个问题。又是一个关于自适应的问题。不过，我喜欢。瞄了一下，需求是这样的：用户上传照片，照片的尺寸未知；需要生成一个预览，这个预览图要根据提供给用户预览的区域自应用，并且居中；如果图片太大，需要按比例缩放。如下图。
瞄了一下，居中可以用 text-align:center; 来实现。而按比例缩放，利用预设 <img /> 的 width 、height 属性解决不了。因为用户图片可能是很长的，也可能是很宽的。在线上想了一下他们的关系，按条件来判断是这样的：
if(实际宽度 > 预览最大宽度) {
缩放宽度 = 预览最大宽度
}
if(实际高度 > 预览最大高度) {
缩放高度 = 预览最大高度
}
但是这样会有问题，比如当宽度和高度都被缩放，如果缩放比较不同，图片就不是按比例缩放，会变得非常丑。为了让它按比例缩放，就需要做各种判断了。那这样就违背了我们希望程序自动化的原则了。再想想，虽然不喜欢数学，但数学还是很好用的，应该有其他办法。而既然是按比例缩放，何不用实际图像和预览区域宽度作的比例来计算他们关系？hmmmm… 果然 OK。实际上我们永远都只需要缩放宽度或高度中的其中一个。因为比例只有大和小种情况。具体的，写一个函数来实现它吧：
/**
* 图片按比例自适应缩放
* @param img {Element} 用户上传的图片
* @param maxWidth {Number} 预览区域的最大宽度
* @param maxHeight {Number} 预览区域的最大高度
*/
var resizeImg = function(img, maxWidth, maxHeight){
var w = img.width,
h = img.height;
// 当图片比预览区域小时不做任何改变
if(w < maxWidth && h < maxHeight) return;
// 当实际图片比例大于预览区域宽高比例时
// 缩放图片宽度，反之缩放图片宽度
w/h > maxWidth/maxHeight ? img.width = maxWidth : img.height = maxHeight;
};
然后，看一下预览吧：关于图片按比例自适应缩放
嗯。然后，大家元宵快乐！
原文来自：幸福收藏夹
最短的 IE 版本判断
非常酷的一段代码。使用 conditional comment 来判断 IE 的版本。嗯，是早早有人提出，但没有认真看代码。昨天刚好在看 CSS3 PIE 的时候看到，觉得是不是不靠谱。今天看到 Paul Irish 也提起，那么，推荐一下吧。这是作者博客上写的：
// ----------------------------------------------------------
// A short snippet for detecting versions of IE in JavaScript
// without resorting to user-agent sniffing
// ----------------------------------------------------------
// If you're not in IE (or IE version is less than 5) then:
// ie === undefined
// If you're in IE (>=5) then you can determine which version:
// ie === 7; // IE7
// Thus, to detect IE:
// if (ie) {}
// And to detect the version:
// ie === 6 // IE6
// ie > 7 // IE8, IE9 ...
// ie < 9 // Anything less than IE9
// ----------------------------------------------------------
// UPDATE: Now using Live NodeList idea from @jdalton
var ie = (function(){
var undef,
v = 3,
div = document.createElement('div'),
all = div.getElementsByTagName('i');
while (
div.innerHTML = '<!--[if gt IE ' + (++v) + ']><i></i><![endif]-->',
all[0]
);
return v > 4 ? v : undef;
}());
注意一下这个 while 语句。是我觉得最有趣的。对于逗号操作符。我也不熟悉，还只是停留在像变量定义的用法上。比如：
var 2 a= 'b', c = 'd', e = 'f'；
var obj = {
a: 'b',
c: 'd',
e: 'f'
}
问了工友 @kangpangpang，再查了一下书。其实这个比较少见。通常是返回最后一个值。
var a = (1,2,3,5,6,0,9,4); // a === 4
嗯，大概就是这样。挺有趣的。
原文来自：幸福收藏夹
Firefox4最新下载
伴着春天的脚本，Mozilla于2011年3月22日最新发布了Firefox 火狐浏览器 4.0， 在发布后的24小时内，超过5,500,000的用户下载了Firefox 4。然而，和Firefox 3相比还是有所下降，在2008年发布Firefox 3时，下载量达到了8,000,000。下载量的减少也许可以解释，就在正式版本发布前，Firefox 4曾放出部分抢先体验版，也许它们已经得到广泛使用。
每个人都非常期待新产品的新特性，让我们赶紧感受一下Firefox4.0带来的全新特性。
Firefox4 全新特性
全新的界面、更易用的功能、更快的速度、更多的开发者工具……汇聚各种全新特性，给你更好的上网体验！
超快感：系好你的安全带，体验高速网页浏览
Firefox4 最突出的表现之一就是性能的大幅提升，采用了全新的JägerMonkey javascript脚本引擎。通过更快的启动速度和改进的硬件加速图像渲染，全面提高页面加载速度，只要使用你就会立刻感受到速度上的大幅提升。
同时添加了对Windows XP和Mac OS X的支持；通过WebGL技术支持全新的网页3D特效，不需要任何额外的插件。这些改进意味着页面读取更快，更顺快的同网页进行交互，互联网可以变得更加有趣。对于开发者而言，您现在可以通过网页技术制作更高性能的站点和页面，可以去探索3D图形图像的世界。
测试环境：a Dell Optiplex 760 (Intel Core2 Duo), Windows 7 Professional.
跨入Firefox4 时代: 全新的外观
Firefox 4 的外观在所有支持的平台（Windows、Mac OS X、Linux/BSD）上都作出了重大的改变，全新的用户界面，让操作更加平滑、简单。
Firefox4 新特性聚焦
内置同步
功能强大的Sync（同步）内置到Firefox里了！在桌面电脑、笔记本、手机等多种终端设备中，方便的同步您的设置、密码、书签、历史记录、打开的标签页以及其它自定制信息。跟其他服务不同，在将数据通过网络发送之前，我们加密了您所有的数据，让火狐网络同步变的超级安全。
标签组
标签组（也叫标签全景），使用它您可以轻松拖拽打开的网页标签到不同的分组中，可以对标签组进行命名、组织、管理等，一切操作都采用可视化的方式，容易上手。通过标签组，您可以更好的关注在某一类网页内容和应用上。
扩展管理器
在Firefox 4中，我们提供了全新的扩展管理器，更容易的管理火狐扩展，更容易寻找和安全新扩展。扩展管理器从原来的对话框转移到了新的标签页，更大的操作范围和更加便捷、易用的操作方式，让您可以更方便的使用扩展。
更多Firefox4新功能请访问 http://firefox.com.cn/features4.0/
100个漂亮的WordPress主题
wordpress是最流行的博客平台。它是一个非常强大的工具，一些人使用它来发表他们的主论，一些人则把它当做一种爱好或收入的来源。然而，站点设计的第一印象是如此地重要以至于主题对于站点内容起到了至关重要的作用，下面你可以看到最美丽的100个我们收集的 wordpress主题。
图片比较多，下载会比较慢，耐心等下吧，：）
Cumulus
Imbalance
Shaken
AutoFocus+
Fotofolio Landscape
Mansion
SimpleFolio
Smashing Multimedia
Fullscreen
Brave Zeenat
Monokrome
Portfolio – WPESP Theme
Selecta
Work-a-holic
BlueBubble
Lap of Luxury
Katana
Koi
Bueno
Notepad Theme
The Seven Five
Simplo
Galaxy
Aparatus
Zexee
Obscure
Designpile
Obscorp
The Side Blog Theme
Dangdoot
Blissful Blog
Voidy
Delicate
Boldy
Titan Theme
Simple Organization
Neutra
The Columnist
Aurelius
The WhatsUp
WPCount
Maimpok
Reptile
Satoshi
Ulap Theme
MiniCard
LiveTwit
Irresistible
WildDreams
WPESP
Masinop
WP CODA
BlueDiamond
BlackPower
Nami
Freemium
Coffee Desk
Scarlett
TurnOut Mag
MegaNews
SchemerMag
Gamezine
Milano
CorporateMag
PhotoMadness
Folio Elements
The Unstandard
Clean Home
Compositio
Vintage and Blues
ASCII One
Color Paper
Notepad Chaos
WordPress Fun
Magazeen
Gallery
Infinity
Crafty Cart
City Dreams
HELLBISCUIT
Academica
Blogging Pro
Illacrimo
Elixir
Gossip City
Supermini
Fusion
Typebased
BlogTheme
Cellar Heat
Outdoorsy
Vector Flower
Absynthe
Old School
Curious
Sketchy
Zinmag Tribune
IsoTherm News
AutoFocus
Futurosity Aperio
HTTP Basic Authentication认证资源代码
这两天和同事遇到了HTTP Basic Authentication认证的问题，比如说调用新浪微博的API。于是在网上搜罗到这篇文章，贴出来与大家一同分享。
什么是HTTP Basic Authentication？直接看http://en.wikipedia.org/wiki/Basic_authentication_scheme吧。
在你访问一个需要HTTP Basic Authentication的URL的时候，如果你没有提供用户名和密码，服务器就会返回401，如果你直接在浏览器中打开，浏览器会提示你输入用户名 和密码(google浏览器不会，bug？)。你可以尝试点击这个url看看效果：http://api.minicloud.com.cn/statuses/friends_timeline.xml
要在发送请求的时候添加HTTP Basic Authentication认证信息到请求中，有两种方法：
- 一是在请求头中添加Authorization：
Authorization: “Basic 用户名和密码的base64加密字符串” - 二是在url中添加用户名和密码：
http://userName:password@api.minicloud.com.cn/statuses/friends_timeline.xml
下面来看下对于第一种在请求中添加Authorization头部的各种语言的实现代码。
先看.NET的吧：
string username="username";
string password="password";
//注意这里的格式哦，为 "username:password"
string usernamePassword = username + ":" + password;
CredentialCache mycache = new CredentialCache();
mycache.Add(new Uri(url), "Basic", new NetworkCredential(username, password));
myReq.Credentials = mycache;
myReq.Headers.Add("Authorization", "Basic " + Convert.ToBase64String(new ASCIIEncoding().GetBytes(usernamePassword)));
WebResponse wr = myReq.GetResponse();
Stream receiveStream = wr.GetResponseStream();
StreamReader reader = new StreamReader(receiveStream, Encoding.UTF8);
string content = reader.ReadToEnd();
你当然也可以使用HttpWebRequest或者其他的类来发送请求。
然后是Python的：
import urllib2
import sys
import re
import base64
from urlparse import urlparse
theurl = 'http://api.minicloud.com.cn/statuses/friends_timeline.xml'
username = 'qleelulu'
password = 'XXXXXX' # 你信这是密码吗？
base64string = base64.encodestring(
'%s:%s' % (username, password))[:-1] #注意哦，这里最后会自动添加一个\n
authheader = "Basic %s" % base64string
req.add_header("Authorization", authheader)
try:
handle = urllib2.urlopen(req)
except IOError, e:
# here we shouldn't fail if the username/password is right
print "It looks like the username or password is wrong."
sys.exit(1)
thepage = handle.read()
再来是PHP的：
< ?php
$fp = fsockopen("www.mydomain.com",80);
fputs($fp,"GET /downloads HTTP/1.0");
fputs($fp,"Host: www.mydomain.com");
fputs($fp,"Authorization: Basic " . base64_encode("user:pass") . "");
fpassthru($fp);
?>
还有flash的AS3的：
import mx.rpc.events.FaultEvent;
import mx.rpc.events.ResultEvent;
import mx.utils.Base64Encoder;
import mx.rpc.http.HTTPService;
URLRequestDefaults.authenticate = false;//设默认为false，否则用户较验错误时会弹出验证框
private var result:XML;
private function initApp():void
{
var base64enc:Base64Encoder = new Base64Encoder;
base64enc.encode("user:password"); //用户名和密码需要Base64编码
var user:String = base64enc.toString();
var http:HTTPService = new HTTPService;
http.addEventListener(ResultEvent.RESULT,resultHandler);//监听返回事件
http.addEventListener(FaultEvent.FAULT,faultHandler); //监听失败事件
http.resultFormat = "e4x";//返回格式
http.url = "http://api.digu.com/statuses/friends_timeline.xml"; 以嘀咕网的API为列
http.headers = {"Authorization":"Basic " + user};
http.send();
}
private function resultHandler(e:ResultEvent):void
{
result = XML(e.result);
test.dataProvider = result.status;//绑定数据
}
private function faultHandler(e:ResultEvent):void
{
//处理失败
}
还有Ruby On Rails的：
class DocumentsController < ActionController
before_filter :verify_access
def show
@document = @user.documents.find(params[:id])
end
# Use basic authentication in my realm to get a user object.
# Since this is a security filter - return false if the user is not
# authenticated.
def verify_access
authenticate_or_request_with_http_basic("Documents Realm") do |username, password|
@user = User.authenticate(username, password)
end
end
end
最后是javascript的了：
需要Base64见：http://www.webtoolkit.info/javascript-base64.html
function make_base_auth(user, password) {
var tok = user + ':' + pass;
var hash = Base64.encode(tok);
return "Basic " + hash;
}
var auth = make_basic_auth('QLeelulu','mypassword');
var url = 'http://example.com';
// 原始JavaScript
xml = new XMLHttpRequest();
xml.setRequestHeader('Authorization', auth);
xml.open('GET',url)
// ExtJS
Ext.A jax.request({
url : url,
method : 'GET',
headers : { Authorization : auth }
});
// j-Query
$.a jax({
url : url,
method : 'GET',
beforeSend : function(req) {
req.setRequestHeader('Authorization', auth);
}
});
这里提醒下，HTTP Basic Authentication对于跨域又要发送post请求的用javascript是实现不了的(注：对于Chrome插件这类允许通过Ajax访问跨域资源的，是可以的)。。
铅笔绘画和摄影相结合的艺术
大家会经常沉醉于美丽的摄影作品或大艺术家的绘画作品中，欣赏并领悟其中的内涵，今天我爱互联网为大家推出一组铅笔绘画与摄影相结合后的艺术作品，它们能带来什么样的效果呢？让我们拭目以待！
