淘宝UED上关于chrome的transition闪烁问题的解决方案

前段时间,有同事和会员反馈使用Chrome访问淘宝首页会出现画面闪动的现象,但是我在Mac和Win下面的Chrome都无法重现这个问题,后来重装了一遍Win7下的Chrome Beta版本,终于重现了这个问题,正好研究解决下… 问题主要集中于淘宝首页吊顶以及左侧服务栏处,鼠标移过整个页面会闪动一次,Refresh和Reopen无法重现,只有当首次打开淘宝首页才会出现… 问题重现: 如果想查看此问题请访问jsfiddler 问题定位: 我的第一感觉是鼠标移动时触发了某些JS,导致页面重新加载了一遍…

【转】淘宝UED上关于chrome的transition闪烁问题的解决方案

最近在用BetterScroll实现一个功能的时候,在滚动区域中会有一个绝对定位的按钮,结果在IOS中出现了快速滚动,停止的时候,会先消失后显现的问题,所以查找了相关的文章,发现是transition的问题,下面是转发的一篇介绍该问题的文章,作为记录,仅供参考. 作者:饶总真坏链接:https://www.cnblogs.com/raoyunxiao/p/4173254.html来源:博客园前段时间,有同事和会员反馈使用Chrome访问淘宝首页会出现画面闪动的现象,但是我在Mac和Win下面的…

使用jQuery和css3实现了仿淘宝ued博客左边的菜单切换动画

今天看到淘宝ued博客的左侧导航菜单的动画好,要使用jQuery和css3我做一个简单的示例,主要用途是实现jQuery 事件和css3 transition属性. 个元素来实现鼠标滑动到某个导航的背景效果,文字颜色也运用css3 transition 渐变的效果当鼠标滑动其它导航的时候.加背景的元素的top值也会随着变化,定位到当前的导航上,同一时候文字字体颜色也会跟着改变: 主要实现的html代码例如以下: <div class="menuBox"> <div…

淘宝ued - 前端智勇大闯关(第三季)答案(更新)

淘宝ued - 前端智勇大闯关(第三季)答案(更新) 下午在微博上看到了淘宝智勇大闯关第三季的信息,感觉挺有意思的,于是就尝试做了下.附上题目地址: http://ued.campus.alibaba.com/quiz3/index.php 也可到独立博客查看:前端智勇大闯关(第三季)答案第1题突破,带锁的门方法1 这题相对比较简单,查看源码即可看到提示信息: 1 <!-- 2 -==================================== 3 - 调用powder.blow(…

淘宝网站上的 HTTP 缓存问题两则

在阅读本文前推荐你先阅读我的前两篇文章< 扼杀 304,Cache-Control: immutable>和<关于缓存和 Chrome 的“新版刷新”>:下面要说的两个问题是在淘宝(包括天猫等等)任意主流页面中都存在的,所以你可以随便打开一个页面进行测试:这两个问题我去年在微博上都简单提到过,这里做一下梳理总结. 一. 部分图片文件始终 304,无法直接读取缓存淘宝网站上什么类型的请求最多?当然是图片了.拿淘宝首页举例,在 Chrome 的新标签页中先打开开发者工具,再打开淘宝首…

双飞翼布局介绍-始于淘宝UED

仔细分析各种布局的技术实现,可以发现下面三种技术被经常使用: 浮动 float 负边距 negative margin 相对定位 relative position 这是实现布局的三个最基本的原子技术.只要巧妙组合,并加以灵活运用,就能“拼”出各种布局的实现方案. 尝试之路考虑以下DOM结构: <div id="page"> <div id="hd"></div> <div id…

Android仿淘宝继续上拉进入商品详情页的效果，使用双Fragment动画切换；

仿淘宝继续上拉进入商品详情页的效果,双Fragment实现: 动画效果: slide_above_in.xml <?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android"> <translate android:fromYDelta="-100%p" a…

仿淘宝头像上传功能（三）——兼容 IE6 浏览器。

