剑指offer--JavaScript版,2024年最新字节跳动面试流程

if(!head){

return 0;

} else {

var arr = new Array();

var curr = head;

while(curr){

arr.push(curr.val);

curr = curr.next;

}

return arr.reverse();

}

}

  1. 输入某二叉树的前序遍历和中序遍历的结果,请重建出该二叉树。假设输入的前序遍历和中序遍历的结果中都不含重复的数字。例如输入前序遍历序列{1,2,4,7,3,5,6,8}和中序遍历序列{4,7,2,1,5,3,8,6},则重建二叉树并返回。

/* function TreeNode(x) {

this.val = x;

this.left = null;

this.right = null;

} */

function reConstructBinaryTree(pre, vin){

if(pre.length == 0 || vin.length == 0){

return null;

};

var index = vin.indexOf(pre[0]);

var left = vin.slice(0,index);

var right = vin.slice(index+1);

var node = new TreeNode(vin[index]);

node.left = reConstructBinaryTree(pre.slice(1,index+1),left);

node.right = reConstructBinaryTree(pre.slice(index+1),right);

return node;

}

  1. 用两个栈来实现一个队列,完成队列的Push和Pop操作。 队列中的元素为int类型。

var stack1 = [];

var stack2 = [];

function push(node){

stack1.push(node);

}

function pop(){

var temp = stack1.pop();

while(temp){

stack2.push(temp);

temp = stack1.pop();

}

var result = stack2.pop();

temp = stack2.pop();

while(temp){

stack1.push(temp);

temp = stack2.pop();

}

return result;

}

  1. 把一个数组最开始的若干个元素搬到数组的末尾,我们称之为数组的旋转。 输入一个非递减排序的数组的一个旋转,输出旋转数组的最小元素。 例如数组{3,4,5,1,2}为{1,2,3,4,5}的一个旋转,该数组的最小值为1。 NOTE:给出的所有元素都大于0,若数组大小为0,请返回0。

function minNumberInRotateArray(rotateArray){

var len = rotateArray.length;

if(len === 0){

return 0;

}

return Math.min.apply(null,rotateArray);

}

  1. 大家都知道斐波那契数列,现在要求输入一个整数n,请你输出斐波那契数列的第n项。n<=39

function Fibonacci(n){

var a = 1, b = 1, temp;

if(n <= 0) return 0;

for(var i = 2; i <= n; i++){

temp = b;

b = a + b;

a = temp;

}

return a;

}

  1. 一只青蛙一次可以跳上1级台阶,也可以跳上2级。求该青蛙跳上一个n级的台阶总共有多少种跳法。

function jumpFloor(number){

if(number < 1){

return 0;

}

if(number === 1){

return 1;

}

if(number === 2){

return 2;

}

var temp = 0, a = 1, b = 2;

for(var i = 3; i <= number; i++){

temp = a + b;

a = b;

b = temp;

}

return temp;

}

  1. 一只青蛙一次可以跳上1级台阶,也可以跳上2级……它也可以跳上n级。求该青蛙跳上一个n级的台阶总共有多少种跳法。

function jumpFloorII(number){

return Math.pow(2, number - 1);

}

  1. 我们可以用2*1的小矩形横着或者竖着去覆盖更大的矩形。请问用n个2*1的小矩形无重叠地覆盖一个2*n的大矩形,总共有多少种方法?

function rectCover(number){

var a = 1, b = 2, temp;

if(number <= 0){

return 0;

}

if(number === 1){

return 1;

}

if(number === 2){

return 2

}

for(var i = 3; i <= number; i++){

temp = a + b;

a = b;

b = temp;

}

return temp;

}

  1. 输入一个整数,输出该数二进制表示中1的个数。其中负数用补码表示。

function NumberOf1(n){

if(n < 0){

n = n >>> 0;

}

var arr = n.toString(2).split(‘’);

return arr.reduce(function(a,b){

return b === “1” ? a + 1 : a;

},0);

}

  1. 给定一个double类型的浮点数base和int类型的整数exponent。求base的exponent次方。

function Power(base, exponent){

return Math.pow(base, exponent);

}

  1. 输入一个整数数组,实现一个函数来调整该数组中数字的顺序,使得所有的奇数位于数组的前半部分,所有的偶数位于位于数组的后半部分,并保证奇数和奇数,偶数和偶数之间的相对位置不变。

