前端常用方法（1）

最新推荐文章于 2024-10-02 05:39:15 发布

念旧不及爱自由

最新推荐文章于 2024-10-02 05:39:15 发布

阅读量76

点赞数

分类专栏： JS 文章标签： javascript

本文链接：https://blog.csdn.net/WishZJ/article/details/110919190

版权

JS 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

1.js实现屏幕自适应

var winWidth = window.innerWidth || document.body.clientWidth;
  if (winWidth >= 720) {
    document.documentElement.style.fontSize = '100px';
  } else {
    document.documentElement.style.fontSize = winWidth / 750 * 100 + 'px';
  }

2.判断pc还是移动

isMobile: function () {
        var flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)
        return flag;
      }

3.快速实现检查数据类型

function checkDat(tgt, type_input) {
    const type = Object.prototype.toString.call(tgt).replace(/\[object (\w+)\]/, "$1").toLowerCase();
    return type_input ? type === type_input : type;
}

console.log(checkDat("test")); // "string"
console.log(checkDat(1)); // "number"
console.log(checkDat(true)); // "boolean"
console.log(checkDat([], "array")); // true
console.log(checkDat({}, "array")); // false

4.url后动态拼接参数

function urlParams(url, params) {
    let result = '';
	if (url.includes("?")) {
		for (let item in params) {
			if (params[item]) {
				result += `&${item}=${params[item]}`;
			}
		}
	} else {
		result += "?"
		    for (let item in params) {
				if (params[item]) {
					result += `&${item}=${params[item]}`;
				}
			}
	}
		return url + result;
}
let params = {
	name: 'zj',
	value: '1',
}
console.log(urlParams('www.baidu.com', params));