163 UED Team -- IT技术博客大学习 -- 共学习共进步！

• javascript 缓存提供程序

相信每一个开发者都知道缓存的重要性。从头至尾有缓存的后台(memcached,xcache等。) 来减轻db的压力。对内容分发网络（CDN）缓存中希望你的浏览器缓存那些不止一次的加载资源。当然, 有客户端缓存,所以你不要重复昂贵的操作(即使是算法或大量的运算)。

• 用户研究Q&A

近来，不少同事开始认同用户研究的价值，希望通过接触，理解和研究用户来获取提升产品的有效信息。这绝对是件好事，因为我一直抱持的理念是，研究并不是藏在实验室或者握在少部分人手中的稀罕货，更重要是一种理念和思维方式，只要愿意，人人都可以掌握。虽然由于背景的不同，大家对具体技术（比如如何设计问卷和统计，如何访谈）的掌握可能做不到很专业，但只要有这个意愿，了解并接受相应的理念，就可以开始将用户研究，或者说更...

• 业界标竿・设计师的悲哀

在中国，没有几家互联网公司能给设计师很长时间去研究、创造……在这种环境下，我们听到最多的话就是：“某某是这么做的，你就照他那样做……”， “这个功能要加上，某某已经有这个功能了……” 一时间，随着某个产品、功能风起云涌，引得众人纷纷效仿，不久之后的市场上一定百花齐放，个别经典功能随之成了业界公认的标配，成了标竿。在它之后出现的产品，一定要具备前者身上所有特点。

• 手机软件交互设计经验分享

Iphone和Android系统手机风靡全球的同时，移动互联网的发展也掀起了一股热潮。最近发现身边一些朋友纷纷在做手机上的第3方应用，或多或少碰到了些困惑，也许对于做惯了基于浏览器的产品的设计师来说，有一些比较典型的要点容易被忽略，这就容易引发出：找不到手机软件的感觉、布局经常改变、设计和优化时找不到明确的立足点等等一系列令人困惑的问题

• 关于排行榜代码优化

目前比较常见的排行榜设计都习惯将靠前的TOP3与其他七项有所区别，主要是序号的背景或者文字的颜色有所区别，

• IE中createElement需要注意的一个小问题

最近有读者求助，说在iframe中，创建一个元素，然后添加到父页面中在ie6，ie7中行不通，而firefox和IE8可以。

• 解决IE6从Nginx服务器下载图片不Cache的Bug

.和Nginx无关，是针对CSS背景图片的。但是实际上更常见的原因是Nginx上打开了Gzip压缩功能

• IE6图片加载的一个BUG

小图整合在一张大图里，然后在不同的CSS里调用同一张图片，以此来减少请求数，这是页面优化最常用的手段，但IE6会对页面里同一个图片，只要在不同的地方有引用到就会重新请求一次，需要加JS代码解决

• 白话Block Formatting Contexts

当涉及到可视化布局的时候，Block Formatting Contexts提供了一个环境，HTML元素在这个环境中按照一定规则进行布局。一个环境中的元素不会影响到其它环境中的布局。为了让我们有个感性的认识，举个不太合适的例子。你可以把一个页面想象成大的集装箱，这个集装箱里装的货物就是HTML元素。在现实生活中为了避免不同人的货物相互混淆，都是把货物打好包装再装入集装箱的。这样的话，无论你包装里面的货物怎么摆放，都不会影响到其...

• Google产品速查手册大全

我们每天使用的工具与服务中，至少有一款来自 Google，不管是搜索，还是电子邮件，还是在线文档或是其它（虽然它们中的大部分在长城的另一边）。这么多产品，功能，快捷键很不容易记住，本文搜集了11款备受欢迎的 Google 产品的速查手册，可以帮助你更好地使用这些工具与服务

• 图片旋转的小例子

IE应该用滤镜实现同样的效果。

