前端资料汇总
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
我一直觉得技术面试不是考试,考前背背题,发给你一张考卷,答完交卷等通知。
首先,技术面试是一个 认识自己 的过程,知道自己和外面世界的差距。
更重要的是,技术面试是一个双向了解的过程,要让对方发现你的闪光点,同时也要 试图去找到对方的闪光点,因为他以后可能就是你的同事或者领导,所以,面试官问你有什么问题的时候,不要说没有了,要去试图了解他的工作内容、了解这个团队的氛围。
找工作无非就是看三点:和什么人、做什么事、给多少钱,要给这三者在自己的心里划分一个比例。
最后,祝愿大家在这并不友好的环境下都能找到自己心仪的归宿。
-
vue中 r o u t e 和 route和 route和router的区别
-
vue中router的hash和history模式有什么不同及实现原理,history后端需要做什么配置才支持。
-
写出vue中至少四个v-指令,说明其作用。
-
vue和react相同点与不同点。
===================================================================
- 以下程序输出结果
for(let i=0;i<5;i++){
setTimeout(function(){
console.log(i)
},1000)
}
for(var i=0;i<5;i++){
setTimeout(function(){
console.log(i)
},1000)
}
for(leti=0;i<5;i++){
cos(i);
}
for(var i=0;i<5;i++){
cos(i);
}
function cos(i){
setTimeout(function(){
console.log(i);
})
}
结果:0,1,2,3,4和5,5,5,5,5和0,1,2,3,4和0,1,2,3,4
知识点:
let 和var的区别
let定义块级作用域变量
var 定义函数或对象内的全局变量,以及函数里定义的变量满足闭包,即在外部访问不到
函数里定义的变量存在于栈中运行完成即变量销毁
- 以下程序输出结果
let a={c:1};
let b=a;
a.x=a={c:2}
console.log(a.x);
console.log(b.x);
结果undefined和{c:2}
知识点:
两个等号相当于a.x={c:2};a={c:2},补充var a=b=1,相当于var a=1;b=1
第一段代码改变了b对象的引用;第二段代码改变了a的地址但b并没有变化。
- 对字符串get-element-by-id传成驼峰命名
//普通方法,利用数组循环
function changeStr(str){
var arr=str.split(“-”);
for(var i=1;i<arr.length;i++){
arr[i]=arr[i].charAt(0).toUpperCase() + arr[i].substr(1,arr[i].length);
}
return arr.join(“”);
}
changeStr(“get-element-by-id”)
//利用正则表达式函数replace的传函数的用法
function changeStrO(str){
return str.replace(/-(\w)/g,function ($0,$1){
return $1.toUpperCase();
});
}
changeStrO(“get-element-by-id”)
- 异步题目
var promise=new Promise(
function(resolve,reject){
console.log(1);
resolve();
console.log(2)
});
promise.then((data)=>{console.log(3)})
console.log(4)
结果为:1,2,4,3
- 变量提升题
test()
var b=20;
function test(){
console.log(b)
if(!b){
var b=10;
}
console.log(b)
}
结果:undefined 10
- 匿名函数题
var test=(function(i){
最后
除了简历做到位,面试题也必不可少,整理了些题目,前面有117道汇总的面试到的题目,后面包括了HTML、CSS、JS、ES6、vue、微信小程序、项目类问题、笔试编程类题等专题。