“JS实例”目录存档
2017年02月15日,星期三
我们点击首页的“分类”进入分类页,然后分类页头部有个“男生”“女生”的频道切换,这两个都是直接的链接,如果就会带来这么一个问题,如果用户在“男生”“女生”的频道之间反复切换,则当我们点击左上角的返回按钮(如下图)的时候,就会发现点击很多次还是在“分类页”上,这其实是不符合用户预期的,正常的用户预期应该是点击左上角的返回按钮应该直接回到首页,而不是还在当前页过家家。
要实现思路并不难,就是“男生”“女生”频道切换的时候,URL地址不要进入历史URL记录堆栈,但如何实现同时保证各个浏览器都兼容是个问题,本文就将展示相关的实践,希望对大家的学习能够有所帮助。
阅读全文…
标签:hash, location, mobile web, referrer, replaceState, URL, web app
发布在 JS实例 | 28 条评论 »
2016年12月31日,星期六
最近做移动端项目,遇到个类似的需求,就是,在众多web浏览器中,当我们出现一个浮层,浮层里面也有滚动条的时候,且有部分背景半透明的时候,就会发现,当我们滚动浮层里面的小滚动条的时候,背后整个页面都跟着一起滚走了。
后来发现,要让后面的窗体不滚动还不是那么简单的……
阅读全文…
标签:mobile web, 滚动, 滚动条, 移动开发
发布在 JS实例 | 61 条评论 »
2016年06月4日,星期六
懒加载和本文要提到的预加载实际是不同的概念。
典型的懒加载,例如本博文章的图片,当用户滚动图片进入窗体的时候,才去加载;或者用户点击选项卡,原本隐藏的图片此时再去加载,这个也称之为懒加载。
而预加载则是,用户还没有行为发生,资源已经加载完毕,从这一定义来讲,我们传统图片啪啪啪全部加载完毕,本质上也是预加载,好处就在于,体验好啊,没有泛白或者菊花的出现。不足也很明显,那就是资源可能白白加载了。
那有什么办法可以把懒加载的省资源省流量和预加载良好体验结合在一起呢?
阅读全文…
标签:hover, prefetch, prefetcher, 滚动加载, 选项卡, 预加载
发布在 JS实例 | 24 条评论 »