2016年6月

[转]分享国内UED网址大全

UE = User Experience,即用户体验,2003年前后,同Usability一起传入国内。
UED = User Experience Design,用户体验设计,也叫UXD(User eXperience Design)。
2006年9月“淘宝UED”团队博客建立之后,才被大家熟知。但中国最早成立“用户体验”部门的是百度,2004年11月郭宇回国后加入百度公司任首席设计师及用户体验部总监。
UED这个词来自海外,但除Yahoo外很少有公司提起。UE并不能通过Design完全解决,海外公司普遍都叫“UX团队”,也没有“UED团队”的说法。
一般UED团队包括:交互设计师、视觉设计师、用户体验设计师、可用性工程师、产品设计师和前段开发工程师等等。
腾讯
腾讯CDC http://cdc.tencent.com/ CDC(Customer Research & User Experience Design Center)腾讯用户研究与体验设计中心
腾讯ISD http://isd.tencent.com/
腾讯UED http://ued.qq.com/
腾讯WSD http://wsd.tencent.com/
腾讯TGideas http://tgideas.qq.com/ 腾讯游戏的专业设计团队
腾讯ISUX http://isux.tencent.com/ ISUX (Internet Service User Experience)腾讯互联网用户体验设计部
腾讯GDC http://gdc.qq.com/ GDC(Game Design Center)QQ游戏设计中心
腾讯ECD http://ecd.tencent.com/
百度
百度UEO http://www.baiduux.com/ UEO(User Experience Organization) 百度泛用户体验平台
百度MUX http://mux.baidu.com/ MUX(Mobile User Experience) 百度无线用户体验部。
百度UED http://ued.baidu.com/ 百度商业产品用户体验部
百度XDC http://xdc.baidu.com/ 百度用户体验部
阿里
淘宝UED http://ued.taobao.com/
阿里巴巴(中文站 )UEDhttp://www.aliued.cn/
阿里巴巴(国际站)UED http://www.aliued.com/
阿里妈妈UED http://ued.alimama.com/
口碑网UED http://ued.koubei.com/
支付宝UED http://ued.alipay.com/
支付宝PED http://ped.alipay.com/PED(Product Experience Design)支付宝产品体验设计部
天猫UED http://ued.tmall.com/
天猫SED http://sed.tmall.com/
一淘网UX http://ux.etao.com/
新浪
新浪UED http://ued.sina.com/
微博UDC http://udc.weibo.com/
新浪ChinaUED http://blog.sina.com.cn/chinaued
新浪SNS梦之队 http://blog.sina.com.cn/cnsns
新浪UED http://blog.sina.com.cn/uimedia
新浪乐居UED http://ued.leju.com
网易
网易UEDC http://uedc.163.com/ UEDC(User Experience Design Center)网易用户体验设计中心
网易GUX http://gux.163.com/ GUX(Game User eXperience)网易游戏用户体验中心
网易杭州UED http://ucd.blog.163.com/
搜狐
搜狐UED http://ued.sohu.com/
搜狗UED http://ued.sogou.com/
搜狐焦点UED http://ued.focus.cn/
搜狐MUED http://mued.sohu.com/ Mobile User Experience Design 搜狐移动门户中心 用户体验团队

重排和重绘

参考:http://www.cnblogs.com/zichi/p/4720000.html

什么是重排和重绘
浏览器下载完页面中的所有组件——HTML标记、JavaScript、CSS、图片之后会解析生成两个内部数据结构——DOM树和渲染树。

DOM树表示页面结构,渲染树表示DOM节点如何显示。DOM树中的每一个需要显示的节点在渲染树种至少存在一个对应的节点(隐藏的DOM元素disply值为none 在渲染树中没有对应的节点)。渲染树中的节点被称为“帧”或“盒",符合CSS模型的定义,理解页面元素为一个具有填充,边距,边框和位置的盒子。一旦DOM和渲染树构建完成,浏览器就开始显示(绘制)页面元素。

当DOM的变化影响了元素的几何属性(宽或高),浏览器需要重新计算元素的几何属性,同样其他元素的几何属性和位置也会因此受到影响。浏览器会使渲染树中受到影响的部分失效,并重新构造渲染树。这个过程称为重排。完成重排后,浏览器会重新绘制受影响的部分到屏幕,该过程称为重绘。由于浏览器的流布局,对渲染树的计算通常只需要遍历一次就可以完成。但table及其内部元素除外,它可能需要多次计算才能确定好其在渲染树中节点的属性,通常要花3倍于同等元素的时间。这也是为什么我们要避免使用table做布局的一个原因。

并不是所有的DOM变化都会影响几何属性,比如改变一个元素的背景色并不会影响元素的宽和高,这种情况下只会发生重绘。

总结
重排和重绘是DOM编程中耗能的主要原因之一,平时涉及DOM编程时可以参考以下几点:

尽量不要在布局信息改变时做查询(会导致渲染队列强制刷新)
同一个DOM的多个属性改变可以写在一起(减少DOM访问,同时把强制渲染队列刷新的风险降为0)
如果要批量添加DOM,可以先让元素脱离文档流,操作完后再带入文档流,这样只会触发一次重排(fragment元素的应用)
将需要多次重排的元素,position属性设为absolute或fixed,这样此元素就脱离了文档流,它的变化不会影响到其他元素。例如有动画效果的元素就最好设置为绝对定位。