rotate()这个函数接收的是弧度值。角度乘以0.017(2π/360)可以转变为弧度。

• Windows Phone 7 的幕后故事

虽然第一台 Windows Phone 7 手机在圣诞节前后才会推出，但五月底的这个星期四，这里每一个会议室都笼罩着紧张的气氛。微软只剩下最后的几周时间来为最终的版本冲刺了。运营商们在接下来的几个月里将对新手机进行测试，然后上柜销售。

• 优化网站信息架构

信息架构的定义根据维基百科的定义，信息架构（Information Architecture，简称IA）是在信息环境中，影响系统组织、导览、及分类标签的组合结构。它是基于信息架构方法论，并运用计算机技术管理和组织信息的一个专门学科。信息架构并非一开始就应用于网站设计，其起源于情报科学，最初应该是用于图书馆等地方的信息组织和信息检索的。

• 一个全角空格的问题

昨天编辑找我让我帮忙暂时去掉专题里的一块内容，我给了他style=”display:none”，让他放到相应的元素里，改完后跑过来找我说无效，我用FB看了觉的奇怪，后来一查竟然是全角空格引起的

• href,replace(),reload() 三者的区别

window.location.href=“url”：改变url地址； window.location.replace(“url”)：将地址替换成新url，该方法通过指定URL替换当前缓存在历史里（客户端）的项目，因此当使用replace方法之后，你不能通过“前进”和“后退”来访问已经被替换的URL，这个特点对于做一些过渡页面非常有用！ window.location.reload()：强制刷新页面，从服务器重新请求！

• 网站分析的应用和价值

前几天突然想到，如果有人问：“网站分析主要是干什么的？投入成本来进行数据收集和数据分析又有何意义？”也许我第一反应的回答是：“网站分析能帮你更好地优化网站和推广网站。”但仔细想想，这些问题确实没有深入地思考过，也许我们日常中更多去探究网站分析的方法和实现，而对于网站分析的根本意义却没有真正地去想过。所以，这里整理了一下个人看到的目前网站分析的一些应用及体现出来的价值，算是对上面问题的一个简单回答。

• 网页元素的层叠关系

一个复杂的首页通常不是简单的二维，有时需要三维的，所以不得不考虑z-index的层叠关系问题。通常一个页面会由不同组别的人来维护，由于没有一个统一的规范，z-index会随便的定义，制作人为了安全起见会设置一个很大的z-index值：9999，但是这样设置也并不表示就是安全100% 在页面最上面了，所以需要一个规范来使得z-index来确保页面元素的正确z-index。产生z-index的情况： css元素的布局定位广告漂浮元素 select、flash与ifr...

• 百度PM万维雅：需求把握和正确决策

国内互联网公司里，百度的产品一向为人称道。尤其是其搜索引擎的周边产品，比如百科、知道、贴吧等一系列产品。在不少资深互联网用户和专家眼中，这些产品应该是搜索引擎的标准配置。然而到底是什么让百度能够规划和设计出这么多优秀的产品，为什么他的竞争对手在这些领域根本无法与其匹敌？我们邀请百度的产品经理亲自为我们揭开谜底。任何一个产品人员，要理清产品的分析和决策思路，首先要弄清楚什么是产品。产品的核心价值，...

• HTML5是什么东东我们为什么要关注

《HTML5是什么》是一幅很酷的HTML可视化的解说,分析了各种浏览器的支持，以及和Flash的各种对比。从图形信息设计的角度来看，我不喜欢颜色组分析浏览器性能的那块，不应该让我回头来看对比颜色，看哪个浏览器缺失了哪个性能。

• 设计公式：简单有效的竞品分析

前两天，应某位老大的邀请，为产品策划们做了一次讲座。因为事先准备并不十分充分，讲得也有点急促，所以可能在很多同学听来，会有一些枯燥和不着边际。所以干脆大致的把讲义复述下来，供所有感兴趣的同学们批评指教。