JavaScript前端面试题基于vue，看这里

}

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 定义函数或对象内的全局变量，以及函数里定义的变量满足闭包，即在外部访问不到

函数里定义的变量存在于栈中运行完成即变量销毁

2. 以下程序输出结果

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并没有变化。

3. 对字符串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”)

4. 异步题目

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

5. 变量提升题

test()

var b=20;

function test(){

console.log(b)

if(!b){

var b=10;

}

console.log(b)

}

结果：undefined 10

6. 匿名函数题

var test=(function(i){

this.x=i

return function(y){

return this.x+y

}

}(1,2))

test(3)

结果为：4

7. vue中filter实现自定义命令，过滤数组保留2,3或4位小数

8. 动画题，实现一个div元素，1秒扩大1倍，下1秒还原，如此循环执行3次。

div

{

width:100px;

height:100px;

background:red;

animation:myfirst 3s;

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

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

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

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

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

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

最后

前端CSS面试题文档，JavaScript面试题文档，Vue面试题文档，大厂面试题文档

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

V获取：vip1024c （备注前端）**
[外链图片转存中…(img-WzdTfhFV-1711950672354)]

最后

前端CSS面试题文档，JavaScript面试题文档，Vue面试题文档，大厂面试题文档

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

[外链图片转存中…(img-bpUUXIrx-1711950672354)]

[外链图片转存中…(img-5ZmapKab-1711950672355)]