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

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

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

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

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

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

仿淘宝继续上拉进入商品详情页的效果,双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,IE10,IE11,谷歌测试通过. 这次使用了这两个插件: Jquery:1.11.2 上图文件插件:ajaxFileUpload 裁剪插件:imgAreaSelect 1.文件上传需要使用到 file 表单,但 file 表单样式太难看,需要…

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

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