function reOrderArray(array){

var result = [];

var even = [];

array.forEach(function(item){

if((item & 1) === 1){

result.push(item);

} else {

even.push(item);

}

});

return result.concat(even);

}

  1. 输入一个链表,输出该链表中倒数第k个结点。

/*function ListNode(x){

this.val = x;

this.next = null;

}*/

function FindKthToTail(head, k){

if(!head || k <= 0){

return null;

}

var i = head, j = head;

while(–k){

j = j.next;

if(!j){

return null;

}

}

while(j.next){

i = i.next;

j = j.next;

}

j = null;

return i;

}

  1. 输入一个链表,反转链表后,输出链表的所有元素。

/*function ListNode(x){

this.val = x;

this.next = null;

}*/

function ReverseList(pHead){

var newHead, temp;

if(!pHead){

return null;

}

if(pHead.next === null){

return pHead;

} else {

newHead = ReverseList(pHead.next);

}

temp = pHead.next;

temp.next = pHead;

pHead.next = null;

temp = null;

return newHead;

}

  1. 输入两个单调递增的链表,输出两个链表合成后的链表,当然我们需要合成后的链表满足单调不减规则。

/*function ListNode(x){

this.val = x;

this.next = null;

}*/

function Merge(pHead1, pHead2){

if(!pHead1){

return pHead2 ? pHead2 : null

} else if(!pHead2){

return pHead1;

}

// debugger;

var curr1 = pHead1;

var curr2 = pHead2;

var result = new ListNode(-1);

var curr = result;

while(curr1 && curr2){

if(curr1.val < curr2.val){

curr.next = curr1;

curr1 = curr1.next;

} else{

curr.next = curr2;

curr2 = curr2.next;

}

curr = curr.next;

}

if(curr1){

curr.next = curr1;

}

if(curr2){

curr.next = curr2;

}

//防止内存泄露

curr = result.next;

result.next = null;

result = curr;

curr = curr1 = curr2 = null;

return result;

}

  1. 输入两棵二叉树A,B,判断B是不是A的子结构。(ps:我们约定空树不是任意一个树的子结构)

function HasSubtree(pRoot1, pRoot2){

if(pRoot1 == null || pRoot2 == null){

return false;

}

if(isSubTree(pRoot1, pRoot2)){

return true;

} else{

return HasSubtree(pRoot1.left, pRoot2) || HasSubtree(pRoot1.right, pRoot2);

}

function isSubTree(pRoot1, pRoot2){

if(pRoot2 == null) return true;

if(pRoot1 == null) return false;

if(pRoot1.val === pRoot2.val){

return isSubTree(pRoot1.left, pRoot2.left) && isSubTree(pRoot1.right, pRoot2.right);

} else {

return false;

}

}

}

  1. 操作给定的二叉树,将其变换为源二叉树的镜像。

function Mirror(root){

if(!root){

return null;

}

var temp = root.left;

root.left = root.right;

root.right = temp;

if(root.left){

Mirror(root.left);

}

if(root.right){

Mirror(root.right);

}

}

  1. 输入一个矩阵,按照从外向里以顺时针的顺序依次打印出每一个数字,例如,如果输入如下矩阵: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 则依次打印出数字1,2,3,4,8,12,16,15,14,13,9,5,6,7,11,10.

function printMatrix(matrix){

if(!matrix || !matrix.length) return null;

var result = [];

var rows = matrix.length, cols = matrix[0].length;

var len = rows * cols;

var i = 0, j = 0;

var circle = 0;

while(1){

while(j < cols - circle){

result.push(matrix[i][j]);

j++;

}

if(result.length === len) break;

j–, i++;

while(i < rows - circle){

result.push(matrix[i][j])

i++;

}

if(result.length === len) break;

i–, j–;

while(j >= circle){

result.push(matrix[i][j]);

j–;

}

if(result.length === len) break;

j++, i–;

circle++;

while(i >= circle){

result.push(matrix[i][j])

i–;

}

if(result.length === len) break;

j++, i++;

}

return result;

}

  1. 定义栈的数据结构,请在该类型中实现一个能够得到栈最小元素的min函数。

var stack = [];

function push(node){

stack.push(node);

}

function pop(){

return stack.pop();

}

function top(){

return stack[stack.length - 1];

}

