26自学转行前端（写给和我一样迷茫的你）(1)，2024最新前端面试题及答案

听到过很多这样的说法，前端很简单，自学1星期就能做网页，这其实也不错（只要有公司要你，出问题时，给你足够的时间去解决，或者有人给你顶着，和你合作的人不嫌弃你的代码质量就行）本着对自己和公司负责的态度来说，你至少静态页面要做的很6，像我上面提到的，做一个静态页面基本不会出现布局问题，也不用百度就合格了，具体时间看个人，我是用了4个月，主要当时很迷茫，完全和别的文章推荐的模式一样，面试要求这个了，我就去学这个，要求那个了，我就去学那个，当时我也以为自己css很牛逼了呢。

插播一下我的经历吧

（1）上文也提到，我刷了很多遍html、css基础，还看了《DOM编程艺术》成就感十足，做了几个静态网页，以为很牛逼了，就去面试了，结果人家问jq会不会用啊，轮播、放大镜、选项卡这些基本组件会不会啊？我是一脸懵逼。

（2）这次刷了《锋利的jquery》完全颠覆了《DOM编程艺术》这本书（当然看还是建议看的），取值赋值那叫一个6啊，开心，还用起了小插件，感觉自己做的网站有了动态效果（该不会这就是网上说的"动态网页技术"吧？哈哈）又去面试了，啪啪啪，上来先把自己会的展示一下，面试官问：bootstrap会吗？现在可都要响应式的。

（3）继续回去补响应式开发咯，学一学bootstrap，然后又遇到问vue会吗？react会吗？此处就长话短说了，还有问混合式app开发会吗？于是我还去学了基于mui的app开发，最气的就是被面试官喷前端是搬砖的，不懂后端做什么程序员之类的，那时候我很谦卑，还回去学mysql了，这个事情，后文总结的时候，我要拿出来吐槽一下某些用人单位的。

（4）最后我很感谢聘用我的第一家公司，但是我还是进去做网站的，刚进公司时，我还经常挑灯夜战，因为代码可维护性差呀，所以说基础很重要（强调了那么多遍基础，可能也不太好理解何为基础，例如：js里事件的冒泡与捕获，闭包，原型链机制，布局当中的BFC，垂直居中等一系列实践的问题），迷茫的我被牵着鼻子学了那么多暂时用不到的东西（不后悔啊，永远不后悔自己的任何经历，事实也证明存在即合理，在公司需求app的时候，我和同事用mui完成了跨平台的混合app并成功发布）

总结：集中精力去扎实基础，争取2个月找到一家做网站的公司，别没学好基础就随波逐流去搞各种框架，先了解，缘分到了自然会了，引用一下自己创建博客园时的签名"所谓境界，像宇宙般虚无缥缈，却又像宇宙般在岁月的长河中积累、沉淀，无声无息地壮大自己。有些事非一朝而能明了，有些理非一夕而能透彻。带着自信坚持下去，书读百遍，其义自见，境界到了，万物皆虚，万事皆允！"

大公司重基础也对学历和年龄讲究，小公司重实践经验，如果占其一，你还可以选择选择，既然两者都没有，那就没什么好考虑的了呀，破罐子破摔啊，反正转行找工作就是艰难，个人建议注重基础，未来才走得更远，然后拿出你态度去海投，没必要去迎合那些乱七八糟的公司需求，有些公司需求一大堆，又写着经验不限，恨不得你啥都会，记住真正有技术需求的，你那仅是了解的状态一眼就被看穿，而随大流随便写需求的公司往往都不和你谈技术的，所以会就会，不会就不会，正是应聘者和用人单位的这种不坦诚导致了现在的前端乱象（用人单位嫌弃简历上写的天花乱坠，什么都会，一问三不知的，应聘者也恶心那种后端为主，只是知道前端有哪些技术栈就直接罗列一下的公司）吐槽时间：中国至少无锡，好多公司领导都是销售，就算技术经理也是后端多，如果到达这个位置还对前端一无所知，我觉得有必要喷一喷，你那么看不起前端，你招什么前端，让保洁阿姨兼职好了，我去应聘的web前端，你问我java会不会？别告诉你的java指的是javascript而不是java，我说我会js可以考虑学一下nodejs往后端发展一下，领导发话了啊，js只是运行在浏览器的一个脚本而已，你会这个有什么用，不知这位自称搞了10年技术的大佬断网了多少年，这绝对真实，他应该不是技术大佬而是大忽悠，否则公司危矣，面试遇到这样的，你就直接拿简历礼貌的走人吧，记得带上简历（1块钱复印费呢），还有就是大部分不限经验的，都是培训机构，一般上来问一问你的情况（最好你不会，你要是会，他都能给你忽悠的不会了）然后就推荐你培训啦，这就是市场经济，如果你坚持不去培训就提前做好调查，别总是白跑一趟，有些明确的就可以拉黑或者屏蔽了。

