use-on-demand
Version:
143 lines • 5.96 kB
JavaScript
/**
* 参考资料：https://www.runoob.com/w3cnote/js-get-url-param.html
*/
export function xX_getQueryField(key, likeQuery // 如果外部没有传入，则取默认值
) {
var query = likeQuery !== null && likeQuery !== void 0 ? likeQuery : window.location.search.substring(1);
var vars = query.split('&');
for (var i = 0; i < vars.length; i++) {
var pair = vars[i].split('=');
if (pair[0] == key) {
return pair[1];
}
}
return undefined;
}
export function xX_getFullQueryObj() {
var theRequest = {};
var url = location.search; // 获取url中"?"符后的字串
if (url.indexOf('?') != -1) {
var str = url.substr(1);
var strs = str.split('&');
for (var i = 0; i < strs.length; i++) {
theRequest[strs[i].split('=')[0]] = unescape(strs[i].split('=')[1]);
}
}
return theRequest;
}
/**
* 【WebView】中，location.replace存在兼容性问题！
*/
export function xX_fixbug_locationReplace(url) {
if (history.replaceState) {
history.replaceState(null, document.title, url);
history.go(0);
}
else {
location.replace(url);
}
}
/**
* 通过【Url+时间戳】，来实现【防止缓存】。
*/
export function xX_checkHtmlVersion() {
// 获取query参数
var Request = xX_getFullQueryObj();
var key = Request.random;
var originQuerySeq = Object.entries(Request).map(function (entry) {
return "&" + entry[0] + "=" + entry[1]; // 拼接，有两种方式。这里用第二种。（第一种，join('&')）
});
var otherQuery = "" + originQuerySeq.join('');
var duration = 5 * (60 * 1000);
/**
* 此处，关于【页面跳转】，已经踩了不少坑。
* 1. window.location.href 会增加一条历史记录，这样有时用户体验会不好。出于这个考虑，意图更换为 replace
* 2. 个别安卓机型，replace方法仍然会 产生【历史记录】；所以，采用StackoverFlow上的 方法，来进行Polyfill。
* 3. 但是，因为有些安卓机型 微信内置浏览器，replace会永远携带 只读取缓存。所以replace方法，又重新被放弃。
*
*
*/
if (!key) {
// FIXME 已修复Bug：现在新增random字段时，不再覆盖现有的query值。
console.log('没有时间戳，为页面添加时间戳');
// alert(key);
var refreshTarget = "?random=" + new Date().getTime() + otherQuery; // 跳转
window.location.href = refreshTarget; // 策略一，会产生一条历史记录
// window.location.replace(refreshTarget); // 策略二，不会产生历史记录
// xX_fixbug_locationReplace(refreshTarget);
}
else {
// TIP 如果超过了5分钟，则自动进行一次新的【replace】。
var ts = parseInt(key);
var now = new Date().valueOf();
console.log('有时间戳', ts);
if (now - ts > duration) {
console.log('已超时');
var refreshTarget = ("?" + otherQuery.substring(1)).replace(/random=\d+/, "random=" + now); // 跳转 // TODO 此处，必定有一个【 ?random 】，所以不用担心query为空的问题。
window.location.href = refreshTarget;
// window.location.replace(refreshTarget);
// xX_fixbug_locationReplace(refreshTarget);
}
else {
console.log('未超时');
// alert('未超时：' + window.location.href);
}
}
}
/**
* 平滑滚到某元素
* 1.方案A。
*/
export function xX_smoothJump(id) {
console.log('开始jump');
var dom = document.querySelector("#" + id);
if (dom) {
console.log('存在');
dom.scrollIntoView({
behavior: 'smooth',
block: 'start',
inline: 'start' // 默认 nearest
});
}
}
/**
* 平滑滚到某元素
* 1.方案B。
*/
export function xX_scrollToSmooth_methodB(element, to, duration) {
if (duration <= 0) {
return;
}
var difference = to - element.scrollTop;
var perTick = difference / duration * 10;
setTimeout(function () {
console.log(new Date());
element.scrollTop = element.scrollTop + perTick;
if (element.scrollTop === to) {
return;
}
xX_scrollToSmooth_methodB(element, to, duration - 10);
}, 10);
}
/**
* 在【当前网页的正中心位置】，打开一个新窗口
* 1.使用场景：
* 第三方登录，弹出新网页
*/
export function xX_openWindow(url, // 新窗口网页地址
title, // 标题
w, h) {
// Fixes dual-screen position Most browsers Firefox
var dualScreenLeft = window.screenLeft !== undefined ? window.screenLeft : screen.left;
var dualScreenTop = window.screenTop !== undefined ? window.screenTop : screen.top;
var width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width;
var height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height;
var left = ((width / 2) - (w / 2)) + dualScreenLeft;
var top = ((height / 2) - (h / 2)) + dualScreenTop;
var newWindow = window.open(url, title, 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, copyhistory=no, width=' + w + ', height=' + h + ', top=' + top + ', left=' + left);
// 新窗口中，焦点激活
if (!!window.focus) {
newWindow === null || newWindow === void 0 ? void 0 : newWindow.focus();
}
}
//# sourceMappingURL=url-location.js.map