前两篇目录: 仿淘宝头像上传功能(一)——前端篇. 仿淘宝头像上传功能(二)——程序篇. 仿淘宝头像上传功能(三)——兼容 IE6 浏览器之前的这两篇虽然实现了功能,但不兼容低版本浏览器,而且有些浏览器还会死机,所以现在重新做了个新的. 现已在 IE6,IE10,IE11,谷歌测试通过. 这次使用了这两个插件: Jquery:1.11.2 上图文件插件:ajaxFileUpload 裁剪插件:imgAreaSelect 1.文件上传需要使用到 file 表单,但 file 表单样式太难看,需要…

淘宝付邮试用Chrome桌面提醒插件（含源码）

淘宝付邮试用每天都会推出10元邮费试用的商品,有些对自己还是有用的.试用一下还不错,关键是便宜.不过,有些商家也抓住了买家贪便宜的特点,推出廉价垃圾商品.这里,大家还是慧眼识别了.每天浏览这些商品会很累,于是做了这个助手插件,帮我筛选我想要的商品.例如:可以选择洗发水,原价大于40的. 如上设置后,插件会在后台运行,每10分钟抓取一次淘宝数据,并在后台筛选后显示桌面提醒.这样,就不会错过你想要试用的宝贝了. 默认的桌面提醒窗口就是这样的简洁: 当然如果我们勾选显示大图的话,会显示商品的大图片:…

逛园子，看到个练习题，小试了一把(淘宝ued的两道小题)

闲来无事,逛园子,充充电.发现了一个挺有意思的博文,自己玩了一把. 第一题:使用 HTML+CSS 实现如图布局,border-widht 1px,一个格子大小是 60*60,hover时候边框变为橘红色(兼容IE6+,考虑语义化的结构) 效果图: 简单分析一下: 使用伪类 :hover的时候相对定位改变z-index, 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset=&…

转载淘宝UED响应十日谈

响应式十日谈:楔子响应式十日谈第一日:使用 rem 设置文字大小…

(转)从P1到P7——我在淘宝这7年

(一) 2011-12-08 [原文链接] 今天有同事恭喜我,我才知道自己在淘宝已经七周年了.很多人第一句话就是七年痒不痒,老实说,也曾经痒过,但往往都是一痒而过,又投入到水深火热的工作中去.回家之后就想这七年我到底收获了什么,且不论成败与否,这7年的经历,是我人生的宝贵财富. 第一年: '正牌七公'曾经说过,要是写一本淘宝的历史书,一定很多人感兴趣,其实我也很想写写这样一本书.2004年12月8日入职的时候,我和'衲子如幻'一起进来,迎接我的是骆冰和岳旭强 ,骆冰是百阿的班主任,岳旭强是我的师…

淘宝web前端开发岗面试经历及感悟

