，Web Developer
很认真的在声明函数返回值呢……&br&&br&&div class=&highlight&&&pre&&code class=&language-js&&&span class=&k&&void&/span& &span class=&kd&&function&/span& &span class=&nx&&sayHello&/span&&span class=&p&&(&/span&&span class=&nx&&word&/span&&span class=&p&&){&/span&
&span class=&nx&&console&/span&&span class=&p&&.&/span&&span class=&nx&&log&/span&&span class=&p&&(&/span&&span class=&s1&&'Hello '&/span&&span class=&o&&+&/span& &span class=&nx&&word&/span&&span class=&p&&)&/span&
&span class=&p&&}(&/span&&span class=&s1&&'World'&/span&&span class=&p&&);&/span&
&span class=&c1&&// Hello World&/span&
&/code&&/pre&&/div&
很认真的在声明函数返回值呢……void function sayHello(word){
console.log('Hello '+ word)
}('World');
// Hello World
谢 &a data-hash=&797cd37c474b0aef8cb9& href=&///people/797cd37c474b0aef8cb9& class=&member_mention& data-editable=&true& data-title=&@NovaDNG& data-tip=&p$b$797cd37c474b0aef8cb9& data-hovercard=&p$b$797cd37c474b0aef8cb9&&@NovaDNG&/a& 邀，来迟了。&br&&br&眼看这里都快变成 Lollipop 大聚会了，我来说个 Android 通用的&b&「神设计」&/b&，照顾下各路 Android ROM 们：&br&&br&&br&在 iOS 中，以知乎日报和知乎为例，&b&「应用间唤起」&/b&是这样的：&br&&ol&&li&在 知乎日报App 中点击 “查看知乎讨论”&br&&/li&&li&唤起 知乎App &/li&&li&查看多任务，知乎日报App 和 知乎App 先后并排。（本来想截图的，可是我的 iOS 日报App 变成一直转菊花了）&/li&&/ol&&br&但是在 Android 中，&b&「应用间唤起」&/b&可以是这样的！：&br&&ol&&li&在 知乎日报App 中点击 “查看知乎讨论”&br&&/li&&li&&b&唤起 知乎App 的一个 Activity！&/b&&/li&&li&查看多任务……&b&卧槽这个微妙的违和感是怎么回事…&/b&&/li&&/ol&&img src=&/919c742c_b.jpg& data-rawwidth=&1080& data-rawheight=&1920& class=&origin_image zh-lightbox-thumb& width=&1080& data-original=&/919c742c_r.jpg&&（知乎日报App 的壳子里套了一个 知乎App 的界面……）&br&&br&&br&这从工程师角度很好理解嘛～： Android 的系统级别设计允许（甚至提倡）单独唤起 App 的一部分 Activity，并且这些 Activity 仍然具备独立的生命周期。&b&因为我并没有唤起完整的 知乎App 嘛，当然不需要让知乎 App 压多任务栈啦。&/b&&br&&br&&br&&b&但是尼玛从用户角度呢！！！！&/b&我无数次（在阅读 知乎App 后忘记我之前的操作） 然后到多任务里把它 &b&手 残 划 掉 了 ！！&/b&&b&然后发现卧槽 知乎App 也不在了，日报App 也不在了…… &/b&&br&&br&&br&嗯就是这样……心塞的神设计…＝＝&br&神设计嘛……神这么中性的词是吧，不过这是不是个好设计就仁者见仁啦。&br&&br&&br&以上！ (?Д` )
邀，来迟了。眼看这里都快变成 Lollipop 大聚会了，我来说个 Android 通用的「神设计」，照顾下各路 Android ROM 们：在 iOS 中，以知乎日报和知乎为例，「应用间唤起」是这样的：在 知乎日报App 中点击 “查看知乎讨论”唤起 知乎App 查看多任…
谢邀…必须是…&br&豌豆荚！！！&br&&br&&br&&br&阿里北京不好吃(;???Д??`)
谢邀…必须是…豌豆荚！！！阿里北京不好吃(;???Д??`)
泻药。&br&&img src=&/b024d8d9c59ef54ba101f9c37e79371f_b.jpg& data-rawwidth=&960& data-rawheight=&1280& class=&origin_image zh-lightbox-thumb& width=&960& data-original=&/b024d8d9c59ef54ba101f9c37e79371f_r.jpg&&&br&如图
泻药。如图
唉。今天恰巧有感，过来小聊几句。&br&还是要先声明下：&b&所有言论出自个人，与阿里和我所在的团队无关。&/b&&br&&br&&br&正文。&br&&br&应该很多互联网公司都有这项 “福利” ——&b& 加班到X点以后，报销打车费&/b&。&br&阿里大约是晚上9点。&br&&br&初进阿里时还不习惯，想着6点下班后，吃个免费晚饭，赶快坐地铁回家。&br&后来一是发现高峰期的地铁简直要命，二是确实有太多需求做不完， 平常经常会说： “这个我们晚上再谈…” &br&&br&所以晚上加班就成了公司里很多人的常态 ，就算今天 8 点多就已经工作得差不多了，也会习惯性得等到 9 点左右，&b&叫个车回家&/b&。&br&&br&于是，每天 9 ～ 12 点间，公司里的叫车声、电话约车声、络绎不绝。我们团队私下里也有个微信群，用以和工作的旺旺群区分。&b&在打车软件玩起红包返现后，大家就都会在群里分享叫车红包，52个人的群，有时一分钟内不抢，红包就没了。&/b&&br&&br&&br&众所周知的，阿里和快的打车的关系。&br&&br&所以群里好像约定俗成般的，从来就没有出现过滴滴的红包。&b&而由于红包返现利滚利带来的超强用户粘性，大家连叫车也都开始只用快的了。&/b&&br&&img src=&/dd0b093c925e8bbc909c81_b.jpg& data-rawwidth=&255& data-rawheight=&454& class=&content_image& width=&255&&&br&结果好景不长，微信突然就玩了这么一手，直接把快的打车屏蔽了。&br&当天大家就发现了，还讨论了下对策……&b&比如什么「先分享到微博，然后把链接复制出来，再发到旺旺群」……&/b&&br&&br&嗯。我 TM 也觉得挺拼的。。&br&于是大约微信群就沉寂了一天…&br&&br&&b&然后才第二天……第一个滴滴红包就在群里出现了！&/b&那时的文案还是什么：“&i&4个小伙伴，3个用滴滴！红包召唤新伙伴归队啦！&/i&” &br&&b&我我我我当时就不由自主的纠结了一会儿 “价值观” ，放下手机 debug 去了……&/b&&br&&b&等我再想起来，点开链接一看：特么的……「红包已抢完」。&/b&&br&&br&。。。&br&&b&再后来。&/b&&b&就根本收不住了，滴滴红包那个飘。&/b&&br&&br&&br&唉其实我就是想说：&b&这也就一天……用户习惯就被彻底干翻过来了。 就算是盟友…也没救。&/b&&br&&img src=&/b35dd0f591f_b.jpg& data-rawwidth=&253& data-rawheight=&452& class=&content_image& width=&253&&&br&所以我今天还是打着滴滴回来的……分享红包的一瞬间，心里突然一阵小惆怅。就回来写下了这段答案。&br&&br&说了半天，好像也没说到什么干货…权当故事听吧。&br&其实你要问我这有没有违反互联网平等开放法则什么的。我觉得上面
&a data-hash=&8f7d284bb1a97deaaecb& href=&///people/8f7d284bb1a97deaaecb& class=&member_mention& data-editable=&true& data-title=&@覃浩tommy& data-tip=&p$b$8f7d284bb1a97deaaecb& data-hovercard=&p$b$8f7d284bb1a97deaaecb&&@覃浩tommy&/a&&a data-hash=&43d639a3d763d3dad948e0bc4c645eec& href=&///people/43d639a3d763d3dad948e0bc4c645eec& class=&member_mention& data-editable=&true& data-title=&@赛门& data-tip=&p$b$43d639a3d763d3dad948e0bc4c645eec& data-hovercard=&p$b$43d639a3d763d3dad948e0bc4c645eec&&@赛门&/a& 都说得挺好的，两种思路而已，大家可以自行选择。&br&&br&但是关于怎么看待，其实这次我以普通用户的身份来说……真心觉得：&b&「小良心小正义感在强需求面前真特么太弱了」&/b&&b&。&/b&&b&更何况这个强需求被干掉的同时还双手奉上了替代品。&/b&&br&&br&&b&&u&所以大厂们你们就使劲撕逼吧，需要打到用户脸时，多给糖多给枣就好了。&/u&&/b&&br&&br&&br&哦对了，今天微信宣布朋友圈内限制分享未备案网页了。&br&&b&枣呢 ！？！？&/b&&br&&br&&br&&br&&br&以上。&br&&br&利益相关？阿里员工 ：叫车用户
唉。今天恰巧有感，过来小聊几句。还是要先声明下：所有言论出自个人，与阿里和我所在的团队无关。正文。应该很多互联网公司都有这项 “福利” —— 加班到X点以后，报销打车费。阿里大约是晚上9点。初进阿里时还不习惯，想着6点下班后，吃个免费晚饭，赶快…
&b&不知道什么时候，黑学生会就成了知乎的政治正确。&/b&&br&来，我就是你们眼里万恶的 院学生会部长＋校学生会部长，&b&该取关的赶紧取关&/b&。&br&&br&前一段匿名答了一道题，下面就开始了：&b&“题主如何如何（褒义），肯定不是学生会的。”&/b&&br&我想想算了，懒得回，结果今天又让我看到这题。&br&那我就来跟你们聊聊，&b&学生会的故事&/b&。&br&&br&-------&br&&br&&b&我是中国传媒大学校学生会的，对，中国传媒大学&/b&。一个曾经被称为&b&“京城四大染缸”&/b&的地方，这里有一半的艺术类学生，男女比例 3:7 ，表演系播音系美女如云，关系、广电子女遍地，明星抬头不见低头见，有着一大堆的讲座、活动和春晚级别的晚会。&b&你看，这一切都符合你们的预设。&/b&&br&&br&&b&虽然我本来想说，各个学校的学生会不能一视同仁，但既然你们要说黑，没几个学校黑得过我们学校了吧？&/b&&br&&br&&ul&&li&&b&水很深&/b&&/li&&/ul&今年9月份，14级的新生来报道，我们也要开始招新。为了跟各个院会抢人，我们甚至做了 &a href=&///?target=http%3A///join/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&中国传媒大学36th校学生会【干事招新】&i class=&icon-external&&&/i&&/a&这样的微信网页（请在手机访问）来吸引新生。&br&就在招新前几天，主席突然在“主席部长微信群”里发了张手机截图，截图里是一条短信，大意是：“我是一名14级新生，高中学生会主席，很想进学生会的外联部，找尽关系才要到了主席电话。&b&早就知道中国传媒大学学生会水很深，主席开宝马X5，&/b&&b&所有进来的人&/b&&b&都是即&/b&&b&有能力又有背景。&/b&自己没有背景，希望能给一次机会。”&br&&br&大家看完纷纷在群里自嘲，原来我们的水都这么深啊！&b&诸不知，主席只是宝马4S店的一名实习销售&/b&。&br&&b&其实你很难想像流言会被传成什么样。&/b&&br&&br&&br&&ul&&li&&b&明星讲座&/b&&/li&&/ul&传媒大学最牛逼的讲座，大都来自于&b&校学生会的学习实践部&/b&。我对这个部门的第一印象，来自于我的一个室友，那时我们寝室四个人都是学生会的，只有他在学实部，&b&这个部要求&/b&&b&全员黑衣，电话随时接听，经常早出晚归，常常熄灯前被叫去开会，一晚上就不回来了。我当时觉得，这简直像一个黑社会吧！&/b&&br&&br&&b&可是什么李咏哈文、周星驰马云、撒贝宁周润发，都是他们请来的。&/b&&br&在刚进学生会时，我一直很奇怪，这些大牛是怎么被拉进来的？学校给学生会钱请他们来吗？还是因为有很多有“背景”的学生的关系？&br&&br&后来我才知道，他们那么晚出去，都是在赶策划稿，为了合上嘉宾的档期。&br&后来我才知道，他们的电话必须保持畅通，为了能接到每一个经纪人的回音。&br&&b&后来我才知道，每一场讲座，学校都不给一分钱。相反，学校是要收场地费用的，而这些费用，在他们的努力下，从来都是由嘉宾买单。&/b&&br&&br&我一直记得，大一的一天晚上，一场院会活动（国际动画节）结束，大家去聚餐。他也是院会的，却推脱有事不去吃饭了。后来，就在学校附近，我们所有人目睹，他和另外几个学实的部员们，用一个很老旧的三轮车，从男生宿舍往学校运书，几个部员手上还拿着灯笼，画面甚是喜感。去过广院（传媒大学的前身是北京广播学院）的应该都知道，那中间有一个很高很陡的天桥。&br&&br&&b&那天晚上他没有回寝室。&/b&&br&第二天去上课，我走进学校，&b&发现满学校挂上了灯笼。孔子广场前整整齐齐得摆了千本书。我看到他略显疲惫的在那整理学生们翻阅后的书籍。那是学习实践部一年一次的活动 —— 读书节。&/b&&br&&br&对了，他后来是学习实践部部长，现在是副主席。&br&&br&&br&&ul&&li&&b&广院之春 & 风采之星&/b&&/li&&/ul&要说传媒大学最有名的晚会活动，莫过于“广院之春 —— 校园十强歌手大赛”了，广院之春全权由校学生会主办，是整个学生会每一届的重中之重。&b&文艺部&/b&出任导演组，其他部门全力联动。&b&两届春晚导演哈文，当年也曾经是广院之春的导演。&/b&&br&&br&广院之春的晚会水平，毫无疑问是全国高校第一的。在我大一那年第一次感受时，我是被震撼到的。在之前我也有现场看过周杰伦、陈奕迅的演唱会，但是广春带来的晚会体验（不谈歌者与fans），竟然完全不逊于前两者。&b&你很难想像眼前的一切，都是出于学生之手。&/b&&br&&br&我很清楚得记得，大二那年，我从干事变成了委员，在参加一次和北京农林大学学生会的交流时，对方整场交流下来说了不下十遍： &b&“这都是学生做的……？？”&/b&&br&&br&&b&是啊。&/b&&b&我们的晚会和十强选手，简直是市场级的包装。&/b&&br&文艺部无数个日夜的策划导演编排；技术部的选手写真、小片、MV；网推部的官方网站、网络投票与网络直播；宣传部的海报大喷地贴；媒体部的新闻摄影出版；行政学实体育生活的通力合作……&br&&br&而我也从那时才知道：&b&从灯光到舞美（向学生招标），从音响到导演，从宣传到包装，原来关于这晚会的一切的一切，都是由广院的学生完成的。&/b&&br&&br&更难以想像的是：&b&一个整场下来几十万的晚会，几乎所有的开支都是由外联部拉赞助拉来的。&/b&&br&&br&&br&&ul&&li&&b&公款、权、女人&/b&&/li&&/ul&我也有机会做了一次标题党。&br&&br&&b&学校肯定是不给钱的。&/b&&br&而更有意思的是，外联拉来的赞助，资金还要上交给团委。等到学生会需要用钱了，再向团委批，结果还常常不给报。&b&今年为了响应习大大，我们这一届学生会部长主席级的名片都是自己掏钱印的。学生会的会服也穷得停了一届。&/b&&br&&br&&b&因为经常做活动到半夜的原因，我们常常连回个宿舍都难。&/b&&br&我不否认，学生干部会有一定的奖励待遇，比如加分、保研机会或者留校机会。可是很可惜的是，对于大部分的学生会人，意义非常小。&br&&b&加分？弥补不了搭在活动上的时间。保研留校？大部分人都不 care 。&/b&愿意待在学生会的人，大部分都很坚定自己的方向，马不停蹄的奔跑着。&br&&br&&b&至于女人，这个就更好笑了。&/b&也不知道是不是为了堵你们这些人的嘴，校学生会里是提倡最好不谈内部恋爱的。&b&不过，我的女友就是学生会找的，还是比我小一届的师妹呢，是不是正中你下怀了？要不要来批斗一下我&/b&&br&&br&&br&&br&&ul&&li&&b&最后&/b&&/li&&/ul&大半夜的，不知不觉写了这么多。&br&其实就在上个月，我刚刚卸任。到现在，都还依依不舍。&br&&br&&b&我不否认学生会是存在问题的，勾心斗角利益纷争也不是没有。但是请不要夸张化了，我敢说一个班级甚至一个寝室都可能比学生会更黑暗。&/b&&br&但对我来说，这是一个值得爱的地方，大家一起哭过一起笑过，三百号人为了同一个目标努力的感觉真的很好。&br&而对于任意一个想要加入学生会的人，我只想很真诚得告诉你们：&b&那些美好的东西，要远比黑暗多得多，想清楚自己来这的初心，你会收获很多。&/b&&br&&br&&br&&b&如果你想看到一个温暖的学生会，看看下面这些视频吧：&/b&&br&&a href=&///?target=http%3A///v_show/id_XNjkwODkzOTQw.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&中国传媒大学第三十六届校学生会主题曲&&薪火相传&&MV&i class=&icon-external&&&/i&&/a& （可以看到我哦）&br&&a href=&///?target=http%3A///v_show/id_XNzg3NDkzOTg4.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&第36届校学生会招新宣传片&i class=&icon-external&&&/i&&/a& （感受下？）&br&&a href=&///?target=http%3A///programs/view/Xa8lOI-fWgc/%3Fbid%3D03%26pid%3D2%26resourceId%3D0_03_05_02& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&第36届校学生会我们一起走过&i class=&icon-external&&&/i&&/a& （换届时的视频，看哭好几次）&br&&a href=&///?target=http%3A///v_show/id_XNzkxMjIzMTcy.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&校学生会文艺部招新视频&i class=&icon-external&&&/i&&/a& （欧阳夏丹）&br&各种视频：&a href=&///?target=http%3A///u/UNDI3MjA4ODc2& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&优酷网-中国第一视频网,提供视频播放,视频发布,视频搜索&i class=&icon-external&&&/i&&/a& （广春、风采的正片、小片、花絮都有）&br&官方网站：&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&中国传媒大学学生会&i class=&icon-external&&&/i&&/a&&br&&br&&br&&b&嗯，我特么爱这里。&/b&&br&&br&&b&我是&br&中国传媒大学第34届校学生会网络推广部干事&br&中国传媒大学第35届校学生会网络推广部委员&br&中国传媒大学第36届校学生会网络推广部副部长&br&中国传媒大学动画与数字艺术学院第11届团学联宣传部干事&br&中国传媒大学动画与数字艺术学院第12届团学联行政部副部长&br&&/b&&br&&br&以上。
不知道什么时候，黑学生会就成了知乎的政治正确。来，我就是你们眼里万恶的 院学生会部长＋校学生会部长，该取关的赶紧取关。前一段匿名答了一道题，下面就开始了：“题主如何如何（褒义），肯定不是学生会的。”我想想算了，懒得回，结果今天又让我看到这…
谢邀。&br&要解释清楚为什么，我们首先要搞清楚 min-height 这个属性的 &b&百分比值&/b& 到底是什么含义？&br&&br&参考 MDN
&a href=&///?target=https%3A//developer.mozilla.org/en-US/docs/Web/CSS/min-height& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&min-height - CSS&i class=&icon-external&&&/i&&/a& 中对其的描述：&br&&blockquote&Percentages：The percentage is calculated with respect to the height of the generated box's containing block. If the height of the containing block is not specified explicitly (i.e., it depends on content height), and this element is not absolutely positioned, the percentage value is treated as 0.&/blockquote&可以发现：&br&&br&百分比的计算后值与其 Containing Block 有关，如果其 Containing Block 的高度没有被显式声明，并且这个元素本身不是绝对定位的，那么其百分比值&b&将被作为 0 处理&/b&。&br&&br&那么什么是 Containing Block 呢？&br&&br&简单的说：对于 position 为 static/relative 的元素，Containing Block 为最接近的祖先块级元素的内容区域。&br&&blockquote&For other elements, if the element's position is 'relative' or 'static', the containing block is formed by the content edge of the nearest &a href=&///?target=http%3A//www.w3.org/TR/CSS2/visuren.html%23block-boxes& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&block container&i class=&icon-external&&&/i&&/a& ancestor box.&/blockquote&（详细的描述，可以参见&a href=&///?target=http%3A//W3.org& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&W3.org&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&：&a href=&///?target=http%3A//www.w3.org/TR/CSS2/visudet.html%23containing-block-details& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Visual formatting model details&i class=&icon-external&&&/i&&/a&）&br&&br&所以对于此题：&br&&br&在声明了Html5标准的情况下，浏览器的表现&b&「当然是对的」&/b&&br&&br&由于 #wrapper 元素为 relative ，其 min-height 相当于无效，所以被其包含的内容撑开，高度不为题主预期的 100%&br&&br&而对于去掉 &!DOCTYPE html& 声明的情况，猜测是开启了浏览器的 &b&BackCompat 向后兼容模式&/b&（怪异模式），由于本人接触前端时 IE6 已经死得差不多了……对其没有了解，所以也不知道为什么会出现符合题主预期的行为。&br&&br&----------------- &br&&br&那么，如果要在标准模式下实现题主想要的高度100%效果该怎么做呢？&br&&br&1. 给 #wrapper 的 position 属性改为 absolute &br&2. 给 &body& 和 &html& 都加上 height : 100% ，相当于直接找根元素（initial containing block）&br&3. 懒得想了，求继续补充&br&&br&&br&以上。
谢邀。要解释清楚为什么，我们首先要搞清楚 min-height 这个属性的 百分比值 到底是什么含义？参考 MDN
中对其的描述：Percentages：The percentage is calculated with respect to the height of the generated box's containing block. …
人对改变，总是有&b&接受成本&/b&的。&br&&br&如果一次改变，只比原来的好一点，收益还是小于成本，当然讨厌接受。&br&不是有一句话么：&br&&b&「一个东西，必须要比原来的好很多，大家才会愿意去改变。」&/b&&br&&br&&br&能革掉 QQ 命的，一定不是一个更好用的 QQ，&br&能革掉微信命的，也一定不是一个更好用一点的微信。&br&&br&产品的革命需要颠覆，&br&产品的改版，好歹&b&要让用户感觉到收益大于成本&/b&。&b&而不是满足你的商业蓝图。&/b&&br&&br&&b&淘宝的双十一版本，提供更方便的入口、更便宜的价格，谁骂了？&/b&
人对改变，总是有接受成本的。如果一次改变，只比原来的好一点，收益还是小于成本，当然讨厌接受。不是有一句话么：「一个东西，必须要比原来的好很多，大家才会愿意去改变。」能革掉 QQ 命的，一定不是一个更好用的 QQ，能革掉微信命的，也一定不是一个更…
无意翻到以前做过的一个作业：&b&『生活中你不满意的用户体验』。&/b&今天恰好看到此题，就贴上来好了～（&b&刚才图都没传成功&/b&……知乎啊知乎……）&br&&br&&b&&u&《记一次“校医院神秘机器”的使用经历》&/u&&/b&&br&&br&近日咽喉不适，还感风寒，&b&用户体验分析的作业也不知道该写什么&/b&，于是心情低落地想去校医院开点药，顺便混一假条。（但是后来失败了- -）&br&屋漏偏逢连夜雨，到了校医院才发现：学生证忘记带了……还好，据说&b&门口那台机器可以查病历号&/b&，于是我就兴冲冲得过去了。&br&&br&过去一看，机器黑着屏，也没找到任何开关，抱着&b&侥幸&/b&的心理，我戳了戳屏幕，果然，&b&几秒钟后&/b&，屏幕亮了…&br&&img src=&/20b216ed50a8c5b0b9e016ccb3813442_b.jpg& data-rawwidth=&640& data-rawheight=&474& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/20b216ed50a8c5b0b9e016ccb3813442_r.jpg&&&br&我激动的伸出手指，准备第一万次感受&b&触摸屏&/b&这个伟大的发明。结果我发现了它，倒也是计算机史上的另一项伟大的发明 —— &b&光标&/b&（Cursor）&br&&img src=&/e2b5ad20755_b.jpg& data-rawwidth=&640& data-rawheight=&474& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/e2b5ad20755_r.jpg&&&br&好吧，在意识到我用的是&b&Windows&/b&后，我挪动手指，拖着延迟半秒的光标，点开了“病历号查询”。&br& “输入姓名的第一个&b&字母&/b&：”
咦？那你给我一堆&b&数字键&/b&是干什么…… &br&我甚至&b&没有找到这排数字键的任何用途&/b&…要是有提供一个“输入学号查询”的选项也好啊。&br&&img src=&/e69d3e7e05fd4e_b.jpg& data-rawwidth=&640& data-rawheight=&474& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/e69d3e7e05fd4e_r.jpg&&&br&抱怨归抱怨，我还是看到了右边&b&相当显著的注释&/b&：“如果您要输入字母，请按 ABC/123 按钮进行切换”。好吧，我当然是要输入字母。&br&轻轻Tap了一下，按键&b&回馈给我了一个高亮&/b&，刚想夸夸Touch的反馈做得不错。结果界面居然没有任何变化…&br&&img src=&/8b596a03bbb_b.jpg& data-rawwidth=&640& data-rawheight=&480& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/8b596a03bbb_r.jpg&&&br&好吧，再按一次。果然，这次界面切换了。&br&我几乎可以确定这是一套.Net开发的Web程序，完全&b&没有针对触摸屏优化&/b&：&b&第一次的触摸事件，会当作Hover（鼠标悬浮）状态处理&/b&。&br&&br&不管怎么样，我现在可以输入字母了！而且由于我事先看过注释：“每个按钮包含3个字母，&b&输入方法与手机近似&/b&”，我现在信心满满！&br&&br&按一下是G，按两下肯定就是H！&br&&img src=&/769edbc30695b1_b.jpg& data-rawwidth=&640& data-rawheight=&480& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/769edbc30695b1_r.jpg&&&br&我擦！&br&&img src=&/99a2fbd694aaebedb5e32c0_b.jpg& data-rawwidth=&640& data-rawheight=&480& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/99a2fbd694aaebedb5e32c0_r.jpg&&&br&由于之前说过的触控判定问题 ：&b&按第一次没反应，按第二次时则已经判定为时间太长，输入新字符&/b&。&br&罢，重来重来……&br&我擦！&br&&img src=&/dd0cecf8fdcd27_b.jpg& data-rawwidth=&640& data-rawheight=&480& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/dd0cecf8fdcd27_r.jpg&&&br&程序居然记住了我上次按到了H，于是十分“人性化”的输入了一个I 。&br&&br&罢，作为从小打电脑游戏出身的我来说，这有何难！&br&于是我成功了打出了H，但是在输入X时再次遭遇了滑铁卢 - -。&br&&img src=&/748aa154aa1f58d22bec40f4a66cd9d3_b.jpg& data-rawwidth=&640& data-rawheight=&480& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/748aa154aa1f58d22bec40f4a66cd9d3_r.jpg&&&br&还好还好，&b&机器的交互设计师&/b&一定考虑到这个问题，我第一时间注意到了优雅的清除键&br&我只要删掉一个字母就好，我的H好歹不用重新输入……&br&我擦！&br&&b&清除键华丽丽的清空了整个输入框&/b&&br&（直到码这篇文章时……我才发现清除键的左边的左边，有个貌似 “backSpace”的按键……我当时真没看出来……）&br&&img src=&/addc77d8de_b.jpg& data-rawwidth=&640& data-rawheight=&480& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/addc77d8de_r.jpg&&&br&罢，作为从小打电脑游戏出身的我来说，这点挑战又算什么！&br&在我&b&高超的操作技巧&/b&下，我成功得打出了“HX”，并按下了确定&br&&img src=&/e08c4eccba7f975a7c53f1aa37b5f7e7_b.jpg& data-rawwidth=&640& data-rawheight=&480& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/e08c4eccba7f975a7c53f1aa37b5f7e7_r.jpg&&&br&你要相信，在经过之前的训练后，我的确是&b&娴熟的连击了两下“确定”&/b&的。&br&可是屏幕上不但没有显示一个surprising的“Combo ×2”给我，连预期之内的表单也没有显示&br&&img src=&/fc69cc50a045ed_b.jpg& data-rawwidth=&640& data-rawheight=&480& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/fc69cc50a045ed_r.jpg&&&br&傻愣了几秒钟，正当我准备给确定键一个至少是四连击时，表单出现了！&br&这么激动的情况下我早已忘记吐槽 &b&后台程序在搜索数据时好歹在前台给个Loading或者waiting&/b& 的这码事，赶快查病历号啊。&br&&br&于是&b&凭着直觉，&/b&我给了表单一个优雅的&b&上滑手势&/b&，&br&我擦！&br&&img src=&/bc09ba37918_b.jpg& data-rawwidth=&640& data-rawheight=&480& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/bc09ba37918_r.jpg&&&br&在尝试给了一个“&b&按住鼠标左键从左上角往右下角拖动&/b&”的操作后，我确定这是一个&b&非常纯洁的Windows&/b&系统……&br&&img src=&/40e4b3c05d0aec1e7cae86a9_b.jpg& data-rawwidth=&640& data-rawheight=&480& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/40e4b3c05d0aec1e7cae86a9_r.jpg&&&br&罢，作为从小打电脑游戏出身的我来说，我有着丰富的Windows PC操作经验，我确信&b&拖动右侧的滚动条&/b&一定是一个可行的解决方案。&br&&img src=&/2fff87dd29abfd6ca698b1_b.jpg& data-rawwidth=&640& data-rawheight=&480& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/2fff87dd29abfd6ca698b1_r.jpg&&&br&按不到……就是按不到……&br&&img src=&/cfcd4aea827c4da33bc8fc_b.jpg& data-rawwidth=&640& data-rawheight=&480& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/cfcd4aea827c4da33bc8fc_r.jpg&&&br&而如果你&b&不慎真的击中了“滚动条”&/b&，那它则会以“&b&1秒钟给你滚完&/b&”的速度……扫到表单底部……&br&&img src=&/dc09ab59a75ed_b.jpg& data-rawwidth=&640& data-rawheight=&480& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/dc09ab59a75ed_r.jpg&&&br&在确信这&b&几乎是一个不可能的任务&/b&之后……我深吸一口气：“没事，不是还有上下两个按钮嘛”&br&&br&按不到……按不到……&br&按到了！（&b&哧溜滑到底&/b&…………）&br&&img src=&/11ed4aa471254_b.jpg& data-rawwidth=&640& data-rawheight=&480& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/11ed4aa471254_r.jpg&&&br&按不到……按不到……&br&按到了！（&b&哧溜滑到顶&/b&…………）&br&&img src=&/2d29cb3f359241ddea7bd16d54d46e10_b.jpg& data-rawwidth=&640& data-rawheight=&480& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/2d29cb3f359241ddea7bd16d54d46e10_r.jpg&&&br&当然，作为从小打电脑游戏出身的我来说……&br&&br&我最后还是查到了病历号
(╯°Д°)╯︵ ┻━┻&br&&br&&br&在我之后，我又目睹了一位妹子使用该机器查询病历号的全过程&br&她几乎&b&重现了我出现过的所有可用性问题&/b&，包括：&br&&ul&&li&在第一次点击按钮无效后表示困惑&/li&&li&输入字母困难&/li&&li&习惯性的使用滑动操纵触摸屏&/li&&li&无法操控滚动条&/li&&/ul&幸运的是，她的姓名首字母缩写搜索结果刚好只有&b&两页不到&/b&的表单，（而我的则有至少&b&十页之多&/b&）所以她很快便找到了她的名字。&br&&img src=&/0ffe8b9cde4b1_b.jpg& data-rawwidth=&640& data-rawheight=&480& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/0ffe8b9cde4b1_r.jpg&&&br&&br&对于这样美好的经历，我……（＃@％…&&（“&b&作业有着落了&/b&”）&br&&br&最后，仅以一个优雅的“返回”，结束我这次的用户体验分析作业 ╮(╯▽╰)╭&br&&img src=&/4db0cf21b8bdec_b.jpg& data-rawwidth=&640& data-rawheight=&480& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/4db0cf21b8bdec_r.jpg&&&br&Thanks for watching!&br&&br&Hux
无意翻到以前做过的一个作业：『生活中你不满意的用户体验』。今天恰好看到此题，就贴上来好了～（刚才图都没传成功……知乎啊知乎……）《记一次“校医院神秘机器”的使用经历》近日咽喉不适，还感风寒，用户体验分析的作业也不知道该写什么，于是心情低落…
&b&评价个屁。&/b&&br&&br&阿里一直不够重视 WP 用户不对是相当不重视就算新支付宝设计得还行但是功能阉割80%。进阿里第一天我就拿着 Lumia 920 试了我厂各种 webApp，几乎全军覆没。我问师兄：“咦我们不需要兼容下 WP 么？” ，师兄的脸笑开了花。&br&&br&在升级 8.1 后我发现我自己的 side-project 大都可以直接兼容 Mobile IE 了，试了下团队里的网页，虽然因为 touchEvent 的问题还是不能达到“可用”，但是显示上都是可以兼容的了。可以说 Mobile IE 实现私有-webkit- 特性让步很大了。&br&&br&至于这次的“封杀”，我自己用 UA 测试后发现没有刻意封杀。&b&我倾向于 “阿里的前端们甚至都不知道 WP 之前能够成功兼容他们的网页”，然后在这次的“启动画面”中无意使用到了 IE11 不兼容的特性，应该算是个 Bug。&/b&&br&&br&&br&&br&利益相关：去啊前端
评价个屁。阿里一直不够重视 WP 用户不对是相当不重视就算新支付宝设计得还行但是功能阉割80%。进阿里第一天我就拿着 Lumia 920 试了我厂各种 webApp，几乎全军覆没。我问师兄：“咦我们不需要兼容下 WP 么？” ，师兄的脸笑开了花。在升级 8.1 后我发现我…
和前女友 100 天纪念日时给她写了个小网站：&br&&br&&a href=&///?target=http%3A///kk/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&100 Days with KK&i class=&icon-external&&&/i&&/a&&br&&br&不知道算不算。&br&&br&&br&---------罪恶的分割线--------&br&&br&呐，你们也发现了，上面写得是前女友。&br&但是现女友不让我删掉这个答案……&br&&br&所以各位点赞的大大们，为了洗清我的罪孽，求求你们去点这个的赞吧： &a href=&/question//answer/& class=&internal&&必应 (Bing) 是个好搜索引擎吗？ - 黄玄的回答&/a&&br&&br&&br&---------普通的分割线--------&br&&br&关于怎么做的：&br&&br&其实就是基本的前端技术（网页技术）：&br&需要学习一些 HTML、CSS 就足已完成一个类似的网页，&br&当时为了保证兼容性也基本没有使用 JavaScript 或者 CSS3 效果，&br&稍微进阶一点点的就是使用了&b&响应式设计&/b&来保证在各个平台都有比较好的效果。
和前女友 100 天纪念日时给她写了个小网站：不知道算不算。---------罪恶的分割线--------呐，你们也发现了，上面写得是前女友。但是现女友不让我删掉这个答案……所以各位点赞的大大们，为了洗清我的罪孽，求求你们去点这个的赞吧：
先说名字。内部刚公布&b&「去啊」&/b&这个新名字的时候，大家可以说是一片叫衰：&br&&ul&&li&“这什么名字啊！Logo也好丑！”&/li&&li&“为什么要这么像 &b&去哪儿 &/b&啊！这样怎么打自己的品牌！”&/li&&li&“还不如不改呢！淘宝旅行挺好啊……”&/li&&li&“这还不如飞猪呢！”&/li&&/ul&&br&我自己也一时没想明白，只是跟着大家一起吐槽：我了个去啊 &％……＊）&br&&br&&b&可是没想到，发布会当天，「去啊」就迅速得被玩坏了：&/b&&br&&img src=&/1ac5a5feeefda8_b.jpg& data-rawwidth=&440& data-rawheight=&247& class=&origin_image zh-lightbox-thumb& width=&440& data-original=&/1ac5a5feeefda8_r.jpg&&&img src=&/64eecab4ad9_b.jpg& data-rawwidth=&440& data-rawheight=&289& class=&origin_image zh-lightbox-thumb& width=&440& data-original=&/64eecab4ad9_r.jpg&&&img src=&/e66fbea10d367d79d1eeaaee237a83a4_b.jpg& data-rawwidth=&440& data-rawheight=&261& class=&origin_image zh-lightbox-thumb& width=&440& data-original=&/e66fbea10d367d79d1eeaaee237a83a4_r.jpg&&&img src=&/a87c0351f5ba_b.jpg& data-rawwidth=&440& data-rawheight=&285& class=&origin_image zh-lightbox-thumb& width=&440& data-original=&/a87c0351f5ba_r.jpg&&&img src=&/493cb2ed1e4bba1ccee178_b.jpg& data-rawwidth=&440& data-rawheight=&550& class=&origin_image zh-lightbox-thumb& width=&440& data-original=&/493cb2ed1e4bba1ccee178_r.jpg&&&img src=&/c2d481cfefd15d_b.jpg& data-rawwidth=&440& data-rawheight=&297& class=&origin_image zh-lightbox-thumb& width=&440& data-original=&/c2d481cfefd15d_r.jpg&&&br&没错，各个旅行产品都迅速跟进，在微博乃至整个互联网上刮起了一场“去啊”风暴：&br&&img src=&/9a8da9bdc456fc5d52025_b.jpg& data-rawwidth=&603& data-rawheight=&126& class=&origin_image zh-lightbox-thumb& width=&603& data-original=&/9a8da9bdc456fc5d52025_r.jpg&&&br&只能感叹自己没有广告人的基因：&br&&br&&b&「这简直是一场完美的病毒营销。」&/b&&br&&br&诙谐，好记，接地气，就连&b&妈妈&/b&都在睡前给我发了句：&b&「去啊！去睡啦！」&/b&&br&这让我不得不感叹一个好名字的魔力：去哪儿的成功有相当一部分源自于一个好名字，而去啊则借机玩了个营销上的翻身战。&br&（当然，业务上能否翻身，就拭目以待了。）&br&&br&&b&再来说说 Logo：&/b&&br&&img src=&/8cefc6cf606b1214ae2ffee268ff750d_b.jpg& data-rawwidth=&599& data-rawheight=&294& class=&origin_image zh-lightbox-thumb& width=&599& data-original=&/8cefc6cf606b1214ae2ffee268ff750d_r.jpg&&（来自 微博@你丫才美工）&br&&br&玩笑归玩笑，不过 Logo 确实言简意赅：&br&&br&大的形就是中文汉字「去啊」，很好辨认。而分开来看：&br&&ul&&li&&b&「去」字，形似一个扶摇直上一滚烟尘的飞机&/b&，既象征着航旅行业最重要的机票业务，也寄托着集团对去啊旅行一扫低迷、业务蒸蒸日上的希冀。&br&&/li&&li&&b&「啊」字，形似地图街道与熟悉的地理位置标记&/b&，象征着基于地理位置（LBS）的旅游服务将被重视，意在推动在线旅游行业&b&从销售向服务升级&/b&。&br&&/li&&/ul&&br&而这也真是 「去啊旅行 5.0」客户端改版的背后思想：&br&&ul&&li&从购买到服务，满足消费者个性化需求&br&&/li&&li&打造一站式、一条龙服务的旅游工具化平台&/li&&/ul&&br&所以其实这个Logo表达得也算贴切。&br&&b&至于好不好看，我个人觉得视觉上是有提升空间的……&/b&&br&&br&&br&（PS：最后定下来的正式名字是：&b&阿里旅行·去啊 &/b&）&br&&img src=&/9fa7d48c81aed6f966114ba_b.jpg& data-rawwidth=&449& data-rawheight=&209& class=&origin_image zh-lightbox-thumb& width=&449& data-original=&/9fa7d48c81aed6f966114ba_r.jpg&&&br&&br&以上。&br&利益相关：去啊！前端！（扔出了一个精灵球…）
先说名字。内部刚公布「去啊」这个新名字的时候，大家可以说是一片叫衰：“这什么名字啊！Logo也好丑！”“为什么要这么像 去哪儿 啊！这样怎么打自己的品牌！”“还不如不改呢！淘宝旅行挺好啊……”“这还不如飞猪呢！”我自己也一时没想明白，只是跟着大…
使用 iCloud 版 Keynote
使用 iCloud 版 Keynote
补个刀。问题描述中的这个 YunOS 官方视频，&b&居然一直都只有标清版的&/b&！！！&br&（阿里的运营泥们在想什么啊。我一直以为是 youku 的超清编码比较慢）&br&&br&顺便，找到了一个实际操作视频：&br&&a href=&///?target=http%3A///v_show/id_XODA3NDE5ODEy.html%3Ffrom%3Dy1.2-1-105.3.2-2.1-1-1-1& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&好玩的卡片桌面&i class=&icon-external&&&/i&&/a&&br&&br&可以看到：&br&&ul&&li&对图标向上滑动唤起卡片的这个操作，真是跟 MIUI V5 的音乐图标&b&一模一样&/b&啊！&/li&&/ul&------------------原答案-------------------&br&我我我先吐个槽啊，怎么感觉这个什么“卡片式风格”，就是一堆 &b&「统一了样式的widgets」&/b&？？&br&&br&然后 YunOS 把这些 widgets 放到了一个更高的优先级上单拿了出来？&br&（猜的啊，就一玄玄乎乎的宣传片连操作视频都没有）&br&&br&&ul&&li&卡片卡片卡片 —— WebOS （哎呀怎么名字都好像……）&br&&/li&&li&图标显示信息 —— LiveTile ？ （Windows Phone）&br&&/li&&li&图标唤起卡片 —— 我记得 MIUI V5 的音乐图标做过 ？&br&&/li&&li&可展开卡片流 —— BlinkFeed（Sense）？Google Now ？&br&&/li&&ul&&li&看了
&a data-hash=&797cd37c474b0aef8cb9& href=&///people/797cd37c474b0aef8cb9& class=&member_mention& data-editable=&true& data-title=&@NovaDNG& data-tip=&p$t$797cd37c474b0aef8cb9& data-hovercard=&p$b$797cd37c474b0aef8cb9&&@NovaDNG&/a& 答案，的确更像 &b&Nokia X 里面代替 Recent 的 Fastlane&/b&&/li&&/ul&&li&不同尺寸卡片 —— 我还是觉得像 widgets ……（Android）&br&&/li&&/ul&&br&而且而且，这些卡片怎么看也不像是可以兼容 Android Apps 的对吧…&br&所以你一个市占率 & 0.1% 的系统…凭什么指望开发者专门给你做这些什么卡片……？&br&&br&另外，这个 卡片&图标 的设计，&b&既割裂了应用与卡片这两个场景，又没有告诉用户该如何区分何时使用何者&/b&。这绝对只会使这个操作系统的逻辑更加混乱。&br&&br&PS ：其实，如果 YunOS 的目标是“更好用的手机”……那么 “独立操作系统” 还是 “深度定制的Android” 这个争议就暂时没那么重要了……你首先得把交互做到让人理解吧。&br&&br&……&br&……&br&喂我好像不应该这么吐槽我厂操作系统……&br&&br&……&br&……&br&&b&卧槽，以后不会要给 YunOS 做卡片吧！！&/b&
补个刀。问题描述中的这个 YunOS 官方视频，居然一直都只有标清版的！！！（阿里的运营泥们在想什么啊。我一直以为是 youku 的超清编码比较慢）顺便，找到了一个实际操作视频：可以看到：对图标向上滑动唤起卡片的这个操作，真是跟 MIUI V5 …
&b&嘴上说不要，身体却很诚实嘛&/b&&br&&br&&br&另外，值得一提的是：&b&10月20号 YunOS 3.0 新品发布会&/b&。&br&咦，居然差了一天。&br&&br&------- 10.21 update ------&br&&br&&a href=&/question/& class=&internal&&如何评价基于 YunOS 的 Flyme ？&/a&&br&&br&啧啧啧啧啧，&br&两个发布会离这么近果然有猫腻！&br&&br&&br&------ 10.21 update --------&br&&br&居然有直播！ &a href=&///?target=http%3A///meizu1021& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&魅族阿里巴巴战略合作发布会&i class=&icon-external&&&/i&&/a&&br&&br&居然是
&a data-hash=&29c46bb90cbd& href=&///people/29c46bb90cbd& class=&member_mention& data-editable=&true& data-title=&@李楠& data-hovercard=&p$b$29c46bb90cbd&&@李楠&/a& 演讲……哈哈哈哈。
嘴上说不要，身体却很诚实嘛另外，值得一提的是：10月20号 YunOS 3.0 新品发布会。咦，居然差了一天。------- 10.21 update ------啧啧啧啧啧，两个发布会离这么近果然有猫腻！------ 10.21 update --------居然有直播！
&b&根据你的产品特点，进行两种不同的设计，&/b&&br&&b&根据你的设计需求，选择合适的技术方案&/b&。&br&&br&&b&A与B不是硬币的正反面，它们为了解决同一个问题而生，它们是同一种思想的延伸。&/b&&br&&br&&blockquote&移动和桌面设计的差别远不止是布局问题。只要有足够的编程量，这些差别是可以通过响应式设计来解决的。事实上，你可以认为如果一种设计不能兼顾两种平台的主要差别，就不能算是合格的响应式设计。但是，如果确实想要处理好平台间的所有差异，我们就回到了原点：进行两种不同的设计。&br&&br&——《Mobile Usability》（《贴心设计 打造高可用性的移动产品》）&/blockquote&&br&&br&其实无论是什么解决方案，我们先来看看我们想要解决的问题：&br&&br&&b&“屏幕尺寸越来越多，不同设备的交互特质也有着巨大的差别，我们希望我们的网站能够在移动手机、平板、桌面电脑，在键鼠、触摸、无障碍设备上都有优秀的用户体验。所以，我们需要网站的用户界面在不同的平台上有所不同。”&/b&&br&&br&&br&那怎么做呢，一个解决方案应运而生：&br&&br&&ul&&li&&b&响应式设计 (Responsive Web design)&/b&&/li&&/ul&&b&狭义上&/b&，我们把&b&主要依靠前端 CSS&/b& （包括 Media Query 媒体查询，百分比流式布局，网格与Typography系统……）来对各种屏幕尺寸进行响应的做法，称之为响应式布局，又称作自适应网页设计，或者弹性设计。&br&&br&这种主要依靠CSS的方案有很多优点，比如：&br&&ul&&ul&&li&设计元素很容易被复用，设计成本低&/li&&li&前端只需要维护一套CSS代码，&b&维护成本&/b&低&/li&&li&桌面端与移动端的设计十分接近，令用户感到“熟悉”&/li&&li&不需要任何服务器端的支持&/li&&li&与业务耦合程度低，复用程度高（ 以至于 Bootstrap、Foundation 等一干框架都跟进了这个解决方案 ）&/li&&/ul&&/ul&但问题也很明显，比如：&br&&ul&&ul&&li&设计需求复杂时，前端的&b&开发成本&/b&没有任何减轻&/li&&li&无论是针对桌面还是移动的CSS代码（甚至图片资源文件）都会被同等的下载到客户端（&b&没有考虑移动端的网络优化&/b&）&/li&&li&如果JS不写两套，桌面端的交互和移动端的交互很难针对平台作出差异&/li&&/ul&&/ul&&br&&br&如果&b&你的&/b&&b&移动用户对网站所有的功能和内容有着与桌面用户同等的需求&/b&，比如 新闻、报纸（媒体类）网站，或者活动、专题页等 &b&偏重信息传达而轻交互 &/b&的网站，那么这个解决方案其实恰到好处：&br&&b&触摸屏优化（胖手指）、减少次要信息…… 这些通过 CSS 解决就够了。&/b&&br&&br&&br&&b&但是，如果我想要做更多的 「移动化设计」，比如 减少信息层级、增强手势操作、让网页更接近一个Native App ？&/b&&br&&br&好吧，为了更复杂的需求，为了我们的网站能更牛逼的 &b&「响应」&/b& 各个平台，&br&又有了这些解决方案：&br&&br&&br&&ul&&li&&b&服务器端（后端）：&/b&&br&&/li&&ul&&li&RESS （Responsive Web Design with Server Side Components）通过服务器端组件的响应式网页设计&/li&&/ul&&/ul&提倡 RESS 的人认为：基于前端 CSS 的响应式方案只是一种妥协：&br&&b&“ UI 只是在很被动的进行「调整」，而不能真正达到各个平台的最优。好的设计应该达到「这个设备该有的体验」（Device Experiences）。 ”&/b&&br&&blockquote&&b&Device Experiences ：&/b&A
device experience is defined by how a device is most commonly used and the technical capabilities or limitations it possesses.&/blockquote&RESS 的本质还是服务器端动态的生成，返回
HTML、JS、CSS、图像等资源文件，但是只使用同一个 URL 就可以提供给移动端定制化更强的网页，同时还大大节省了网络资源。&br&&br&&br&&ul&&li&&b&前端&/b&（主要是JS），比如：&br&&/li&&ul&&li&在 JavaScript 中实现两套逻辑，分别兼容键鼠、触摸设备&/li&&li&通过 UA、特性检测 在前端做设备判断，对资源进行异步加载，渲染不同模版&/li&&li&通过 特性检测 在前端做设备判断，使用不同的业务逻辑&/li&&li&前端的模块化也可以帮助解决这个问题，比如针对不同的平台加载不同的模块&/li&&li&……&/li&&/ul&&/ul&&br&&br&这下，我们的网站可以更牛逼的 &b&“响应”&/b& 各个平台了。&br&（对，我还是称之为响应：这的确还是在&b&“响应”&/b&啊 ，不是吗？）&br&&br&&br&&b&但是等下……&/b&&br&后端开发成本上去了，前端开发成本也上去了，配合着估计产品、设计资源也都上去了，&b&那我们为什么不干脆把 移动设备网站 和 桌面设备网站 分开呢！？&/b&&br&&br&&br&是啊，如果你的需求真的都到这一步了，你的移动网站也应该可以被称作 WebApp 了。&b&这种时候，把移动设备网站彻底分开或许真的是更好的选择。&/b&&br&&br&开发资源如此充足，你还可以让专门的团队来维护移动端的网站。&br&（嗯，BAT 就是这么干的）&br&&br&于是又一个概念来了：&br&&br&&ul&&li&&b&独立的移动版网站&/b& （按题主的话来说：手机和PC端分开来写）&/li&&/ul&不过，它有那么独立么？&br&我们知道，我们访问网站是通过 URL 来访问的。&br&将移动网站 和 桌面网站 分开，如果不使用 RESS 技术，往往也就意味着要维护两个URL（不同的二级域名）&br&难道我们要让所有桌面用户自觉访问 &a href=&///?target=http%3A//& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a& ，所有 移动用户 都自觉访问 &a href=&///?target=http%3A//& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a& ？&br&&br&不可能吧 ＝ ＝。&br&&br&于是，我们还是得依靠前端或服务器端的一次 &b&“响应”&/b&（设备检测），做 URL 重定向，才能将不同设备的用户带到那个为他们准备的网站。&br&&br&&br&&br&&b&所以其实在我看来，手机和PC端分开来写，只是 狭义响应式设计 的一种发展和延伸罢了。他们的界限没有，也并不需要那么清晰。&/b&&br&&br&就如开题所引用的：&br&&blockquote&&b&事实上，你可以认为如果一种设计不能兼顾两种平台的主要差别，就不能算是合格的响应式设计。&/b&&/blockquote&&b&“而无论是用什么解决方案。” —— 这句是我补的。&/b&&br&&br&&br&&br&&br&故我的结论是：&br&&br&&b&这不是一个二选一的问题，而是选择一个合适的度&/b&（你的桌面版本代码与移动版本代码分离、耦合的程度）&br&&br&而这个度，则是由你的设计需求决定的。&br&而我们的需求原点其实也很简单：&br&&br& “&b&根据你的产品特点，进行两种不同的设计&/b&”。&br&&br&&br&以上。
根据你的产品特点，进行两种不同的设计，根据你的设计需求，选择合适的技术方案。A与B不是硬币的正反面，它们为了解决同一个问题而生，它们是同一种思想的延伸。移动和桌面设计的差别远不止是布局问题。只要有足够的编程量，这些差别是可以通过响应式设计来…
&a href=&///?target=http%3A///subject/6387053/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&C# 4.0图解教程 (豆瓣)&i class=&icon-external&&&/i&&/a&
怎么都介绍不清楚……&br&&br&折叠我吧
怎么都介绍不清楚……折叠我吧
把回答问题的干货部分提前（10.2 update） -------&br&&br&&b&一言以蔽之，优先级。&/b&&br&这个优先级并不是由谁或者哪个Boss定的，而是&b&长期的市场竞争和业务需求下的结果&/b&&br&&br&&ul&&li&&b&为什么企鹅家的App用户体验较好？&/b&&br&&/li&&/ul&&br&企鹅家的主力产品，QQ、微信、QQ音乐、QQ空间 等，多是IM（即时通讯）、SNS（社交网络）、数字娱乐 等形态的产品。&br&&br&&b&这类产品往往必须「直接依靠优秀的产品服务与用户体验」来赢得用户。&/b&&br&&br&如果这点做不好，产品就无法在竞争中脱颖而出。这也使得在企鹅内部，&b&围绕这部分的要求，需求，反馈 &/b&&b&都一定最多，使得企鹅不得不把这部分做好&/b&。&br&&br&&ul&&li&&b&那为什么阿里系的App用户体验较差？&/b&&/li&&/ul&&br&阿里系的主力产品，从1688、淘宝、再到支付宝、天猫、淘宝旅行、淘点点、一淘、旺旺，要么是电商类产品，要么就是电商类的延伸产品。&br&&br&而这类产品的核心竞争力（或者说要做好的难处），往往在&b&「如何与实体经济，甚至政府 打交道」、&/b&&b&「如何做好运营」，&/b&而非优秀的用户体验。&br&&br&应该说，阿里从来都不是不重视用户体验，这两年更是愈发重视。但是因为身处这样的市场环境，&b&阿里必须先完成这些优先级更高的需求（海量的业务，运营需求）以抢占市场，&/b&&br&这才导致阿里内部无法有太多精力focus到客户端体验上。&br&&br&&br&&br&上面就算基本回答了题主的问题，&br&不过，知乎惯例，多说几句：&br&&br&&b&其实，上面的答案，也可以说这都是说辞。&/b&&br&&br&在我刚刚加入阿里的时候，我也一度纳闷甚至郁闷这个事。直到我开始接触更多的项目，我才能逐渐理解「为什么会这样」。&br&&br&&b&但是，这并不足以成为借口。&/b&&br&&b&该不该改？ 当然该改。&/b&&br&&br&我相信几乎所有阿里人，尤其UED，肯定都不希望这样。&br&只能说，这需要阿里投入更多的人、更多的时间、更多的努力来做好&br&&br&&br&&br&以上。&br&&br&利益相关：&br&阿里员工&br&&br&&br&-------
原答案 水部分 -------&br&&br&&br&看不下去原排名第一的答案（已删），怒答一下。&br&&b&首先，我完全同意 “阿里系的软件体验都不好” 。&/b&&br&&br&但是让我很奇怪的是，为什么@苏安 的答案居然能在第一位？：&br&&blockquote&当时我解释了ruby,rails,heroku,mr, wp, markdown...除了hadoop的mr, 其它的面试官一概不了解, 甚至连wordpress, ror这样几乎尽人皆知的技术，都没听过。&/blockquote&&b&WordPress, Ruby on Rails, Markdown ? &/b&&br&&b&这跟 题主所问的软件体验 有什么关系。&/b&&br&&br&的确，健壮的后端当然能带来更好的用户体验。&br&&b&但是题主问的显然是客户端的用户体验，淘宝的服务器又不是天天「提了个问题 」。&/b&&br&反而，阿里一向以后端技术闻名，我也没看微软、Google、Facebook 的大牛们来吐槽阿里的技术落后。&br&&br&&blockquote&再来说下，他们做的软件体验为什么不好？十几年前跟随马云创业的阿里的那波老员工，大多毕业于二流学校(马云先生于在北京大学阿里技术论坛上亲口说的)，本身水准就不高，现在阿里起来了，瞬间草鸡变凤凰，他们care的也许不是技术，而是股票分红吧。呵呵，等那帮老家伙退下去了，也许就好了。&br&---&br&补充下，之所以这样讲，是因为终面把关的往往都是一些老家伙。这些老家伙往往问的都是一些一大坨简历中的无关痛痒的一丢丢。&/blockquote&这个就更好笑了，你还能轮得到那群老员工来面你？？&br&校招的终面，基本在p7-p9之间，多是一些中坚层的团队主管。&br&&br&&b&另外，终面也不是谈论技术细节的时候，终面看人。&/b&
------- 把回答问题的干货部分提前（10.2 update） -------一言以蔽之，优先级。这个优先级并不是由谁或者哪个Boss定的，而是长期的市场竞争和业务需求下的结果为什么企鹅家的App用户体验较好？企鹅家的主力产品，QQ、微信、QQ音乐、QQ空间 等，多是IM（即…
欢迎报考 &br&&b&中国传媒大学 动画与数字艺术学院 动画专业&/b&&br&&br&如果想看看水平的话，可以上网搜一下&br&《我的师傅姜子牙》
欢迎报考 中国传媒大学 动画与数字艺术学院 动画专业如果想看看水平的话，可以上网搜一下《我的师傅姜子牙》
已有帐号？
无法登录？
社交帐号登录