Build your own keyword analysis with our tools
SEO Report
Server Infos
Backlinks

HTML Analysis

Page Status
 

Found

Highlighted Content
Title

阿里巴巴(中国站)用户体验设计部博客

Description

阿里巴巴(中文站)用户体验设计部博客

Keywords

用户体验,交互设计,视觉设计,前端开发,用户研究,阿里巴巴

H1

阿里巴巴(中国站)用户体验设计部博客
关于交互Demo设计的一些建议
“无后端”的web应用开发模式
移动开发之touch event篇
阿里巴巴中文站招聘资深前端开发&前端专家
jQuery选择器探讨进阶
jQuery事件编写进阶
5°专场视觉设计小析
网站CSS选择器性能讨论

H2

阿里巴巴(中国站)用户体验设计部 | 有一点设计团队

H3

《有一点设计火花》— 内部资讯期刊
《生煎包》电子杂志—第一季
最新文章
文章分类
最新评论
成员个人站点
邻居
功能

H4

H5

Text Analysis

Cloud of Keywords from all content
High relevance
 

css 想读更多 treerow

Medium relevance
 

firefox types opera chrome document data treecell good bytiegen  浏览器支持情况:ie efficient http docs blog jpsykes selector archive delegate live original safari 置顶

Low relevance
 

bytiegen  浏览器支持情况:ie efficient http docs blog jpsykes selector archive delegate live original safari 置顶 developer 阿里巴巴(中国站)用户体验设计部博客 rel= developers isimapserver= mozilla zhutg—前端开发|2013-02-28 external google tree-folderpane-icon bad

Very Low relevance
 