今天下午四点接到淘宝UED的面试电话,很突然,很激动.现在怀着淡淡的忧伤为之文以志一下. 1.自我介绍一下. 我xx时候毕业,在xx公司任xx职务,主要负责xx balabala.(怕公司同事听到,接电话的功夫从公司楼道往上爬了两层,紧张,心砰砰的,思路不清晰,讲话不流畅) 2.说一说你这些工作里面,工作难度比较大或者你觉得很有挑战性的地方. 我觉得比较有挑战性的是做过的一个...xx balabala. (还是紧张,讲话不顺畅,并且说着说着我突然感觉,这些东西也没啥技术含量,就是dom操作+a…

淘宝前端工程师：国内WEB前端开发十日谈

一直想写这篇"十日谈",聊聊我对Web前端开发的体会,顺便解答下周围不少人的困惑和迷惘.我不打算聊太多技术,我想,通过技术的历练,得到的反思应当更重要. 我一直认为自己是"初级"前端开发工程师,一方面我入道尚浅,只有短短几年,另一方面我自知对技术的钻研并不深入,可能是由于环境的原因,当然最重要的是,我幸运的参与到互联网崛起的浪潮之巅.时势造就了一批技能薄弱但备受追捧的"弄潮者",这在很大程度上影响我们对"技术本质"的洞察力,多…

淘宝SKU组合查询算法实现

淘宝SKU组合查询算法实现 2015-11-14 16:18 1140人阅读评论(0) 收藏举报分类: JavaScript(14) 目录(?)[+] 前端有多少事情可以做,能做到多好.一直在关注各大公司UED方面的知识,他们也代表了前端的力量,而且也很乐意和大家分享,把应用到项目的知识归类整理,再写成博客搬到网上来,充实这前端的内容,也是为想追寻和学习的人提供了场所,为想接触到一些前沿的知识提供了去处,感谢有这么一群人.大的科技公司基本都有自己的前端部门或团队,在网上也能看到…

淘宝三角做法防CSS2D转换

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-…

从P1到P7——我在淘宝这7年（转）

作者: 赵超发布时间: 2012-02-25 14:47 阅读: 114607 次推荐: 153 [收藏] (一) 2011-12-08 [原文链接] 今天有同事恭喜我,我才知道自己在淘宝已经七周年了.很多人第一句话就是七年痒不痒,老实说,也曾经痒过,但往往都是一痒而过,又投入到水深火热的工作中去.回家之后就想这七年我到底收获了什么,且不论成败与否,这7年的经历,是我人生的宝贵财富. 第一年: '正牌七公'曾经说过,要是写一本淘宝的历史书,一定很多人感兴趣,其实我也很想写写这样一本…

【转】淘宝技术牛p博客整理

转自:http://blog.csdn.NET/zdp072/article/details/19574793 淘宝技术委员会是由淘宝技术部高级技术人员组成的一个组织,共分为Java分会.C/C++分会.算法分会:数据分会:UED分会.测试分会.系统分会七个分会.淘宝技术委员会的愿景是淘宝成为技术人才向往的乐土,高级技术人员的发源地:技术委员会的使命是帮助淘宝建立业界一流的技术团队.同时,技术委员会也是技术人员间交流技术和想法的一个平台. 淘宝技术博客: 数据分会淘宝DBA http://ww…

从P1到P7——我在淘宝这7年 - 子柳撰写

http://kb.cnblogs.com/page/132752/来自博客园的整理版本,作者是子柳,博客地址:http://blog.sina.com.cn/calvinzhaoc (一) 2011-12-08 [原文链接] 今天有同事恭喜我,我才知道自己在淘宝已经七周年了.很多人第一句话就是七年痒不痒,老实说,也曾经痒过,但往往都是一痒而过,又投入到水深火热的工作中去.回家之后就想这七年我到底收获了什么,且不论成败与否,这7年的经历,是我人生的宝贵财富. 第一年: '正牌七公'曾经说过,要是…

双飞翼布局介绍-始于淘宝UED-2011年淘宝玉伯写的

仔细分析各种布局的技术实现,可以发现下面三种技术被经常使用: 浮动 float 负边距 negative margin 相对定位 relative position 这是实现布局的三个最基本的原子技术.只要巧妙组合,并加以灵活运用,就能"拼"出各种布局的实现方案. 尝试之路考虑以下DOM结构: <div id="page"> <div id="hd"></div> <div id="bd&quo…

淘宝UWP中的100个为什么

从淘宝UWP第一版发布到现在,已经有十个月了,期间收到了用户各种各样的反馈,感谢这些用户的反馈,指导我们不断的修正.完善应用.但是也有一部分需求或建议,由于资源或技术的限制,目前确实无法做到,只能对广大Win10er说声抱歉了.下面针对几种用户常提到的反馈做下说明. 为什么在某某版本上,我无法运行淘宝UWP Windows RS2,与以前一样,有快速推送,慢速推送.有些用户愿意试新,选择了快速推送,比如最近的14905.但是,在Windows Insider快速推送的说明中,明确说明了快速推送可…