3、前景

H5新增的api如视频、音频、canvas不要太强大哦，加上CSS3的新特性，可以说颠覆了html+css创造之初只为展示图文信息的初衷，走向了富媒体时代，js也因node的出现，向服务端进军（之前看到node之父自己数落了一下自己犯下的错误，然后宣布抛弃node这个亲儿子，具体还没怎么了解，不管怎么说js越来越强大了）。人类作为生物链顶端的生物，永远不会满足于现状，当互联网产品稳定成熟之际，拼的就是差异化、个性、创意，前端一定程度上也是个设计师，哎呀，这家伙真的是太花心了，难怪被世人误解。加上微信小程序和hybrid-app的出现（配合性能越来越高的硬件），ios/安卓大势将去，可能被前端收编，当性能问题不再是问题时，跨平台的特性将锋芒毕露。

4、薪资

从行业看，大数据显示金融业最高，然后就是IT行业，再从前后端看，顺便解决前端和后端哪个好？上手？发展前景？这个问题。

关于上手：当时，我得出的结论是前端入门简单，深入较难；后端入门难，扩散简单；（所谓难易，主要指短时间投入的学习成本，杠精绕道）前端三剑客HTML、CSS、JS基础的知识点很容易理解，所以说上手快，但是往往简单的东西，深入总是难一点，就好比巧妇难为无米之炊；后端则相反，因其发展较早，成熟而稳定，一上来就扔给你一大堆体系，要掌握很多知识点，但是运用熟练后，一通百通，天高任鸟飞 海阔凭鱼跃（从入门浅谈而已，大神勿怪，有更好的说法请指正）

前后端薪资和发展之类的比较，这里引用大神的回答（就不献丑了），以下总结几点

（1）前后端在大公司是一个批发价

（2）薪资取决于市场，也取决于个人工作能力和谈判能力

（3）不管是前端还是后端，都是敲门砖，未来走向高P时，他们是同一个起点（web开发）

非科班会不会没发展？年龄大会不会被淘汰？

---

很多传统行业都有越老越吃香这一说，那小伙伴们肯定也想了解一下IT行业啊，是不是，未雨绸缪总是好事。1年前我也看了很多相关论坛，满满的负能量，差点动摇了我的心，下面划重点逐个击破！

1、程序员圈子小，做久了会脱离社会，难以与人交流。你确定你在别的行业就善于交流了？互联网无国界啊，这圈子还小？虽然氛围是有导向作用，但你既然察觉了就该自我调整，而不是怨天尤人。有些销售满嘴跑火车，几年下来，不撒个慌，吹个牛都不自在了，这是优点还是缺点呢？所以，要发挥人类强大的适应性，因地制宜，通常好的销售也是做足了功课，理论上不比技术差的。

2、经常加班，身体差。这也有必要解释？你忘了大学时，我们一起包过多少次夜么？你还说你要奋斗到天明。人家传统行业的销售还说整天胡吃海喝伤身体呢？你是不是在那羡慕？有空抱怨，不如一起去跑个步，健个身，我发现现在好多程序员身材都很棒呢！