function min(){

return Math.min.apply(null, stack);

}

  1. 输入两个整数序列,第一个序列表示栈的压入顺序,请判断第二个序列是否为该栈的弹出顺序。假设压入栈的所有数字均不相等。例如序列1,2,3,4,5是某栈的压入顺序,序列4,5,3,2,1是该压栈序列对应的一个弹出序列,但4,3,5,1,2就不可能是该压栈序列的弹出序列。(注意:这两个序列的长度是相等的)

function IsPopOrder(pushV, popV){

if(!pushV.length || !popV.length){

return false;

}

var temp = [];

var popIndex = 0;

var len = pushV.length;

for(var i = 0; i < len; i++){

temp.push(pushV[i]);

while(temp.length && temp[temp.length - 1] === popV[popIndex]){

temp.pop();

popIndex++;

}

}

return temp.length === 0;

}

  1. 从上往下打印出二叉树的每个节点,同层节点从左至右打印。

/* function TreeNode(x) {

this.val = x;

this.left = null;

this.right = null;

} */

function PrintFromTopToBottom(root){

if (!root) {

return [];

}

var queue = [];

queue.push(root);

var result = [];

while (queue.length) {

var temp = queue.shift();

result.push(temp.val);

if (temp.left) {

queue.push(temp.left);

}

if (temp.right) {

queue.push(temp.right);

}

}

return result;

}

  1. 输入一个整数数组,判断该数组是不是某二叉搜索树的后序遍历的结果。如果是则输出Yes,否则输出No。假设输入的数组的任意两个数字都互不相同。(测试用例用的是 false/true, 不是题目中的 ‘Yes’/’No’)

/* function TreeNode(x) {

this.val = x;

this.left = null;

this.right = null;

} */

function VerifySquenceOfBST(sequence) {

var len = sequence.length

if (!len) {

return false;

}

return adjustSequence(0, len - 1);

function adjustSequence(start, end){

if (start >= end) {

return true;

}

var root = sequence[end];

for(var i = start; i < end && sequence[i] < root; i++);

var index = i;

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

if (sequence[i] < root) {

return false;

}

}

return adjustSequence(start, index - 1) && (adjustSequence(index, end - 1));

}

}

  1. 输入一颗二叉树和一个整数,打印出二叉树中结点值的和为输入整数的所有路径。路径定义为从树的根结点开始往下一直到叶结点所经过的结点形成一条路径。

/* function TreeNode(x) {

this.val = x;

this.left = null;

this.right = null;

} */

function FindPath(root, expectNumber){

var temp = [];

// var found = false;

var result = [];

dfs(root, 0);

return result;

function dfs(root, sum){

// debugger;s

if(!root){

return;

}

temp.push(root.val);

sum += root.val;

if(!root.left && !root.right && sum === expectNumber){

result.push(temp.concat());

}

if(root.left){

dfs(root.left, sum);

}

if(root.right){

dfs(root.right, sum);

}

temp.pop();

return;

}

}

  1. 输入一个复杂链表(每个节点中有节点值,以及两个指针,一个指向下一个节点,另一个特殊指针指向任意一个节点),返回结果为复制后复杂链表的head。(注意,输出结果中请不要返回参数中的节点引用,否则判题程序会直接返回空)

function Clone(pHead)

{

if(!pHead){

return null;

}

var head = new RandomListNode(pHead.label);

head.random = pHead.random;

head.next = Clone(pHead.next);

return head;

}

  1. 输入一棵二叉搜索树,将该二叉搜索树转换成一个排序的双向链表。要求不能创建任何新的结点,只能调整树中结点指针的指向。

将左子树构成双向链表,返回的是左子树的尾结点,将其连接到root的左边;

将右子树构成双向链表,将其追加到root结点之后,并返回尾结点;

向左遍历返回的链表至头结点处,即为所求双向链表的首结点。

function Convert(pRootOfTree){

if(!pRootOfTree) {

return null;

}

var lastNode = null;

lastNode = ConvertNode(pRootOfTree);

var head = lastNode;

while(head && head.left) {

head = head.left;

}

return head;

function ConvertNode(node){

if(!node){

return;

}

if(node.left) {

lastNode = ConvertNode(node.left);

}

node.left = lastNode;

if(lastNode){

lastNode.right = node;

}

lastNode = node;

if(node.right){

lastNode = ConvertNode(node.right);

}

return lastNode;

}

}

  1. 输入一个字符串,按字典序打印出该字符串中字符的所有排列。例如输入字符串abc,则打印出由字符a,b,c所能排列出来的所有字符串abc,acb,bac,bca,cab和cba。

