Quantcast
Channel: URL –张鑫旭-鑫空间-鑫生活
Browsing all 12 articles
Browse latest View live

Image may be NSFW.
Clik here to view.

关于锚点跳转及jQuery下相关操作与插件

一、锚点跳转简介 锚点嘛,业余点的解释就是可以让页面定位到某个位置的点。在高度较高的页面中经常见到,例如,百度百科页面,《火影忍者》这个词条,结果就会看到如下的锚点列表: 点击其中一个链接,就会跳转到页面的相应位置。这就是锚点的作用之一。锚点还可以用在跳转到其他页面的相应位置,例如我的博客,点击博客首页文章下面的评论链接,则会跳转到文章的评论处。...

View Article



Image may be NSFW.
Clik here to view.

小tip: base64:URL背景图片与web页面性能优化

by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wordpress/?p=2341 一、base64百科 Base64是网络上最常见的用于传输8Bit字节代码的编码方式之一,可用于在HTTP环境下传递较长的标识信息。 某人: 唉,我彻底废柴了,为何上面明明是中文,洒家却看不懂嘞,为什么?~~...

View Article

Image may be NSFW.
Clik here to view.

URL锚点HTML定位技术机制、应用与问题

by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wordpress/?p=3591 一、锚点是什么 锚点就等同于火影中的“飞雷神之术”,我们先看百科中锚点的解释:...

View Article

JS获取上一访问页面URL地址document.referrer实践

但是最近做了一个移动端项目,是我第一次在正式项目中使用document.referrer,这里跟大家分享一下相关的实践。 场景是这样的,移动端无论是原生app还是传统的网页,返回上页是一个比较强烈的需求,几乎所有的内页都有这么一个返回上一页的按钮。大部分场景下,上面办法可以满足我们的交互需求,但是,在有些时候……

View Article

小tips: 页面链接跳转历史URL不记录的兼容处理

我们点击首页的“分类”进入分类页,然后分类页头部有个“男生”“女生”的频道切换,这两个都是直接的链接,如果就会带来这么一个问题,如果用户在“男生”“女生”的频道之间反复切换,则当我们点击左上角的返回按钮(如下图)的时候,就会发现点击很多次还是在“分类页”上,这其实是不符合用户预期的,正常的用户预期应该是点击左上角的返回按钮应该直接回到首页,而不是还在当前页过家家。...

View Article


iframe和HTML5 blob实现JS,CSS,HTML直接当前页预览

前端代码效果实时预览的需求实际上是非常常见的,传统做法是这样子的,会新建一个另外的独立页面,专门用来接收传入的前端代码,通过新开窗口或者嵌入iframe页面的方式达到最终效果,然而实际上,对于这个预览效果,如果代码是我们自己控制,而不是全权交给用户编辑的,是没有必要新建一个另外的预览页面,亦或者是在新窗口(新标签页)中浏览的。可以直接在当前页面构建一个文档上下文,实现更加方便快捷的预览。

View Article

Image may be NSFW.
Clik here to view.

JS URL()和URLSearchParams() API接口详细介绍

by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=8907 本文欢迎分享与聚合,全文转载就不必了,尊重版权,圈子就这么大,若急用可以联系授权。 一、先快速了解这两个API干嘛用的 以前我们要对地址栏中的URL地址进行分析处理,需要自己进行字符串分析,例如:...

View Article

Image may be NSFW.
Clik here to view.

快速了解window.name特性与作用

by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=8947 本文欢迎分享与聚合,全文转载就不必了,尊重版权,圈子就这么大,若急用可以联系授权。 一、所有浏览器都有个window.name window.name是一个所有浏览器都有的属性,表示浏览器窗口的名称,默认是一个空字符串,所有浏览器都是个空字符串。...

View Article


Image may be NSFW.
Clik here to view.

CSS值类型文档大全

by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=9058 本文欢迎分享与聚合,全文转载就不必了,尊重版权,圈子就这么大,若急用可以联系授权。 .css-type-h4,.css-type-ul{font-family:consolas,"Liberation Mono",courier,monospace;}...

View Article


Image may be NSFW.
Clik here to view.

如何使用JS把相对地址变成绝对地址?

by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=9227 本文欢迎分享与聚合,全文转载就不必了,尊重版权,圈子就这么大,若急用可以联系授权。 在实际项目开发的时候,可能会遇到这样的场景,知道一个相对地址,希望转换成绝对定位。例如: “/wordpress/?p=9227″ →...

View Article

Image may be NSFW.
Clik here to view.

如何实现页面刷新后不定位到之前的滚动位置?

by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10425 鑫空间-鑫生活 本文欢迎分享与聚合,全文转载就不必了,尊重版权,圈子就这么大,若急用可以联系授权。 一、浏览器默认行为 无论是哪个浏览器,都有这样一个体验细节。 那就是,如果浏览器不是强制刷新(Ctrl + F5),而是普通刷新(点击刷新按钮,或者按下 F5...

View Article

Image may be NSFW.
Clik here to view.

基于文字的URL锚点定位与::target-text样式设置

by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10447 鑫空间-鑫生活 本文欢迎分享与聚合,全文转载就不必了,尊重版权,圈子就这么大,若急用可以联系授权。 一、定位到页面中的某一句话 我们平常讨论的锚点定位都是基于元素的,URL 中通过 #someId 锚定的方式,让页面进入的时候,自动定位到对应的元素上。...

View Article
Browsing all 12 articles
Browse latest View live




Latest Images