3、吃年轻饭，容易被取代。随着社会老龄化日益严重，越来越多的年轻人更愿意到年轻的IT行业来工作，其实我也觉得IT行业更有朝气，就算搬砖也得找个舒服的地方搬吧。传统行业似乎真的是越老越吃香，一大把年纪啥也不做，整天絮絮叨叨，阿谀奉承，你再优秀也别想把他赶下台，但是你没看到他踩在多少人身上才上去的。所以说吃年轻饭是不对的，IT行业要做高管，也得学管理、大局观、战略部署、人脉资源等等这些和技术无关的，或者上文大牛写的职业规划里面有各种进阶方向，纯技术研究，年轻人能赶上你的，那绝对是天才，就别不服了。如果说你做了10年还一直在套人家的模板，用着老技术，那分明是你在抢新人的饭碗，还说被取代…

4、不是科班出身，不懂计算机原理（后面省略一万字骂人的话）论坛和贴吧确实有科班出身的优越狗，但是有好多大神都不是科班哦，就像大部分人的工作都不是大学学的专业，有空就补补计算机方面的书籍，看看底层，做个铺垫（防止遇到科班出身的优越狗）。

如何高效学习？

---

1年前看的第一套H5视频，还依稀记得老师说的一些话，这里先还原一下：

（1）多学、多看、多练，坚持每天打代码，即使是重复的；

（2）乐于分享、帮助他人解决问题的同时成长自己；

（3）先模仿，后创新，学会站在巨人的肩膀上；

（4）规范代码，方便自己复习和他人阅读；

以上这些，可以说是终身受用，但对于转行的小白来说，显得有点大道理了。反正我刚开始是完全想不到去上什么知乎、思否、github、博客园、CSDN、掘金等等这类网站的，我的生活——百度足以。所以这里推荐一下上述网站，有问题去里面搜搜，有时间去里面看看相应的栏目，有能力去里面解答一些相关的问题，把这些当做玩游戏做任务一样，慢慢你就升级咯。

除了关心我的人，能看到现在的小伙伴，一定已经下定决心了，分享一下我看过的觉得好的书籍（从左往右，我看的时候有点乱，现在我帮你们排好序了哦）

html：标签-特性-语义化（html和后二者戚戚相关，随着后二的进阶，自然而然地进阶）

css：css2基础属性-css3新特性-《css世界》深入理解css2属性-《css揭秘》玩转css3新特性

js：《DOM编程艺术》-《锋利的jquery》-《js高级程序设计》-《高性能js》-《js语言精粹》-《js设计模式与开发实践》

注：犀牛书我没看，不代表不推荐

有了一定基础还是推荐看书学习，更系统，看博客、文章就上文提到的知乎、掘金等等就不再贴链接了，有时候看视频学习没那么枯燥乏味，那就去慕课网、妙味课堂等等，当然那些大火的框架，自然是去看对应的官方文档和社区。

基础也很抽象，怎么对口找工作？

---

1、bootstrap以手机端为主，制作多端响应的网页。

2、微信小程序，用微信提供的框架制作只能运行在微信中，类似原生app的应用。

3、cms内容管理系统，用后台模板数据标签+静态页面组合成完整网站。

…

看公司主营业务，选一个提升熟练度，拿下第一份工作，不要什么都了解，什么都不会。

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

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

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

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

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

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

最后

整理面试题，不是让大家去只刷面试题，而是熟悉目前实际面试中常见的考察方式和知识点，做到心中有数，也可以用来自查及完善知识体系。

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

《前端基础面试题》，《前端校招面试题精编解析大全》，《前端面试题宝典》，《前端面试题：常用算法》

《前端面试题：常用算法》**

[外链图片转存中…(img-t08BRwW4-1711613145751)]

[外链图片转存中…(img-cBhiaHQj-1711613145751)]

[外链图片转存中…(img-HiUwL4qD-1711613145751)]