function Permutation(str){

if(!str || str.length === 0){

return [];

}

var result = [];

var arr = str.split(‘’);

var temp = ‘’;

ordering(arr);

result = result.filter(function(item, index){ //去重

return result.indexOf(item) === index;

});

return result;

function ordering(tempArr){

if(tempArr.length === 0){

result.push(temp);

return;

}

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

temp += tempArr[i];

insideArr = tempArr.concat();

insideArr.splice(i,1);

ordering(insideArr);

temp = temp.substring(0, temp.length - 1); //回溯

}

}

}

  1. 数组中有一个数字出现的次数超过数组长度的一半,请找出这个数字。例如输入一个长度为9的数组{1,2,3,2,2,2,5,4,2}。由于数字2在数组中出现了5次,超过数组长度的一半,因此输出2。如果不存在则输出0。

function MoreThanHalfNum_Solution(numbers){

if(!numbers || numbers.length === 0){

return 0;

}

var arr = [];

var len = numbers.length, index;

for(var i = 0; i < len; i++){

var index = numbers[i];

arr[index] !== undefined ? arr[index]++ : arr[index] = 1;

}

var index = -1;

var arrLen = arr.length;

var max = -Infinity;

for(var i = 0; i < arrLen; i++){

if(!arr[i]) continue;

max = arr[i] > max ? (index = i, arr[i]) : max;

}

return max > len / 2 ? index : 0;

}

  1. 输入n个整数,找出其中最小的K个数。例如输入4,5,1,6,2,7,3,8这8个数字,则最小的4个数字是1,2,3,4。

function GetLeastNumbers_Solution(input, k){

if(!input || input.length < k){

return [];

}

return input.sort(function(a,b){

return a - b

}).slice(0, k);

}

  1. HZ偶尔会拿些专业问题来忽悠那些非计算机专业的同学。今天测试组开完会后,他又发话了:在古老的一维模式识别中,常常需要计算连续子向量的最大和,当向量全为正数的时候,问题很好解决。但是,如果向量中包含负数,是否应该包含某个负数,并期望旁边的正数会弥补它呢?例如:{6,-3,-2,7,-15,1,2,2},连续子向量的最大和为8(从第0个开始,到第3个为止)。你会不会被他忽悠住?(子向量的长度至少是1)

function FindGreatestSumOfSubArray(array){

if (array.length < 0)

return 0;

var sum = array[0],

tempsum = array[0];

for (var i = 1; i < array.length; i++) {

tempsum = tempsum < 0 ? array[i] : tempsum + array[i];

sum = tempsum > sum ? tempsum : sum;

}

return sum;

}

  1. 求出113的整数中1出现的次数,并算出1001300的整数中1出现的次数?为此他特别数了一下1~13中包含1的数字有1、10、11、12、13因此共出现6次,但是对于后面问题他就没辙了。ACMer希望你们帮帮他,并把问题更加普遍化,可以很快的求出任意非负整数区间中1出现的次数。

function NumberOf1Between1AndN_Solution(n)

{

if (n < 0) return 0;

var ones = 0;

var arr = [];

while(n){

arr.push(n);

n–;

}

return arr.join(‘’).replace(/[^1]+/g,‘’).length;

}

  1. 输入一个正整数数组,把数组里所有数字拼接起来排成一个数,打印能拼接出的所有数字中最小的一个。例如输入数组{3,32,321},则打印出这三个数字能排成的最小数字为321323。

function PrintMinNumber(numbers)

{

if(!numbers || numbers.length === 0){

return [];

}

var result = [];

var temp = ‘’;

ordering(numbers);

result = result.map(Number).reduce(function(min , a){ //最小值

return min < a ? min : a;

}, Infinity);

return result;

function ordering(tempArr){

var innerLen = 0;

if(tempArr.length === 0){

result.push(temp);

return;

}

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

innerLen = tempArr[i].toString().length;

temp += tempArr[i];

insideArr = tempArr.concat();

insideArr.splice(i,1);

ordering(insideArr);

temp = temp.substring(0, temp.length - innerLen); //回溯

}

}

}

  1. 把只包含因子2、3和5的数称作丑数(Ugly Number)。例如6、8都是丑数,但14不是,因为它包含因子7。 习惯上我们把1当做是第一个丑数。求按从小到大的顺序的第N个丑数。

