React
-
介绍一下react
-
React单项数据流
-
react生命周期函数和react组件的生命周期
-
react和Vue的原理，区别，亮点，作用
-
reactJs的组件交流
-
有了解过react的虚拟DOM吗，虚拟DOM是怎么对比的呢
-
项目里用到了react，为什么要选择react，react有哪些好处
-
怎么获取真正的dom
-
选择react的原因
-
react的生命周期函数
-
setState之后的流程
-
react高阶组件知道吗？
-
React的jsx，函数式编程
-
react的组件是通过什么去判断是否刷新的
-
如何配置React-Router
-
路由的动态加载模块
-
Redux中间件是什么东西，接受几个参数
-
redux请求中间件如何处理并发
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
getUTCMinutes, getUTCMonth, getUTCSeconds, hasOwnProperty, join,
lastIndex, length, parse, prototype, push, replace, slice, stringify,
test, toJSON, toString, valueOf
*/
// Create a JSON object only if one does not already exist. We create the
// methods in a closure to avoid creating global variables.
if (typeof JSON !== “object”) {
JSON = {};
}
(function () {
“use strict”;
var rx_one = /1*$/;
var rx_two = /\(?:["\/bfnrt]|u[0-9a-fA-F]{4})/g;
var rx_three = /“[^”\\n\r]"|true|false|null|-?\d+(?:.\d)?(?:[eE][+-]?\d+)?/g;
var rx_four = /(?:^|:|,)(?:\s*[)+/g;
var rx_escapable = /[\"\u0000-\u001f\u007f-\u009f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g;
var rx_dangerous = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g;
function f(n) {
// Format integers to have at least two digits.
return n < 10
-
? “0” + n
- n;
}
function this_value() {
return this.valueOf();
}
if (typeof Date.prototype.toJSON !== “function”) {
Date.prototype.toJSON = function () {
return isFinite(this.valueOf())
? this.getUTCFullYear() + “-” +
f(this.getUTCMonth() + 1) + “-” +
f(this.getUTCDate()) + “T” +
f(this.getUTCHours()) + “:” +
f(this.getUTCMinutes()) + “:” +
-
f(this.getUTCSeconds()) + “Z”
- null;
};
Boolean.prototype.toJSON = this_value;
Number.prototype.toJSON = this_value;
String.prototype.toJSON = this_value;
}
var gap;
var indent;
var meta;
var rep;
function quote(string) {
// If the string contains no control characters, no quote characters, and no
// backslash characters, then we can safely slap some quotes around it.
// Otherwise we must also replace the offending characters with safe escape
// sequences.
rx_escapable.lastIndex = 0;
return rx_escapable.test(string)
? “”" + string.replace(rx_escapable, function (a) {
var c = meta[a];
return typeof c === “string”
-
? c
- “\u” + (“0000” + a.charCodeAt(0).toString(16)).slice(-4); }) + “”"
- “”" + string + “”";
}
function str(key, holder) {
// Produce a string from holder[key].
var i; // The loop counter.
var k; // The member key.
var v; // The member value.
var length;
var mind = gap;
var partial;
var value = holder[key];
// If the value has a toJSON method, call it to obtain a replacement value.
if (value && typeof value === “object” &&
typeof value.toJSON === “function”) {
value = value.toJSON(key);
}
// If we were called with a replacer function, then call the replacer to
// obtain a replacement value.
if (typeof rep === “function”) {
value = rep.call(holder, key, value);
}
// What happens next depends on the value’s type.
switch (typeof value) {
case “string”:
return quote(value);
case “number”:
// JSON numbers must be finite. Encode non-finite numbers as null.
return isFinite(value)
-
? String(value)
- “null”;
case “boolean”:
case “null”:
// If the value is a boolean or null, convert it to a string. Note:
// typeof null does not produce “null”. The case is included here in
// the remote chance that this gets fixed someday.
return String(value);
// If the type is “object”, we might be dealing with an object or an array or
// null.
case “object”:
// Due to a specification blunder in ECMAScript, typeof null is “object”,
// so watch out for that case.
if (!value) {
return “null”;
}
// Make an array to hold the partial results of stringifying this object value.
gap += indent;
partial = [];
// Is the value an array?
if (Object.prototype.toString.apply(value) === “[object Array]”) {
// The value is an array. Stringify every element. Use null as a placeholder
// for non-JSON values.
length = value.length;
for (i = 0; i < length; i += 1) {
partial[i] = str(i, value) || “null”;
}
// Join all of the elements together, separated with commas, and wrap them in
// brackets.
v = partial.length === 0
-
? “[]”
- gap ? “[\n” + gap + partial.join(“,\n” + gap) + “\n” + mind + “]”
- “[” + partial.join(“,”) + “]”;
gap = mind;
return v;
}
// If the replacer is an array, use it to select the members to be stringified.
if (rep && typeof rep === “object”) {
length = rep.length;
for (i = 0; i < length; i += 1) {
if (typeof rep[i] === “string”) {
k = rep[i];
v = str(k, value);
if (v) {
partial.push(quote(k) + (
gap
-
? ": "
- “:”
) + v);
}
}
}
} else {
// Otherwise, iterate through all of the keys in the object.
for (k in value) {
if (Object.prototype.hasOwnProperty.call(value, k)) {
v = str(k, value);
if (v) {
partial.push(quote(k) + (
gap
-
? ": "
- “:”
) + v);
}
}
}
}
// Join all of the member texts together, separated with commas,
// and wrap them in braces.
v = partial.length === 0
-
? “{}”
- gap ? “{\n” + gap + partial.join(“,\n” + gap) + “\n” + mind + “}”
- “{” + partial.join(“,”) + “}”;
gap = mind;
return v;
}
}
// If the JSON object does not yet have a stringify method, give it one.
if (typeof JSON.stringify !== “function”) {
meta = { // table of character substitutions
“\b”: “\b”,
“\t”: “\t”,
“\n”: “\n”,
“\f”: “\f”,
“\r”: “\r”,
“”“: “\””,
“\”: “\\”
};
JSON.stringify = function (value, replacer, space) {
// The stringify method takes a value and an optional replacer, and an optional
// space parameter, and returns a JSON text. The replacer can be a function
// that can replace values, or an array of strings that will select the keys.
// A default replacer method can be provided. Use of the space parameter can
// produce text that is more easily readable.
var i;
gap = “”;
indent = “”;
// If the space parameter is a number, make an indent string containing that
// many spaces.
if (typeof space === “number”) {
for (i = 0; i < space; i += 1) {
indent += " ";
}
// If the space parameter is a string, it will be used as the indent string.
} else if (typeof space === “string”) {
indent = space;
}
// If there is a replacer, it must be a function or an array.
// Otherwise, throw an error.
rep = replacer;
if (replacer && typeof replacer !== “function” &&
(typeof replacer !== “object” ||
typeof replacer.length !== “number”)) {
throw new Error(“JSON.stringify”);
}
// Make a fake root object containing our value under the key of “”.
// Return the result of stringifying the value.
return str(“”, {“”: value});
};
}
// If the JSON object does not yet have a parse method, give it one.
if (typeof JSON.parse !== “function”) {
JSON.parse = function (text, reviver) {
// The parse method takes a text and an optional reviver function, and returns
// a JavaScript value if the text is a valid JSON text.
var j;
function walk(holder, key) {
// The walk method is used to recursively walk the resulting structure so
// that modifications can be made.
var k;
var v;
var value = holder[key];
if (value && typeof value === “object”) {
for (k in value) {
if (Object.prototype.hasOwnProperty.call(value, k)) {
v = walk(value, k);
if (v !== undefined) {
value[k] = v;
} else {
delete value[k];
}
}
}
}
return reviver.call(holder, key, value);
}
最后
为了帮助大家更好的了解前端，特别整理了《前端工程师面试手册》电子稿文件。
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
],:{}\s ↩︎
