最后
面试一面会问很多基础问题,而这些基础问题基本上在网上搜索,面试题都会很多很多。最好把准备一下常见的面试问题,毕竟面试也相当与一次考试,所以找工作面试的准备千万别偷懒。面试就跟考试一样的,时间长了不复习,现场表现肯定不会太好。表现的不好面试官不可能说,我猜他没发挥好,我录用他吧。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
96道前端面试题:
常用算法面试题:
前端基础面试题:
内容主要包括HTML,CSS,JavaScript,浏览器,性能优化
console.log(arr2[0]);
console.log(arr2[1]);
console.log(arr2[2]);
console.log(arr2[3]); // 因为没有这个数组元素 所以输出的结果是 undefined
2.3、遍历数组元素
遍历数组就是将数组元素从头到尾访问一次。
// 遍历数组:就是把数组的元素从头到尾访问一次
var arr = [‘red’, ‘green’, ‘blue’];
for (var i = 0; i <= 3; i++) {
console.log(arr[i]);
}
// 1. 因为我们的数组索引号从0开始 ,所以 i 必须从 0开始 i < 3
// 2. 输出的时候 arr[i] i 计数器当索引号来用
2.4、数组的长度
// 数组长度 数组名.length
var arr = [‘关羽’, ‘张飞’, ‘马超’, ‘赵云’, ‘黄忠’, ‘刘备’, ‘姜维’, ‘pink’];
for (var i = 0; i < 7; i++) {
console.log(arr[i]);
}
console.log(arr.length);
2.5、给数组增加元素
// 1. 新增数组元素 修改length长度
var arr = [‘red’, ‘green’, ‘blue’];
console.log(arr.length);
arr.length = 5; // 把我们数组的长度修改为了 5 里面应该有5个元素
console.log(arr);
console.log(arr[3]); // undefined
console.log(arr[4]); // undefined
// 2. 新增数组元素 修改索引号 追加数组元素
var arr1 = [‘red’, ‘green’, ‘blue’];
arr1[3] = ‘pink’;
console.log(arr1);
arr1[4] = ‘hotpink’;
console.log(arr1);
arr1[0] = ‘yellow’; // 这里是替换原来的数组元素
console.log(arr1);
arr1 = ‘有点意思’;
console.log(arr1); // 不要直接给 数组名赋值 否则里面的数组元素都没有了
3.1、数组翻转
// 将数组 [‘red’, ‘green’, ‘blue’, ‘pink’, ‘purple’] 的内容反过来存放
var arr = [‘red’, ‘green’, ‘blue’, ‘pink’, ‘purple’, ‘hotpink’];
var newArr = [];
for (var i = arr.length-1 ; i >= 0 ; i–) {
newArr[newArr.length] = arr[i];
}
console.log(newArr);
3.2、数组冒泡排序
利用双重for循环,外层for循环控制对比的趟数,内层for循环控制每趟交换的次数。
//冒泡排序
//var arr = [5, 4, 3, 2, 1];
var arr = [4, 1, 2, 3, 5];
for (var i = 0; i <= arr.length - 1; i++) { // 外层循环管趟数
for (var j = 0; j <= arr.length - i - 1; j++) { // 里面的循环管 每一趟的交换次数
// 内部交换2个变量的值 前一个和后面一个数组元素相比较
if (arr[j] < arr[j + 1]) {
var temp = arr[j];
arr[j] = arr[j + 1];
arr[j + 1] = temp;
}
}
}
===================================================================
函数的使用分为两步:声明函数和调用函数;
1.1、什么是函数
函数就是封装了一段可以被重复执行的代码块;
1.2、函数的声明方法
// function 函数名() {
// // 函数体
// }
function sayHi() {
console.log(‘hi~~’);
}
1.3、函数的调用
// 2. 调用函数
// 函数名();
sayHi();
// 调用函数的时候千万不要忘记加小括号
2.1 形参
在定义函数的时候,小括号里的值,类似于一个变量;
// 1. 函数可以重复相同的代码
// function cook() {
// console.log(‘酸辣土豆丝’);
// }
// cook();
// cook();
// 2. 我们可以利用函数的参数实现函数重复不同的代码
// function 函数名(形参1,形参2…) { // 在声明函数的小括号里面是 形参 (形式上的参数)
// }
// 函数名(实参1,实参2…); // 在函数调用的小括号里面是实参(实际的参数)
// 3. 形参和实参的执行过程
function cook(aru) { // 形参是接受实参的 aru = ‘酸辣土豆丝’ 形参类似于一个变量
console.log(aru);
}
cook(‘酸辣土豆丝’);
cook(‘大肘子’);
// 4. 函数的参数可以有多个,也可以没有个数不限
2.2 实参
调用函数时小括号里的值;
框架相关
原生JS虽能实现绝大部分功能,但要么就是过于繁琐,要么就是存在缺陷,故绝大多数开发者都会首选框架开发方案。现阶段较热门是React、Vue两大框架,两者工作原理上存在共通点,也存在一些不同点,对于校招来说,不需要两个框架都学得特别熟,一般面试官会针对你简历中写的框架进行提问。
在框架方面,生命周期、钩子函数、虚拟DOM这些基本知识是必须要掌握的,在学习的过程可以结合框架的官方文档
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
Vue框架
知识要点:
1. vue-cli工程
2. vue核心知识点
3. vue-router
4. vuex
5. http请求
6. UI样式
7. 常用功能
8. MVVM设计模式
React框架
知识要点:
1. 基本知识
2. React 组件
3. React Redux
4. React 路由
ms/4304bb5a486d4c3ab8389e65ecb71ac0)**
Vue框架
知识要点:
1. vue-cli工程
2. vue核心知识点
3. vue-router
4. vuex
5. http请求
6. UI样式
7. 常用功能
8. MVVM设计模式
[外链图片转存中…(img-QJvBJr3r-1715369864541)]
React框架
知识要点:
1. 基本知识
2. React 组件
3. React Redux
4. React 路由
[外链图片转存中…(img-IVuEMjQP-1715369864542)]