function GetUglyNumber_Solution(index) {

if (index === 0) return 0;

var uglyNum = [1];

var factor2 = 0, factor3 = 0, factor5 = 0;

for (var i = 1; i < index; i++) {

uglyNum[i] = Math.min(uglyNum[factor2] * 2, uglyNum[factor3] * 3, uglyNum[factor5] * 5);

if (uglyNum[i] === uglyNum[factor2] * 2) factor2++;

if (uglyNum[i] === uglyNum[factor3] * 3) factor3++;

if (uglyNum[i] === uglyNum[factor5] * 5) factor5++;

}

return uglyNum[index - 1];

}

  1. 在一个字符串(1<=字符串长度<=10000,全部由字母组成)中找到第一个只出现一次的字符,并返回它的位置

function FirstNotRepeatingChar(str){

if(!str || !str.length){

return -1;

}

var hash = {};

var tempArr = str.split(‘’);

var unique = [];

var len = str.length, temp;

for(var i = 0; i < len; i++){

temp = tempArr[i];

if(hash[temp]){

hash[temp].push(i);

} else {

hash[temp] = [i];

}

}

for(var key in hash){

if(hash.hasOwnProperty(key)){

if(hash[key].length === 1){

unique.push(hash[key].pop());

}

}

}

return Math.min.apply(null, unique);

}

  1. 在数组中的两个数字,如果前面一个数字大于后面的数字,则这两个数字组成一个逆序对。输入一个数组,求出这个数组中的逆序对的总数P。并将P对1000000007取模的结果输出。 即输出P%1000000007

由于时间空间复杂度的限制,js 貌似无法完成这个题,所以使用 c++ 完成。

class Solution {

public:

long long InversePairsCore(vector &data, vector&copy, int start, int end){

if(start == end){

copy[start] = data[start];

return 0;

}

int length = (end - start) / 2;

long long left = InversePairsCore(copy, data, start, start + length);

long long right = InversePairsCore(copy, data, start + length + 1, end);

int i = start + length;

int j = end;

int indexCopy = end;

long long count=0;

while(i >= start && j >= start + length + 1){

if(data[i] > data[j]){

copy[indexCopy–] = data[i–];

count += j - start - length;

} else {

copy[indexCopy–] = data[j–];

}

}

for(; i >= start; --i)

copy[indexCopy–] = data[i];

for(;j >= start + length + 1; --j)

copy[indexCopy–] = data[j];

return left + right + count;

}

int InversePairs(vector data) {

int length = data.size();

if(length <= 0)

return 0;

vector copy;

for(int i = 0; i < length; i++)

copy.push_back(data[i]);

long long count = InversePairsCore(data, copy, 0, length-1);

copy.clear();

return count % 1000000007;

}

};

  1. 输入两个链表,找出它们的第一个公共结点。

function FindFirstCommonNode(pHead1, pHead2){

if(!pHead1 || !pHead2){

return null;

}

var len1 = getLength(pHead1);

var len2 = getLength(pHead2);

var lenDiff = len1 - len2;

var curr1 = pHead1;

var curr2 = pHead2;

if(len2 > len1){

curr1 = pHead2;

curr2 = pHead1;

lenDiff = len2 - len1;

}

for(var i = 0; i < lenDiff; ++i)

curr1 = curr1.next;

while(curr1 && curr2 && curr1 != curr2){

curr1 = curr1.next;

curr2 = curr2.next;

}

return curr1;

function getLength(node){

var len = 0;

curr = node;

while(curr){

len++;

curr = curr.next;

}

return len;

}

}

  1. 统计一个数字在排序数组中出现的次数。

function GetNumberOfK(data, k){

return data.reduce(function(count, a){

return a === k ? count+1 :count;

}, 0);

}

  1. 输入一棵二叉树,求该树的深度。从根结点到叶结点依次经过的结点(含根、叶结点)形成树的一条路径,最长路径的长度为树的深度。

