某妖博客

一、颜色术语

你们当中很多人可能已经在学校学过一些色彩基础知识，让我们快速回顾一些术语，来更好的把握色彩和运用色彩。

色轮的主要组成

所有的色彩能在一个色轮中呈现。在这个色轮中，我们能把颜色分成3大块：原色，辅助色和第三颜色。

三原色分别是红色，蓝色和黄色。这些色彩是基础色，他们组成了色轮上的所有其他颜色。

把原色混合在一起，你就能得到辅助色，它们是橙色、绿色和紫色。

阅读这个条目剩下部分 »

同任何网站一样，阿里巴巴首页的每次改版也都是一次纠结和挣扎的洗礼。设计的过程总是痛苦的，因为判断和选择总是艰难的，这里我们并不想叙述改版的整个流程——尽管不同团队的架构和设计团队的职责有所差异，但除了决策过程不同外，大公司抑或小公司在流程上并无本质区别。我们在此是想通过总结我们在改版过程中经验和教训，以及对于首页甚或产品redesign的思考。

以下是我们觉得必要的思考流程以及一些方法和关键点：

阅读这个条目剩下部分 »

年末已至，JiaThis发布了2011社会化分享数据年度报告。据年度数据报告显示：

1、2011年中国互联网用户50%的分享行为集中在10:00-18:00；平均每个用户每天分享2次多；每浏览100个页面就有0.16-1.2次分享；

2、SNS社区类媒体在社会化流量传播中占一半，约42% ，其中分享占比量最大的是QQ空间；腾讯微博进步最快，增长比率高达630.34%；

3、根据研究表明，IT博客类和电子商务类网站最适合社会化传播，平均回流率为93.2%；

4、本年度最有潜力的五个社会化媒体为粉丝网、麦库、猫扑推客、美丽说、趣一、推他。

5、下面一起来看下2011年国内社会化分享数据报告：

阅读这个条目剩下部分 »

EditPlus正则表达式中英文详解

• t Tab character.tab符号
• n New line.新的一行（换行符）
• . Matches any character.任何字符
• | Either expression on its left and right side matches the target string.For example, “a|b” matches “a” and “b”.|符号两边的都匹配
• [] Any of the enclosed characters may match the target character.For example, “[ab]” matches “a” and “b”. “[0-9]” matches any digit.用[]括起来的都匹配
• [^] None of the enclosed characters may match the target character.For example, “[^ab]” matches all character EXCEPT “a” and “b”.“[^0-9]” matches any non-digit character.用[]括起来的都“不匹配”
• * Character to the left of asterisk in the expression should match 0 or more times.For example “be*” matches “b”, “be” and “bee”.“*”号左边的那个字符匹配0次或者更多次
• + Character to the left of plus sign in the expression should match 1 or more times.For example “be+” matches “be” and “bee” but not “b”.“*”号左边的那个字符匹配1次或者更多次
• ? Character to the left of question mark in the expression should match 0 or 1 time.For example “be?” matches “b” and “be” but not “bee”.“*”号左边的那个字符匹配0次或者1次
• ^ Expression to the right of ^ matches only when it is at the beginning of line.For example “^A” matches an “A” that is only at the beginning of line.只匹配以“^”号右边的字符为一行开头的字符。
• $ Expression to the left of $ matches only when it is at the end of line.For example “e$” matches an “e” that is only at the end of line.只匹配以“$”号左边的字符为一行结束的字符。
• () Affects evaluation order of expression and also used for tagged expression.标示表达式区域
• scape character. If you want to use character “” itself, you should use “\”.转义字符，如果你想匹配”"。请使用”\”
• 你使用正则表达式找到的东西

常用EditPlus正则表达式实例

把img标签的alt去掉

搜索内容：alt=”[^src| ]* 注：”|”符号后有个空格
替换内容：alt=”"

把带属性和样式的<font>标签去掉

第一步：把</font>去掉。
搜索内容:</font>
替换内容：不填

第二步：去掉带属性和样式的<font>标签
搜索内容：<font [^>]*>
替换内容：不填

去掉所有的空行

搜索内容：nn
替换内容：n

今天我们来谈谈一个网站一般是如何一步步来构建起系统架构的，虽然我们希望网站一开始就能有一个很好的架构，但马克思告诉我们事物是在发展中不断前进的，网站架构也是随着业务的扩大、用户的需求不断完善的，下面是一个网站架构逐步发展的基本过程，读完后，请思考，你现在在哪个阶段。

架构演变第一步：物理分离WebServer和数据库

最开始，由于某些想法，于是在互联网上搭建了一个网站，这个时候甚至有可能主机都是租借的，但由于这篇文章我们只关注架构的演变历程，因此就假设这个时候已经是托管了一台主机，并且有一定的带宽了。这个时候由于网站具备了一定的特色，吸引了部分人访问，逐渐你发现系统的压力越来越高，响应速度越来越慢，而这个时候比较明显的是数据库和应用互相影响，应用出问题了，数据库也很容易出现问题，而数据库出问题的时候，应用也容易出问题。于是进入了第一步演变阶段：将应用和数据库从物理上分离，变成了两台机器，这个时候技术上没有什么新的要求，但你发现确实起到效果了，系统又恢复到以前的响应速度了，并且支撑住了更高的流量，并且不会因为数据库和应用形成互相的影响。

看看这一步完成后系统的图示：

1. Free Vectors Daily