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){
this.x=i
return function(y){
return this.x+y
}
}(1,2))
test(3)
结果为:4
-
vue中filter实现自定义命令,过滤数组保留2,3或4位小数
-
动画题,实现一个div元素,1秒扩大1倍,下1秒还原,如此循环执行3次。
div
{
width:100px;
height:100px;
background:red;
animation:myfirst 3s;
animation-iteration-count:3;
-webkit-animation-iteration-count:3; /* Safari 和 Chrome */
}
@keyframes myfirst
{
0% {transform: scale(1);}
50%{transform: scale(2)}
100% {transform:scale(1);}
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(资料价值较高,非无偿)
最后
由于文档内容过多,为了避免影响到大家的阅读体验,在此只以截图展示部分内容,详细完整版的JavaScript面试题文档,或更多前端资料可以点此处即可获取!!!。
以扫码获取!!(资料价值较高,非无偿)**
最后
[外链图片转存中…(img-kvHbu06I-1711674370275)]
[外链图片转存中…(img-JOep8GcM-1711674370275)]
由于文档内容过多,为了避免影响到大家的阅读体验,在此只以截图展示部分内容,详细完整版的JavaScript面试题文档,或更多前端资料可以点此处即可获取!!!。