function TreeDepth(pRoot){

if(!pRoot){

return 0;

}

var depth = 0;

var currDepth = 0;

dfs(pRoot);

return depth;

function dfs(node){

if(!node){

depth = depth > currDepth ? depth : currDepth;

return;

}

currDepth++;

dfs(node.left);

dfs(node.right);

currDepth–;

}

}

  1. 输入一棵二叉树,判断该二叉树是否是平衡二叉树。

function IsBalanced_Solution(pRoot){

if(!pRoot){

return true;

}

var left = TreeDepth(pRoot.left);

var right = TreeDepth(pRoot.right);

var diff = left - right;

if(diff > 1 || diff < -1)

return false;

return IsBalanced_Solution(pRoot.left) && IsBalanced_Solution(pRoot.right);

function TreeDepth(pRoot){

if(!pRoot){

return 0;

}

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
img
img
img
img
img
img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新

如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
img

JavaScript

  • js的基本类型有哪些?引用类型有哪些?null和undefined的区别。

  • 如何判断一个变量是Array类型?如何判断一个变量是Number类型?(都不止一种)

  • Object是引用类型嘛?引用类型和基本类型有什么区别?哪个是存在堆哪一个是存在栈上面的?

  • JS常见的dom操作api

  • 解释一下事件冒泡和事件捕获

  • 事件委托(手写例子),事件冒泡和捕获,如何阻止冒泡?如何组织默认事件?

  • 对闭包的理解?什么时候构成闭包?闭包的实现方法?闭包的优缺点?

  • this有哪些使用场景?跟C,Java中的this有什么区别?如何改变this的值?

  • call,apply,bind

  • 显示原型和隐式原型,手绘原型链,原型链是什么?为什么要有原型链

  • 创建对象的多种方式

  • 实现继承的多种方式和优缺点

  • new 一个对象具体做了什么

  • 手写Ajax,XMLHttpRequest

  • 变量提升

  • 举例说明一个匿名函数的典型用例

  • 指出JS的宿主对象和原生对象的区别,为什么扩展JS内置对象不是好的做法?有哪些内置对象和内置函数?

  • attribute和property的区别

  • document load和document DOMContentLoaded两个事件的区别

  • JS代码调试

一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
img

var diff = left - right;

if(diff > 1 || diff < -1)

return false;

return IsBalanced_Solution(pRoot.left) && IsBalanced_Solution(pRoot.right);

function TreeDepth(pRoot){

if(!pRoot){

return 0;

}

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
[外链图片转存中…(img-bg9jkogc-1712752005701)]
[外链图片转存中…(img-8ec2uhZp-1712752005702)]
[外链图片转存中…(img-5OiQoYMA-1712752005703)]
[外链图片转存中…(img-xJVpxtaa-1712752005703)]
[外链图片转存中…(img-yDCzkBUe-1712752005704)]
[外链图片转存中…(img-b0OZBMK9-1712752005704)]

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新

如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
[外链图片转存中…(img-kuHf5kxK-1712752005704)]

JavaScript

  • js的基本类型有哪些?引用类型有哪些?null和undefined的区别。

  • 如何判断一个变量是Array类型?如何判断一个变量是Number类型?(都不止一种)

  • Object是引用类型嘛?引用类型和基本类型有什么区别?哪个是存在堆哪一个是存在栈上面的?

  • JS常见的dom操作api

  • 解释一下事件冒泡和事件捕获

  • 事件委托(手写例子),事件冒泡和捕获,如何阻止冒泡?如何组织默认事件?

  • 对闭包的理解?什么时候构成闭包?闭包的实现方法?闭包的优缺点?

  • this有哪些使用场景?跟C,Java中的this有什么区别?如何改变this的值?

  • call,apply,bind

  • 显示原型和隐式原型,手绘原型链,原型链是什么?为什么要有原型链

  • 创建对象的多种方式

  • 实现继承的多种方式和优缺点

  • new 一个对象具体做了什么

  • 手写Ajax,XMLHttpRequest

  • 变量提升

  • 举例说明一个匿名函数的典型用例

  • 指出JS的宿主对象和原生对象的区别,为什么扩展JS内置对象不是好的做法?有哪些内置对象和内置函数?

  • attribute和property的区别

  • document load和document DOMContentLoaded两个事件的区别

  • JS代码调试

一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
[外链图片转存中…(img-8Lo8DxCr-1712752005705)]

  • 19
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值