精选技术长文、实践记录与系统化阅读
低噪声、高可扫读；标题、摘要、来源、标签一目了然。
采集自各技术站点的近期文章。
经常看到 expando 这个单词，经常被“忠告”不要给 DOM 元素随意添加 expando 属性。 下面这张图也代表 expando: 究竟什么是 expando 呢？ expando 先看 Wiktionary 上的词条： Etymology Perhaps a short form of expandable object. Noun expando (plural expandos) (computing, programming) A property added to an object at run-time. 从语源上讲，expando 可能是 expandable object 的缩写。注意“可能”，并不确定。 从使...
需求总是奇怪的，但好在有这么一个还算顺手的工具。 我有一份code base的两个不同版本库，这两个版本库所在的server是不一样的，然后对应本地有两个不同的Working Copy。我需要把一个版本库里面做的部分变化，merge到另外一个版本库。一开始想过用SVN命令行diff，但似乎那是服务于同一个版本库的不同branch的，也就是要host在一个server上的。 幸好在小乌龟里面发现了Merge revisions to…这个功能，具体做法是： show log版...
网络图像优化，总结了我个人接触到的优化方法，这只是优化当中的一小部份，还要更多的需要各位大牛去挖掘了分享，也欢迎大家针对此内容进行交流或拍砖。
Red Hat 是 Linux 商业化的旗舰，印象中 5-10 年前国内的 Linux 图书有一半都是拿 Red Hat 说事的，以至于不少初学者把 Red Hat 的版本号当成了所谓的“Linux 版本号”。2003 年推出的 Red Hat Linux 9 是一个里程碑，其后分道扬镳的 Red Hat Enterprise Linux/CentOS 与 Fedora 似乎并没有立即取代 Red Hat Linux 9 的市场份额。有人是出于应用稳定性和兼容性需要、有人是因为嵌入式开发之类...
这是昨天一台mysql库出现的问题，load比平时高了几倍，show processlist也有大量active的会话，数据库响应应用端请求较慢。 查看innodb status row operations部份： 因为mysql数据库服务器raid卡充放电，由write back模式变成write through，写IO性能下降，由于innodb内部采用共享线程的模式，写将innodb内部允许的最大并发线程数撑满，导致前端大量的select查询也无法进行，上图中看到有902个查询进入队列。与上图中的16 queries...
它的特点是，利用前端 JavaScript 方法，在客户端进行分流，同时，可以用 JavaScript 记录下用户的鼠标行为（甚至键盘行为，如果需要的话），直接发送到对应的打点服务器记录。这样的好处是不需要技术部（如果你们和我们一样，前端工程师与后端工程师分属不同部门的话）参与，并且可以比较精确地记录下用户在页面上的每一个行为，甚至包括后端方法难以记录到的无效点击！
团购是当今互联网上一项热门的应用，小白们上班前都会打开邮箱，看看邮件订阅来自多个团购网站，今日的团购商品；前段时间在QQ团购上拍了一份上岛咖啡的二人套餐，结合自己的情况体验小聊下团购。...
从本文可以看出口碑的力量，也能间接反映微博营销的价值。原文
近几年电子商务、SNS迅速发展，并且已经成为人们生活中越来越重要的组成部分。被他们牵绊着的人不免会感受到一些变化，无论是新产品的诞生，还是老产品的换新貌，似乎这些变化越来越符合我们的需求。而对于用户研究人员来讲，为了使产品越来越满足人们的需求，在这个过程中我们常常使用的一个调研方法是问卷调研。提到问卷调研，就不得不回忆下几年前问卷调研是如何进行的。相信大家都还记得我们常看到街头有那么一群人，手里拿着...
现在使用 Nginx 的网站多了，所以我们试下，来使用 Perl 来开发 Nginx 的模块。比如可以做一些个性的设置，防盗链，SSI ，Header 替换之类一些特别的作用。另外，我们还可以使用 Nginx 加 Perl...
Banner最主要的目的在于告诉用户我们要干什么，我们要告诉他们什么。在网络世界里，我更倾向认为其是一个能真正体现个人意志的地方，如果我们不能在最短的时间内把我们想说的传达给用户的话，那用户会毫无顾虑的选择离开，而不用考虑什么“情面”。在具体的Banner设计中，信息的传达方式无外乎2种――图片和文字；图片是一种最直接的传达模式，也是用户理解成本最低的信息接受渠道，因此图片一定要选择明晰的，一眼看上去就知道到底在卖什么，要表达什么。
首先，我们一定不能忘记：对性能优化最重要的是内容优化。不过这不是我们前端能说了算的，我们只能努力从前端的角度给产品经理和运营人员提建议，因此内容优化不纳入性能优化范畴。 从去年开始，到 Velocity 2010 大会中 Fast By Default 口号的提出，YSlow / PageSpeed / Msfast / dynaTrace / WebPageTest 等工具各领风骚，YSlow 几乎成了每个前端的标配。 YAHOO 的 34 条军规，光芒四射，无论后台开发还是运营人员，或多或少都...
“用户互动”是互联网产品不可或缺的关键，而用户互动的入口必然是表单。由此，无处不在的UGC类Web2.0产品内，表单无处不在所凸显的重要性逐渐得到Web设计师重视，并自成知识体系。2008年10月的阅读推荐中列过此书，归入“框架层”范畴之内。
今天在测试的时候发现一个很诡异的问题，语言描述不清楚，直接看代码吧。为了测试各种可能性，我写了两种类继承的代码如下：
如果要评2010最牛逼的网站改版，除了豆瓣就是Twitter了（开个玩笑）。那天看了新版twitter的介绍视频，相当兴奋，那种感觉就像04年看到gmail。面对未知的新时代，一部分人在畅想，一部分人在抵触，只有小部分人在行动。Twitter很快交出了他们的答卷。 今天看到Twitter官方发表的博文“The Tech Behind the New Twitter.com”，总结了新版twitter背后的技术，值得一读。（下面的内容不是翻译，是我的理解） API客户端 新版背后的一...
最近公司的无线部门很不稳，从上到下，能走的人都走了，陷入了无穷的纠结，心里的两股力量此消彼长，也开始了左右互搏：我是那么深爱着移动互联网，于是当看到其他公司大张旗鼓、鸣锣开道地杀入这片红海，公司却迟迟没有明确的战略布局，只是象征性地开了全员大会，打打鸡血，提提精神，心里是何等地着急。不能错过移动互联网，这是我的底线，还好现在还没有完全失去。于是想到了离开，到能做事的地方去，到这个阵地上最需要战...
邮箱搜索与其它的搜索引擎最大的区别莫过于每个用户只能搜索自己的邮件内容。搜索引擎一般都是开放性的搜索，每个用户都有权访问所有的索引项目，每次搜索请求都会在所有的索引项目中进行匹配。而邮箱搜索是私密搜索，每个用户只能访问索引中很小的一部分数据，相应的，也就可以将每个用户的索引单独存放，以加快建索引和搜索的速度。
与部门同事做了个小小的交流，话题杂而浅，在此做一个小纪录。 1、什么是设计 工业设计、环境设计、建筑设计、平面设计、网页设计、服装设计、信息设计……日常生活中，随处可听可见各种各样的设计名称，这些不同名称的设计组合在一起，改变着日常的生活，好的或是坏的。 做为平时最常用到的设计的这个单词――Design，除了设计的解释外，还有“计划”、“目的”等解释，也可以把“设计”说成是有计划的去达成某一个目的。 设计的...
设计原则是做设计的标准，可用于指导设计和衡量设计方案的优劣。个人在写MRD时，会先考虑用一句话作为设计目的，描述做这个设计满足用户何种需求或者有什么作用，然后再写三至五条设计原则，满足用户这项需求时做的设计需要遵守什么。 比如在设计一个购买彩票出错页面，设计目的是为了降低用户的挫折感。那设计原则可以是： 提供用户易于理解的信息。 根据出错情形分别提供有用的信息。 引导用户继续浏览其他页面。 以上的原则中顺...
合理地扩大页面链接响应区域可以提高网页的易用性。同时还要兼顾到链接的交互一致性以及视觉上的平衡，就需要做一些特殊的处理。 .entry p {text-indent:0} 实例一：一张图配一个链接。 常规的做法有以下几种：第一种是最常规的，只有链接可点，但整张图不可点，点起来还蛮累的。 第二种是把整张图作为一个链接，链接响应区域是够大，但其实那个链接就比较尴尬，不够优雅。 第三种是需要前端开发兄弟比较费劲点，设计师要求...
