2024年前端最新工作中常用的JavaScript工具函数，阿里珍藏版前端框架体系架构手写文档

本文链接：https://blog.csdn.net/2401_84617873/article/details/138516052

计算机网络

HTTP 缓存
你知道 302 状态码是什么嘛？你平时浏览网页的过程中遇到过哪些 302 的场景？
HTTP 常用的请求方式，区别和用途？
HTTPS 是什么？具体流程
三次握手和四次挥手
你对 TCP 滑动窗口有了解嘛？
WebSocket与Ajax的区别
了解 WebSocket 嘛？
HTTP 如何实现长连接？在什么时候会超时？
TCP 如何保证有效传输及拥塞控制原理。
TCP 协议怎么保证可靠的，UDP 为什么不可靠？

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

算法

链表
字符串
数组问题
二叉树
排序算法
二分查找
动态规划
BFS
栈
DFS
回溯算法

==========

function formatCss(s) {

//格式化代码

s = s.replace(/\s*([{}:;,])\s*/g, “$1”);

s = s.replace(/;\s*;/g, “;”); //清除连续分号

s = s.replace(/,[\s.#\d]*{/g, “{”);

s = s.replace(/([^\s]){([\s])/g, “$1 {\n\t$2”);

s = s.replace(/([^\s])}([\n]*)/g, “$1\n}\n$2”);

s = s.replace(/([^\s])😭[\s}])/g, “$1;\n\t$2”);

return s;

}

获取cookie值

=========

function getCookie(name) {

var arr = document.cookie.match(new RegExp(“(^| )” + name + “=([^;]*)(;|$)”));

if (arr != null) return unescape(arr[2]);

return null;

}

获得URL中GET参数值

============

// 用法：如果地址是 test.htm?t1=1&t2=2&t3=3, 那么能取得：GET[“t1”], GET[“t2”], GET[“t3”]

