javascript百炼成仙 第一章 掌握JavaScript基础 1(3)，2024年最新web前端面试题,项目有没有从0到1面试题

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

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

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

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

如果你需要这些资料，可以添加V获取：vip1024c （备注前端）

正文

“i++是自增运算符，表示把当前的变量自增一个单位。而++i和i++是有区别的，前者代表先自增一个单位，再运算，后者相反，是先运算，再++。但是由于这段代码中的i++是单独一行，没有对i进行使用，所以不管是++i还是i++，只要这句话执行完毕，i的值都会++。”

听到这里，就是叶老也满意地点了点头。

“小娃娃，看来你基础学得不错，那你说说while循环和for循环有什么区别吧，除了语法。”

“这…”叶小凡一时语噻。

“小娃娃，你且看好，你方才写的for循环有一个圆括号。圆括号里面有三个表达式，分别为var i=0 , i < 100还有i++。第一个语句是在循环开始之前执行的，var i=0的意思就是定义了一个变量i，是整数，初始的值为0。第二个语句是i < 100，这个表示进入循环体的条件。”

“循环体，就是那个用大括号扩起来的部分吗？”叶小凡问到。

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

console.log(i);

}

“没有错，不论是for循环还是while循环，循环体就是这个部分。这个部分里面的代码是需要被多次执行的。现在我再给你说说最后一个语句i++，这个语句是在刚才我们所说的大括号里面的代码被全部执行完之后才会被执行的。一般这个语句里面的代码就是控制循环变量i自增一个单位或者自减一个单位。”

“自增我知道，无非就是i++或者++i，为什么要自减呢？”

“关于这个问题，是和第二个语句相关联的。比如你刚才写的代码。”说着，叶老指向叶小凡刚才写的代码：

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

console.log(i);

}

“你的循环判断条件是当i小于10的时候，才会进入循环体。也就是后面用大括号扩起来的部分，对吧？”叶老问到。

“没错，最开始的时候i=0，第一次循环i自然是小于10的，于是就进入循环体，像这样。”说着，叶小凡催动内力，让这段JavaScript代码开始执行。

当执行到这一行代码的时候，叶小凡特意用debug让代码停止了下来。

“嗯，很好，我且问你，现在代码停在了这一行，如果我往下执行一部，会调到第四行还是停留在第三行呢？” 叶老问到。

“那还用问，肯定是调到第四行啦。”叶小凡不可置否地说道。

“先别着急下结论，走一步试试。”叶老平淡地对叶小凡说道。

“试就试。”

说着，叶小凡就用debug走了一步。结果发现：

“这是怎么回事？”叶小凡讶然，同时皱了皱眉。

“你再走一步试试？”叶老笑呵呵地说道。

就这样，叶小凡又走了一步，这才发现走到了第四行。经过反复地测试，叶小凡紧皱的眉头终于松开了。原来，第一次跳到第三行代码的时候，是在准备运行for循环的语句一，也就是var i = 0 这句话。因此，刚才第一次跳到第三行代码的时候，i变量的值是undefined（未定义），因为这个时候只是去声明了i变量，还没有运行 i = 0这个赋值语句，所以是undefined。

而当叶小凡往下再走一步的时候，则是运行了i = 0这个赋值语句，这个时候i变量的值才如愿以偿地变成了0，整个语句一才算是执行完毕了。至于为什么再走一步就能够跳转到第四行代码？那是因为，语句一执行完毕后，自然去执行语句二了。也就是“i<10”这句话，这就好比是一个if判断：

var i = 0;

if(i < 10){

console.log(i);

}

第一次循环的时候，i=0自然是小于10的，因此就直接进入了循环体。循环体执行完毕后，开始执行语句三，i++，i从0变成了1，然后进入第二次循环再次判断i是否小于10。

听着叶小凡的论述，叶老微微点了点头，道：“是这样的，那么问题来了，刚才的例子中，i是从0一直自增到10，当然，它最后会变成10，但是却无法再满足i<10的判断条件。所以，当i等于10的时候，就没办法进入循环体了。可是，这并没有关系，因为第一次i等于0，是符合条件的，最后一次进入循环体，是当i等于9的时候，像这样。”说完，叶老随手一挥，将这段代码的运行结果显示了出来：

“嗯嗯，我明白了，因为i变量是从0开始的，所以0~9还是循环了10次。至于刚才说的自减，其实也是一样的，只是改变一下循环条件和初始化变量i的值就行了。”

说完，叶小凡修改了一下代码：

for(var i=10;i>0;i–){

console.log(i);

}

总结

前端资料汇总

• 框架原理真的深入某一部分具体的代码和实现方式时，要多注意到细节，不要只能写出一个框架。

• 算法方面很薄弱的，最好多刷一刷，不然影响你的工资和成功率😯

• 在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。

• 要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！
  喜欢这篇文章文章的小伙伴们点赞+转发支持，你们的支持是我最大的动力！

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）

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

的技术提升。**

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）
[外链图片转存中…(img-KNZuU9XJ-1713685615927)]

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