developer 阿里巴巴(中国站)用户体验设计部博客 rel= developers isimapserver= mozilla zhutg—前端开发|2013-02-28 external google tree-folderpane-icon bad performance  testing sykes https 在button#backbutton writing en-us more-css-performance-testing-pt-3 copyright hyatt关于css3选择器的论述:如果你关心页面性能的话,他们真不该被使用! 英文文档参考资源: http 加入我们 百家讲堂 testing-css-performance-pt-2 testing-css-performance ,则样式系统找到id为backbutton的元素后,因为左边没有其他选择符了,它就退出而结束查找了。 另外,根据html规范,id在html中是唯一的,也就是说一个html页面只限定有一个id为“xx”的元素,而不限制拥有这个id元素的标签名,所以 redirectlocale=en-us&redirectslug=writing  http 注册 功能 xpfe 交互设计委员会 ucdchina 口碑网ued 微博udc 搜狐ued 支付宝ued 新浪ued 淘宝网ued 百度mux 百度泛用户体验 网易uedc 腾讯cdc 腾讯isd 良无限upd 视觉中国 阿里妈妈ued 阿里巴巴数据仓库团队 阿里巴巴(国际站)ued goodcss 登录 url author 团队介绍 david rss 2000-04-21 hyatt 第n个孩子)在帮助我们锁定我们想要的元素的同时保持标记的干净和语义化,但事实是,这些花哨的选择器让更多的浏览器资源被密集使用。引用david nth-child mailfolder= 把多层标签选择规则用class规则替换,减少css查找 bad treeitem reserved 2008~2011 避免使用子选择器 现在我们来看看david treecell-mailfolder 语言化和标签名无关 原理参考第一条。 3 hierarchy-deep 声明的样式规则在这个id同样为backbutton的input元素上不起作用,不信大家可以自己动手编写试一下。 2 不要在编写class规则时用标签名 bad treecell powered treecell-indented 假设treecell best 语言化和标签名绑在一起 如果原来样式声明写成button#backbutton hyatt的第3段话:后代选择器在css中是最昂贵的选择器。贵得要命——尤其是把它和标签或通配符放在一起! bad treehead 依靠继承 bad #bookmarkmenuitem html http menu-left good #bookmarkmenuitem ),后代选择器与标签选择器结合使用也应避免。使用id选择器的性能最好,但是编写时要注意其唯一性,谨慎使用。css3选择器(例如: 最后,我们来做个总结,网站编写css时,应该优先考虑使用class选择器,避免使用通配符选择器(*)和属性选择器(a 是等价的。在#backbutton前多写了button bad treeitem treehead guideline 标签后面最好永远不要再增加子选择器 bad treehead wordpress treecell-header 只会引起样式系统向左移动,继续查找页面元素,损耗页面性能,延长页面渲染时间。 另一方面,在id元素前面添加标签名,还会引起另一个致命的问题,比如原来id为backbutton的标签名是button indented efficiently event篇 阿里巴巴中文站招聘资深前端开发&前端专家 jquery选择器探讨进阶 jquery事件编写进阶 5°专场视觉设计小析 网站css选择器性能讨论 web前端性能优化进阶路 css布局中一个简单的应用bfc的例子 关于交互demo设计的一些建议 “无后端”的web应用开发模式 移动开发之touch 最新文章 文章分类 交互设计 视觉设计 啊阿斯蒂 立即下载 在线阅读 撒旦法 ipad十大用户体验原则 未来的广告-看到即购买 科技如何改变购物方式 别妄想让用户思考 《生煎包》电子杂志—第一季 怎样将你的idea推销出去? 前端开发 用户研究 扎实的积累,红果果的干货 交互设计几年经验沉淀的心得,值得 shu jenny 用户研究的价值因为产品、交互和视 不错的 inspeed dicky b测试对于网站的建设十分有 最新评论 杂七杂八 巫巫 赞,求分享控件 专业的a brian 形式为王的互联网 metro凭什么统领微软界面 deeply(为一) 天涯博弈(老罗) 方凳会 邻居 ixdc 内部资讯期刊 《有一点设计火花》— m的前端博客 flashlight(邱华) live 由于样式系统从最右边的选择符开始向左进行匹配,只要当前选择符的左边还有其他选择符,样式系统就会继续向左移动,直到找到和规则匹配的元素,或者因为不匹配而退出,所以,在button#backbutton 很不错,推荐下 这是篇好文章,收藏 成员个人站点 allen 下页 hl=zh-cn (google建议) rendering css efficiently-rendering-css https speed rendering best-practices 别是那个令人蛋疼的设计师 如何看待国内的设计抄袭现 关键看吃的是什么决定用什么餐具最 为艺术家眼里的世界末日 视觉化你的商业模式 平面设计如何影响交互未来 像福尔摩斯一样做用研 list应用引发争议 互联网的重量只有50克? 终有神器让ps现原形 为什么人人都喜欢听故事 marty 心中无码,自然无码于天下 cagan谈产品 惠州律师 让世界充满@ 优秀设计师与伟大设计师 css-tricks 属性选择器(a tools android bridge)来调试android程序,也可以通过adb来调试移动版chrome中的网页。 adb调试说明 http adb html 远程调试使用说明 https remote-debugging chrome-developer-tools debug 网页开发者还是可以用桌面浏览器来开发网页。通过这两个系统上的浏览器看到的网页和我们桌面浏览器上看到的网页几乎是一致的。虽然看起来是一致的,但是在交互上面还是有一些区别的,最大的区别就是,这些移动设备都没有鼠标,我们平时在桌面浏览器上用的鼠标事件,在移动设备浏览器上用起来怪怪的。想要发挥移动设备触摸屏的特点,给用户提供良好的体验,就要用到浏览器的触摸事件。 二、开发准备(android) android设备可以使用adb(android 一、前言 如今,智能手机和平板电脑越来越普及 byxutao—前端开发|2013-04-27 event篇 越来越多的人用过移动设备浏览网页。移动设备的流量已经占到北美网络总流量的20% allthingsd 。幸好目前最流行的两大移动操作系统ios和android都具备了解析标准的html、css和js的能力 mobile-devices-now-make-up-about-20-percent-of-u-s-web-traffic 20评 阿里巴巴中文站招聘资深前端开发&前端专家 jquery选择器探讨 在jquery中,当用户把选择器表达式作为参数传递给$ jquery选择器探讨进阶 19评 函数时,jqery的sizzle先对这个选择器表达式进行语法分析,然后再决定如何获得表达式所代表的这些元素。在框架底层,sizzle应用了浏览器所支持的最高效的dom 方法来获取一个节点列表 ,这个节点列表是一个类似于数组的对象的dom元素的集合。下面的列表展示了jquery的sizzle内部采用的浏览器dom遍历方法和浏览器的支持情况: 1 nodelist python)开发经验者优先。 php wangt@alibaba-inc 工作地点:杭州 简历请发送到:terence by王涛—前端开发|2013-03-30 com 职位有效期:2013-12-31前 来做的事: 1、阿里巴巴中文站新一代前端框架设计及ui组件库开发。 2、前端通用工具平台的开发及建设。 3、除此之外,还得研究些新玩意,尽情发挥你的创造力。 4、总之,不会让你做码农。 职位要求: 1、掌握良好的前端技能,包括xhtml xml nodejs javascript,了解web标准化、性能优化方法,了解可用性、可访问性和安全性。 2、熟悉掌握一种常见js框架,如jquery,yui,extjs等,并有一定的前端框架设计能力。 3、热爱前端,热爱设计,对新鲜事物充满好奇心,有折腾的想法和精力,喜欢捣鼓各种互联网应用。 4、自我管理能力强良好,崇尚团队合作,快速的学习能力,乐于分享与沟通。 5、有web后端脚本的语言(如java 移动开发之touch 6评 bytony 用户界面设计中“状态”和“动作” -前端开发 lee评论 -交互设计 byoldj评论 b测试:实现方法 by前端-qhwa评论 flash真的适合做网站应用吗? 博客首页home 有一点设计团队 阿里巴巴(中国站)用户体验设计部 团队介绍team 文章分类aticles 加入我们join 百家讲堂sharing -用户研究 4评 cloud 我之前曾折腾过一个移动小应用,偶然接触了titanium ,它真正的做到了nobackend。 services,真是感觉相见恨晚,佩服至极。。。服务器、数据库就不必说了,对开发者完全透明。而他的亮点在于openapi,不像国内的那种纯底层接口,而是暴露给应用一些更偏向业务层面的通用api,比如用户注册api、好友关系api、json格式的kv存储api、文件处理api等等。这些通用接口组合起来,解决80%应用的后端逻辑是不成问题的。 有了这样的开放平台,应用开发时就可以完全通过js来完成各类业务逻辑,而无需进行任何的后台开发和配置工作,对开发应用的前端同学而言,这听起来貌似不错。类似这样的平台国外还有几个,比如 firebase, parse  backendless。而国内的我尚未发现,但我觉得这种开放平台应该会很有市场,谁用过谁知道。。。 的前端开发队伍,也就完全可以理解了。 不管你信不信,我是相信nobackend的趋势的,应用致胜的关键是idea及用户体验,后台的服务功能是趋同并可抽象的,也因此有了新型开放平台的存在,让我们不必再重复开发后台逻辑;而显示层的设计是无法趋同的,对体验的追求不会有极致,更多的精力和开发将会投入其中。 对一些大公司而言这是不是一个机会呢? nobackend的开发模式其实对前端同学提出了更高的开发能力要求,当后端的模板层完全撤去,只剩下纯净的数据接口时,意味着js将负责更多的业务逻辑处理,代码的组织架构需要有更好的设计。责任大了,压力也自然不会小,据闻腾讯盛行这种开发模式,而其配有500 pc站点也能支持 说到这,大家可能会想到开放平台,开放平台不就是这种的架构模式吗?服务器、底层数据、openapi大公司都给你提供了,前端同学完全可以通过js来操作各种数据,把注意力集中在显示层上,独自完成一个应用的开发。 纵观国内的开放平台可以分为两大类: 一种是业务接口开放平台,比如1688开放平台,目的是为了让开发者围绕其业务生态圈创建自己的应用,它只提供业务型openapi,开发者还是需要搭建自己的服务器,甚至是数据库等,算不上nobackend。 另一种是玩“云”概念的开放平台,比如gae、bae、阿里云等,他们提供的是服务器和存储(数据库),openapi也有,但通常是比较底层的和业务无关的通用型接口,如存储,消息通信等,真正的业务接口还是需要用后台语言开发,也算不上是文章所谓的nobackend。 而国外目前有另外一种类型的开放平台,可以说是为移动应用而生的 为方便产品经理、设计师、开发及项目相关人员能够看到直观的效果,进行更有效的沟通;提供直观的产品设想,说明用户将如何与产品进行交互,在交互设计的过程中一定会产出各种各样的产出物,如流程图、思维图、纸上的草稿、甚至高保真演示稿。 这里简单分享下自己在项目过程中的交互demo设计的一些心得。 byheyuchan—交互设计|2013-07-22 关于交互demo设计的一些建议 17评 “无后端”的web应用开发模式 最近看到前端趋势2013大会上的一篇文章,题目是《各位快看,不用后端》,觉得有点意思,恰好近期的一次讨论及半年前的一次开发实践也涉及到这种模式,简单谈谈我的想法。 不得不说,文章的题目确实很吸引眼球,开发应用可以不用后端了?前端同学完全自己搞定?那服务器、数据库、服务接口神马的怎么办 by王涛—前端开发|2013-05-26 ; 2 getelementsbytagname selectors)对页面性能的改善更值得关注。 google child descendant 资深web开发工程师steve souders对css选择器的效率从高到低做了一个排序: 1 类选择器( id选择器(#myid)2 来渲染,比那些使用同胞,后代选择器,子选择器(sibling 网站css选择器性能讨论 16评 一个做设计的木头人 zhutg—前端开发|2013-01-24 css选择符由一些初始化参数组成,这些参数指明了要应用这个css规则的页面元素。作为一个网站的前端开发工程师,应该避免编写一些常见的开销很大的css选择符模式,尽量编写高效的css选择符,从而加快页面的渲染速度,缩短页面呈现时间。 我们先来看一下safari和webkit的架构师david class hyatt的两段话: 样式系统从最右边的选择符开始向左进行匹配规则。只要当前选择符的左边还有其他选择符,样式系统就会继续向左移动,直到找到和规则匹配的元素,或者因为不匹配而退出。 如果你非常在意页面的性能那千万别使用css3选择器。实际上,在所有浏览器中,用 myclassname)3 标签选择器(div nth-child) 上面九种选择器中id选择器的效率是最高,而伪类选择器的效率则是最底。详细的介绍大家还可以点击writing hover 伪类选择器(a selectors。 综合上面的顺序,我们清楚的知道,id和类名用于关键选择器上效率是最高的,而css3的仿伪类和属性选择器,虽然使用方便,但其效率却是最低的。 知道了基本原理以后,我们编写css时就应该注意了。下面举几个例子,让大家理解的更透彻一些: 1 不要在编写id规则时用标签名或类名 bad button#backbutton good #backbutton menu-left#newmenuicon )9 通配符选择器(*)8 p)5 相邻选择器(h1 p)4 子选择器(ul li)6 a)7 后代选择器(li 山木 网站的专场设计,应该算是网页视觉设计师的必修课,应该也算是最基本功。她所需要的设计理论都是最基本,但同时也是最重要的。设计理论版本多如牛毛,我这里仅仅整理5个方面来分析网页专场设计的一些方法,本人并非大师或资深,欢迎各式拍砖。 设计理论每人都会或多或少的知道一些,但是我们作品是给谁看的,我们的真正用户是谁,用户的特性是什么,每个网站针对的用户都不同,在这里简单介绍下我们内部总结的阿里巴巴b类用户的特性: 在了解自己所针对的用户特性之后,我们做设计就会更有针对性,对作品的创意也会更贴近用户情景。在这里我分成5个方面来表述专场设计所需的基本功。 方法,但是,如何选择事件委托的方法,或者在什么情况下用 方法和 jquery事件编程进阶 事件委托,是一种优化dom元素事件绑定的技巧,利用事件冒泡的原理,通过绑定事件到父元素,检查event触发元素的target,最终执行相应的事件函数处理,它的几个好处一般前端开发程序员都知道。在jquery中,一般是delegate 什么情况下用 这个值得讲一讲: live jquery       jquery事件编写进阶 14评 safari4 getelementsbyclassname ; 3 ; 4 queryselectorall (这个是浏览器内置的css选择符查询元素方法,比getelementsbytagname和getelementsbyclassname效率要高很多。)浏览器支持情况:ie context       return 函数的选择表达式元素上,因此页面的事件注册更加清晰,而事件冒泡更少。 事件绑定到$ 是绑定到document上面,所以会有大量的事件冒泡,事件冒泡要从嵌套最深的dom元素往上一直冒到document上面,这样长路径的事件冒泡也是一个很昂贵的性能消耗。而采用 39评 5°专场视觉设计小析 这个主题是2012年下半年的一次内部分享,迟迟未形成文章,马上过年了赶紧整理起来,顺便给视觉设计师们拜年了!!!我自己内心的一个呼唤,明年脱离“苦逼”二字… by山木—视觉设计|2013-02-06 因为live 方法在一开始选择这个表的所有行,所有列的时候,就是一个非常大的性能消耗,会导致脚本反应很迟钝。2 查看这2个事件委托的源代码可知,live方法中,有个元素的执行环境,这个执行环境默认是document return 所以,如果把live事件委托写在$ 之外,也是没有问题的。live 方法虽然避免了绑定事件处理到很多dom元素,但是,它在一开始选择了文档中的所有元素,如果一个文档有很多的子节点,比如文档中的一个表有几十列,几百行表内容,而事件要绑定到这个表的某一行某一列,那么,live 在某种情况下会引起性能问题,这主要包括2个方面:1 good #newmenuicon

Highlighted Content Analysis

Cloud of Keywords from all content
High relevance
 

Medium relevance
 

Low relevance
 

阿里巴巴(中国站)用户体验设计部博客

Very Low relevance
 
阿里巴巴(中国站)用户体验设计部博客 成员个人站点 邻居 最新评论 文章分类 最新文章 功能 用户体验 用户研究 阿里巴巴 前端开发 视觉设计 交互设计 《生煎包》电子杂志—第一季 《有一点设计火花》— 移动开发之touch event篇 “无后端”的web应用开发模式 关于交互demo设计的一些建议 阿里巴巴(中文站)用户体验设计部博客 阿里巴巴中文站招聘资深前端开发&前端专家 jquery选择器探讨进阶 阿里巴巴(中国站)用户体验设计部 有一点设计团队 网站css选择器性能讨论 5°专场视觉设计小析 jquery事件编写进阶 内部资讯期刊