function getGet() {

querystr = window.location.href.split(“?”);

if (querystr[1]) {

GETs = querystr[1].split(“&”);

GET = [];

for (i = 0; i < GETs.length; i++) {

tmp_arr = GETs.split(“=”);

key = tmp_arr[0];

GET[key] = tmp_arr[1];

}

return querystr[1];

}

获取移动设备初始化大小

===========

function getInitZoom() {

if (!this._initZoom) {

var screenWidth = Math.min(screen.height, screen.width);

if (this.isAndroidMobileDevice() && !this.isNewChromeOnAndroid()) {

screenWidth = screenWidth / window.devicePixelRatio;

}

this._initZoom = screenWidth / document.body.offsetWidth;

}

return this._initZoom;

}

获取页面高度

======

function getPageHeight() {

var g = document,

a = g.body,

f = g.documentElement,

d = g.compatMode == “BackCompat” ? a : g.documentElement;

return Math.max(f.scrollHeight, a.scrollHeight, d.clientHeight);

}

获取页面scrollLeft

==============

function getPageScrollLeft() {

var a = document;

return a.documentElement.scrollLeft || a.body.scrollLeft;

}

获取页面scrollTop

=============

function getPageScrollTop() {

var a = document;

return a.documentElement.scrollTop || a.body.scrollTop;

}

获取页面可视高度

========

function getPageViewHeight() {

var d = document,

a = d.compatMode == “BackCompat” ? d.body : d.documentElement;

return a.clientHeight;

}

获取页面可视宽度

========

function getPageViewWidth() {

var d = document,

a = d.compatMode == “BackCompat” ? d.body : d.documentElement;

return a.clientWidth;

}

获取页面宽度

======

function getPageWidth() {

var g = document,

a = g.body,

f = g.documentElement,

d = g.compatMode == “BackCompat” ? a : g.documentElement;

return Math.max(f.scrollWidth, a.scrollWidth, d.clientWidth);

}

获取移动设备屏幕宽度

==========

function getScreenWidth() {

var smallerSide = Math.min(screen.width, screen.height);

var fixViewPortsExperiment =

rendererModel.runningExperiments.FixViewport ||

rendererModel.runningExperiments.fixviewport;

var fixViewPortsExperimentRunning =

fixViewPortsExperiment && fixViewPortsExperiment.toLowerCase() === “new”;

if (fixViewPortsExperiment) {

if (this.isAndroidMobileDevice() && !this.isNewChromeOnAndroid()) {

smallerSide = smallerSide / window.devicePixelRatio;

}

return smallerSide;

}

获取网页被卷去的位置

==========

function getScrollXY() {

return document.body.scrollTop

? {

x: document.body.scrollLeft,

y: document.body.scrollTop

}

{

x: document.documentElement.scrollLeft,

y: document.documentElement.scrollTop

};

}

获取URL上的参数

=========

// 获取URL中的某参数值,不区分大小写

// 获取URL中的某参数值,不区分大小写,

// 默认是取’hash’里的参数，

// 如果传其他参数支持取‘search’中的参数

// @param {String} name 参数名称

export function getUrlParam(name, type = “hash”) {

let newName = name,

reg = new RegExp(“(^|&)” + newName + “=([^&]*)(&|$)”, “i”),

paramHash = window.location.hash.split(“?”)[1] || “”,

paramSearch = window.location.search.split(“?”)[1] || “”,

param;

type === “hash” ? (param = paramHash) : (param = paramSearch);

let result = param.match(reg);

if (result != null) {

return result[2].split(“/”)[0];

}

return null;

}

检验URL链接是否有效

===========

function getUrlState(URL) {

var xmlhttp = new ActiveXObject(“microsoft.xmlhttp”);

xmlhttp.Open(“GET”, URL, false);

try {

xmlhttp.Send();

} catch (e) {

} finally {

var result = xmlhttp.responseText;

if (result) {

if (xmlhttp.Status == 200) {

return true;

} else {

return false;

}

} else {

return false;

}

获取窗体可见范围的宽与高

============

function getViewSize() {

var de = document.documentElement;

var db = document.body;

var viewW = de.clientWidth == 0 ? db.clientWidth : de.clientWidth;

var viewH = de.clientHeight == 0 ? db.clientHeight : de.clientHeight;

return Array(viewW, viewH);

}

获取移动设备最大化大小

===========

function getZoom() {

var screenWidth =

Math.abs(window.orientation) === 90

? Math.max(screen.height, screen.width)

Math.min(screen.height, screen.width);

if (this.isAndroidMobileDevice() && !this.isNewChromeOnAndroid()) {

screenWidth = screenWidth / window.devicePixelRatio;

}

var FixViewPortsExperiment =

rendererModel.runningExperiments.FixViewport ||

rendererModel.runningExperiments.fixviewport;

var FixViewPortsExperimentRunning =

FixViewPortsExperiment &&

(FixViewPortsExperiment === “New” || FixViewPortsExperiment === “new”);

if (FixViewPortsExperimentRunning) {

return screenWidth / window.innerWidth;

} else {

return screenWidth / document.body.offsetWidth;

}

判断是否安卓移动设备访问

============

function isAndroidMobileDevice() {

return /android/i.test(navigator.userAgent.toLowerCase());

}

判断是否苹果移动设备访问

============

function isAppleMobileDevice() {

return /iphone|ipod|ipad|Macintosh/i.test(navigator.userAgent.toLowerCase());

}

判断是否为数字类型

=========

function isDigit(value) {

var patrn = /¹*$/;

if (patrn.exec(value) == null || value == “”) {

return false;

} else {

return true;

}

是否是某类手机型号

=========

// 用devicePixelRatio和分辨率判断

const isIphonex = () => {

// X XS, XS Max, XR

const xSeriesConfig = [

{

devicePixelRatio: 3,

width: 375,

height: 812

{

devicePixelRatio: 3,

width: 414,

height: 896

{

devicePixelRatio: 2,

width: 414,

height: 896

}

];

// h5

if (typeof window !== “undefined” && window) {

const isIOS = /iphone/gi.test(window.navigator.userAgent);

if (!isIOS) return false;

const { devicePixelRatio, screen } = window;

const { width, height } = screen;

return xSeriesConfig.some(

item =>

item.devicePixelRatio === devicePixelRatio &&

item.width === width &&

item.height === height

);

}

return false;

};

判断是否移动设备

========

function isMobile() {

if (typeof this._isMobile === “boolean”) {

return this._isMobile;

}

var screenWidth = this.getScreenWidth();

var fixViewPortsExperiment =

rendererModel.runningExperiments.FixViewport ||

rendererModel.runningExperiments.fixviewport;

var fixViewPortsExperimentRunning =

fixViewPortsExperiment && fixViewPortsExperiment.toLowerCase() === “new”;

if (!fixViewPortsExperiment) {

if (!this.isAppleMobileDevice()) {

screenWidth = screenWidth / window.devicePixelRatio;

}

var isMobileScreenSize = screenWidth < 600;

var isMobileUserAgent = false;

this._isMobile = isMobileScreenSize && this.isTouchScreen();

return this._isMobile;

}

判断吗是否手机号码

=========

function isMobileNumber(e) {

var i =

“134,135,136,137,138,139,150,151,152,157,158,159,187,188,147,182,183,184,178”,

n = “130,131,132,155,156,185,186,145,176”,

a = “133,153,180,181,189,177,173,170”,

o = e || “”,

r = o.substring(0, 3),

d = o.substring(0, 4),

s =

!!/^1\d{10}$/.test(o) &&

(n.indexOf® >= 0

? “联通”

a.indexOf® >= 0

? “电信”

“1349” == d

? “电信”

i.indexOf® >= 0

? “移动”

“未知”);

return s;

}

判断是否是移动设备访问

===========

function isMobileUserAgent() {

return /iphone|ipod|android.*mobile|windows.*phone|blackberry.*mobile/i.test(

window.navigator.userAgent.toLowerCase()

);

}

判断鼠标是否移出事件

==========

function isMouseOut(e, handler) {

if (e.type !== “mouseout”) {

return false;

}

var reltg = e.relatedTarget

? e.relatedTarget

e.type === “mouseout”

? e.toElement

e.fromElement;

while (reltg && reltg !== handler) {

reltg = reltg.parentNode;

}

return reltg !== handler;

}

判断是否Touch屏幕

===========

function isTouchScreen() {

return (

“ontouchstart” in window ||

(window.DocumentTouch && document instanceof DocumentTouch)

);

}

判断是否为网址

=======

function isURL(strUrl) {

var regular = /^\b(((https?|ftp)😕/)?[-a-z0-9]+(.[-a-z0-9]+).(?:com|edu|gov|int|mil|net|org|biz|info|name|museum|asia|coop|aero|[a-z][a-z]|((25[0-5])|(2[0-4]\d)|(1\d\d)|([1-9]\d)|\d))\b(/[-a-z0-9_😡&?=+,.!/~%$])?)$/i;

if (regular.test(strUrl)) {

return true;

} else {

return false;

}

判断是否打开视窗

========

function isViewportOpen() {

return !!document.getElementById(“wixMobileViewport”);

}

加载样式文件

======

function loadStyle(url) {

try {

document.createStyleSheet(url);

} catch (e) {

var cssLink = document.createElement(“link”);

cssLink.rel = “stylesheet”;

cssLink.type = “text/css”;

cssLink.href = url;

var head = document.getElementsByTagName(“head”)[0];

head.appendChild(cssLink);

}

替换地址栏

=====

function locationReplace(url) {

if (history.replaceState) {

history.replaceState(null, document.title, url);

history.go(0);

} else {

location.replace(url);

}

解决offsetX兼容性问题

==============

// 针对火狐不支持offsetX/Y

function getOffset(e) {

var target = e.target, // 当前触发的目标对象

eventCoord,

pageCoord,

offsetCoord;

// 计算当前触发元素到文档的距离

pageCoord = getPageCoord(target);

// 计算光标到文档的距离

eventCoord = {

X: window.pageXOffset + e.clientX,

Y: window.pageYOffset + e.clientY

};

// 相减获取光标到第一个定位的父元素的坐标

offsetCoord = {

X: eventCoord.X - pageCoord.X,

Y: eventCoord.Y - pageCoord.Y

};

return offsetCoord;

}

function getPageCoord(element) {

var coord = { X: 0, Y: 0 };

// 计算从当前触发元素到根节点为止，

// 各级 offsetParent 元素的 offsetLeft 或 offsetTop 值之和

while (element) {

coord.X += element.offsetLeft;

coord.Y += element.offsetTop;

element = element.offsetParent;

}

return coord;

}

打开一个窗体通用方法

==========

function openWindow(url, windowName, width, height) {

var x = parseInt(screen.width / 2.0) - width / 2.0;

var y = parseInt(screen.height / 2.0) - height / 2.0;

var isMSIE = navigator.appName == “Microsoft Internet Explorer”;

if (isMSIE) {

var p = “resizable=1,location=no,scrollbars=no,width=”;

p = p + width;

p = p + “,height=”;

p = p + height;

p = p + “,left=”;

p = p + x;

p = p + “,top=”;

p = p + y;

retval = window.open(url, windowName, p);

} else {

var win = window.open(

url,

“ZyiisPopup”,

“top=” +

y +

“,left=” +

x +

“,scrollbars=” +

scrollbars +

“,dialog=yes,modal=yes,width=” +

width +

“,height=” +

height +

“,resizable=no”

);

eval(“try { win.resizeTo(width, height); } catch(e) { }”);

win.focus();

}

将键值对拼接成URL带参数

=============

export default const fnParams2Url = obj=> {

let aUrl = []

let fnAdd = function(key, value) {

return key + ‘=’ + value

}

for (var k in obj) {

aUrl.push(fnAdd(k, obj[k]))

}

return encodeURIComponent(aUrl.join(‘&’))

}

去掉url前缀

=======

function removeUrlPrefix(a) {

a = a

.replace(/：/g, “:”)

.replace(/．/g, “.”)

.replace(/／/g, “/”);

while (

trim(a)

.toLowerCase()

.indexOf(“http://”) == 0

) {

a = trim(a.replace(/http:///i, “”));

}

return a;

}

替换全部

====

String.prototype.replaceAll = function(s1, s2) {

return this.replace(new RegExp(s1, “gm”), s2);

};

resize的操作

=========

(function() {

var fn = function() {

var w = document.documentElement

? document.documentElement.clientWidth

document.body.clientWidth,

r = 1255,

b = Element.extend(document.body),

classname = b.className;

if (w < r) {

//当窗体的宽度小于1255的时候执行相应的操作

} else {

//当窗体的宽度大于1255的时候执行相应的操作

}

};

if (window.addEventListener) {

window.addEventListener(“resize”, function() {

fn();

});

} else if (window.attachEvent) {

window.attachEvent(“onresize”, function() {

fn();

});

}

fn();

})();

滚动到顶部

=====

// 使用document.documentElement.scrollTop 或 document.body.scrollTop 获取到顶部的距离，从顶部

// 滚动一小部分距离。使用window.requestAnimationFrame()来滚动。

// @example

// scrollToTop();

function scrollToTop() {

var c = document.documentElement.scrollTop || document.body.scrollTop;

if (c > 0) {

window.requestAnimationFrame(scrollToTop);

window.scrollTo(0, c - c / 8);

}

设置cookie值

=========

function setCookie(name, value, Hours) {

var d = new Date();

var offset = 8;

var utc = d.getTime() + d.getTimezoneOffset() * 60000;

var nd = utc + 3600000 * offset;

var exp = new Date(nd);

exp.setTime(exp.getTime() + Hours * 60 * 60 * 1000);

document.cookie =

name +

“=” +

escape(value) +

“;path=/;expires=” +

exp.toGMTString() +

“;domain=360doc.com;”;

}

设为首页

====

function setHomepage() {

if (document.all) {

document.body.style.behavior = “url(#default#homepage)”;

document.body.setHomePage(“http://w3cboy.com”);

} else if (window.sidebar) {

if (window.netscape) {

try {

netscape.security.PrivilegeManager.enablePrivilege(

“UniversalXPConnect”

);

} catch (e) {

alert(

“该操作被浏览器拒绝，如果想启用该功能，请在地址栏内输入 about:config,然后将项 signed.applets.codebase_principal_support 值该为true”

);

}

var prefs = Components.classes[

“@mozilla.org/preferences-service;1”

].getService(Components.interfaces.nsIPrefBranch);

prefs.setCharPref(“browser.startup.homepage”, “http://w3cboy.com”);

}

按字母排序，对每行进行数组排序

===============

function setSort() {

var text = K1.value

.split(/[\r\n]/)

.sort()

.join(“\r\n”); //顺序

var test = K1.value

.split(/[\r\n]/)

.sort()

.reverse()

.join(“\r\n”); //反序

K1.value = K1.value != text ? text : test;

}

延时执行

====

// 比如 sleep(1000) 意味着等待1000毫秒，还可从 Promise、Generator、Async/Await 等角度实现。

// Promise

const sleep = time => {

return new Promise(resolve => setTimeout(resolve, time));

};

sleep(1000).then(() => {

console.log(1);

});

// Generator

function* sleepGenerator(time) {

yield new Promise(function(resolve, reject) {

setTimeout(resolve, time);

});

}

sleepGenerator(1000)

.next()

.value.then(() => {

console.log(1);

});

//async

function sleep(time) {

return new Promise(resolve => setTimeout(resolve, time));

}

async function output() {

let out = await sleep(1000);

console.log(1);

return out;

}

output();

function sleep(callback, time) {

if (typeof callback === “function”) {

setTimeout(callback, time);

}

function output() {

console.log(1);

}

sleep(output, 1000);

判断是否以某个字符串开头

============

String.prototype.startWith = function(s) {

return this.indexOf(s) == 0;

};

清除脚本内容

======

function stripscript(s) {

return s.replace(/<script.?>.?</script>/gi, “”);

}

时间个性化输出功能

=========

1、< 60s, 显示为“刚刚”

2、>= 1min && < 60 min, 显示与当前时间差“XX分钟前”

3、>= 60min && < 1day, 显示与当前时间差“今天 XX:XX”

4、>= 1day && < 1year, 显示日期“XX月XX日 XX:XX”

5、>= 1year, 显示具体日期“XXXX年XX月XX日 XX:XX”

function timeFormat(time) {

var date = new Date(time),

curDate = new Date(),

year = date.getFullYear(),

month = date.getMonth() + 10,

day = date.getDate(),

hour = date.getHours(),

minute = date.getMinutes(),

curYear = curDate.getFullYear(),

curHour = curDate.getHours(),

timeStr;

if (year < curYear) {

timeStr = year + “年” + month + “月” + day + "日 " + hour + “:” + minute;

} else {

var pastTime = curDate - date,

pastH = pastTime / 3600000;

if (pastH > curHour) {

timeStr = month + “月” + day + "日 " + hour + “:” + minute;

} else if (pastH >= 1) {

timeStr = "今天 " + hour + “:” + minute + “分”;

} else {

var pastM = curDate.getMinutes() - minute;

if (pastM > 1) {

timeStr = pastM + “分钟前”;

} else {

timeStr = “刚刚”;

}

return timeStr;

}

全角转换为半角函数

=========

function toCDB(str) {

var result = “”;

for (var i = 0; i < str.length; i++) {

code = str.charCodeAt(i);

if (code >= 65281 && code <= 65374) {

result += String.fromCharCode(str.charCodeAt(i) - 65248);

} else if (code == 12288) {

result += String.fromCharCode(str.charCodeAt(i) - 12288 + 32);

} else {

result += str.charAt(i);

}

return result;

}

半角转换为全角函数

=========

function toDBC(str) {

var result = “”;

for (var i = 0; i < str.length; i++) {

code = str.charCodeAt(i);

if (code >= 33 && code <= 126) {

result += String.fromCharCode(str.charCodeAt(i) + 65248);

} else if (code == 32) {

result += String.fromCharCode(str.charCodeAt(i) + 12288 - 32);

} else {

result += str.charAt(i);

}

return result;

}

金额大写转换函数

========

function transform(tranvalue) {

try {

var i = 1;

var dw2 = new Array(“”, “万”, “亿”); //大单位

var dw1 = new Array(“拾”, “佰”, “仟”); //小单位

var dw = new Array(

“零”,

“壹”,

“贰”,

“叁”,

“肆”,

“伍”,

“陆”,

“柒”,

“捌”,

“玖”

);

//整数部分用

//以下是小写转换成大写显示在合计大写的文本框中

//分离整数与小数

var source = splits(tranvalue);

var num = source[0];

var dig = source[1];

//转换整数部分

var k1 = 0; //计小单位

var k2 = 0; //计大单位

var sum = 0;

var str = “”;

var len = source[0].length; //整数的长度

for (i = 1; i <= len; i++) {

var n = source[0].charAt(len - i); //取得某个位数上的数字

var bn = 0;

if (len - i - 1 >= 0) {

bn = source[0].charAt(len - i - 1); //取得某个位数前一位上的数字

}

sum = sum + Number(n);

if (sum != 0) {

str = dw[Number(n)].concat(str); //取得该数字对应的大写数字，并插入到str字符串的前面

if (n == “0”) sum = 0;

}

if (len - i - 1 >= 0) {

//在数字范围内

if (k1 != 3) {

//加小单位

if (bn != 0) {

str = dw1[k1].concat(str);

}

k1++;

} else {

//不加小单位，加大单位

k1 = 0;

var temp = str.charAt(0);

if (temp == “万” || temp == “亿”)

//若大单位前没有数字则舍去大单位

str = str.substr(1, str.length - 1);

str = dw2[k2].concat(str);

sum = 0;

}

if (k1 == 3) {

//小单位到千则大单位进一

k2++;

}

//转换小数部分

var strdig = “”;

if (dig != “”) {

var n = dig.charAt(0);

if (n != 0) {

strdig += dw[Number(n)] + “角”; //加数字

}

var n = dig.charAt(1);

if (n != 0) {

strdig += dw[Number(n)] + “分”; //加数字

}

str += “元” + strdig;

} catch (e) {

return “0元”;

}

return str;

}

//拆分整数与小数

function splits(tranvalue) {

var value = new Array(“”, “”);

temp = tranvalue.split(“.”);

for (var i = 0; i < temp.length; i++) {

value = temp;

}

return value;

}

清除空格

====

String.prototype.trim = function() {

var reExtraSpace = /^\s*(.*?)\s+$/;

return this.replace(reExtraSpace, “$1”);

};

// 清除左空格

function ltrim(s) {

return s.replace(/^(\s*|　*)/, “”);

}

// 清除右空格

function rtrim(s) {

return s.replace(/(\s*|　*)$/, “”);

}

随机数时间戳

======

function uniqueId() {

var a = Math.random,

b = parseInt;

return (

Number(new Date()).toString() + b(10 * a()) + b(10 * a()) + b(10 * a())

);

}

实现utf8解码

========

function utf8_decode(str_data) {

var tmp_arr = [],

i = 0,

ac = 0,

c1 = 0,

c2 = 0,

c3 = 0;

str_data += “”;

while (i < str_data.length) {

c1 = str_data.charCodeAt(i);

if (c1 < 128) {

tmp_arr[ac++] = String.fromCharCode(c1);

i++;

} else if (c1 > 191 && c1 < 224) {

c2 = str_data.charCodeAt(i + 1);

tmp_arr[ac++] = String.fromCharCode(((c1 & 31) << 6) | (c2 & 63));

i += 2;

} else {

c2 = str_data.charCodeAt(i + 1);

c3 = str_data.charCodeAt(i + 2);

tmp_arr[ac++] = String.fromCharCode(

((c1 & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63)

);

i += 3;

}

return tmp_arr.join(“”);

}

以下是Puxiao投稿推荐的几个函数，用作常见的输入值校验和替换操作，主要针对中国大陆地区的校验规则：

校验是否为一个数字，以及该数字小数点位数是否与参数floats一致

=================================

校验规则：

若参数floats有值，则校验该数字小数点后的位数。
若参数floats没有值，则仅仅校验是否为数字。

function isNum(value,floats=null){

let regexp = new RegExp(^[1-9][0-9]*.[0-9]{${floats}}$|^0.[0-9]{${floats}}$);

return typeof value === ‘number’ && floats?regexp.test(String(value)):true;

}

function anysicIntLength(minLength,maxLength){

let result_str = ‘’;

if(minLength){

switch(maxLength){

case undefined:

result_str = result_str.concat({${minLength-1}});

break;

case null:

result_str = result_str.concat({${minLength-1},});

break;

default:

result_str = result_str.concat({${minLength-1},${maxLength-1}});

}

}else{

result_str = result_str.concat(‘*’);

}

return result_str;

}

校验是否为非零的正整数

===========

function isInt(value,minLength=null,maxLength=undefined){

if(!isNum(value)) return false;

let regexp = new RegExp(^-?[1-9][0-9]${anysicIntLength(minLength,maxLength)}$);

return regexp.test(value.toString());

}

校验是否为非零的正整数

===========

function isPInt(value,minLength=null,maxLength=undefined) {

if(!isNum(value)) return false;

let regexp = new RegExp(^[1-9][0-9]${anysicIntLength(minLength,maxLength)}$);

return regexp.test(value.toString());

}

校验是否为非零的负整数

===========

function isNInt(value,minLength=null,maxLength=undefined){

if(!isNum(value)) return false;

let regexp = new RegExp(^-[1-9][0-9]${anysicIntLength(minLength,maxLength)}$);

return regexp.test(value.toString());

}

校验整数是否在取值范围内

============

校验规则：

minInt为在取值范围中最小的整数
maxInt为在取值范围中最大的整数

function checkIntRange(value,minInt,maxInt=9007199254740991){

return Boolean(isInt(value) && (Boolean(minInt!=undefined && minInt!=null)?value>=minInt:true) && (value<=maxInt));

}

校验是否为中国大陆手机号

============

function isTel(value) {

return /^1[3,4,5,6,7,8,9][0-9]{9}$/.test(value.toString());

}

校验是否为中国大陆传真或固定电话号码

==================

function isFax(str) {

return /^([0-9]{3,4})?[0-9]{7,8} $^([0-9]{3,4}-)?[0-9]{7,8}$ /.test(str);

}

校验是否为邮箱地址

=========

function isEmail(str) {

return /²+@[a-zA-Z0-9_-]+(.[a-zA-Z0-9_-]+)+$/.test(str);

}

校验是否为QQ号码

=========

校验规则：

非0开头的5位-13位整数

function isQQ(value) {

return /³[0-9]{4,12}$/.test(value.toString());

}

校验是否为网址

=======

校验规则：

以https://、http://、ftp://、rtsp://、mms://开头、或者没有这些开头
可以没有www开头(或其他二级域名)，仅域名
网页地址中允许出现/%*?@&等其他允许的符号

计算机网络

HTTP 缓存
你知道 302 状态码是什么嘛？你平时浏览网页的过程中遇到过哪些 302 的场景？
HTTP 常用的请求方式，区别和用途？
HTTPS 是什么？具体流程
三次握手和四次挥手
你对 TCP 滑动窗口有了解嘛？
WebSocket与Ajax的区别
了解 WebSocket 嘛？
HTTP 如何实现长连接？在什么时候会超时？
TCP 如何保证有效传输及拥塞控制原理。
TCP 协议怎么保证可靠的，UDP 为什么不可靠？

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

算法

链表
字符串
数组问题
二叉树
排序算法
二分查找
动态规划
BFS
栈
DFS
回溯算法

0-9 ↩︎
a-zA-Z0-9_- ↩︎
1-9 ↩︎