前端实习生需要到达什么水平？

迷南。 2023-01-14 11:52 155阅读 0赞

想学习web前端，并且能拿到不错的offer，那么你得找到好的学习方法

前端最让人误解的就是入门简直不要太简单了！基本上每天花一些时间学习，一个多月的时间，就能开始学会做网页，做动效，但是要是想真正用到工作中，要学的东西太多太多了！目前市场来说，初级前端工程师并不是很值钱，要想达到上万的薪资，真，真，真的是不是做做网页就行了

第一呢：大家得明白学习前端，基础的重要性

无论做什么都一定要有扎实的基础，只有基础牢固，才能更深入的学习新技能。作为一名初级的web前端工程师，你必须要具备基础的技术要素：html，CSS和JavaScript。这是作为web前端工程师所必须要掌握的。web前端的入门门槛其实很低的，与其他语言先慢后快的学习节奏相比，他是一个先快后慢的过程。所以在前期的学习过程中，你会很容易的掌握其基础的技能。而随着html5技术的广泛应用，web前端的学习也会变得更加简单。

第二：细节的重要性

有句俗语是这样说的：“细节决定成败”，很多web前端开发者在工作过程中为了追求速度，而忽略了一些细节性的东西。比如：给代码加备注，代码的命名规范，代码的简洁等。所有的这些看似不重要，其实却严重影响了项目的进度以及自身能力的提升。在开发过程中，适当的添加备注，能够加深对技术点的印象，也便于以后在修改的过程中迅速查找;规范的代码命名能够方便团队之间的沟通，提高工作效率;而简洁的代码能够直观的展现某一块代码的作用。

第三：网站布局的重要性

做网站的目的除了向大众群体直观的展现公司的形象以外，更重要的还是便于SEO优化，为了提升网站在百度搜索引擎中的排名，以获取更多的浏览量。因为网站没有排名，不能让更多的人了解到公司，盈利从何谈起呢？作为一名web前端程序员，想要进一步提升技能，就一定要研究网站的优化布局。

第四：学习的重要性

优秀的web前端工程师之所以优秀，不是因为工作的年限有多久，而是具备快速学习的能力。web前端开发是一个特殊的工作，涵盖的知识面非常广，而且互联网行业技术的更新速度是非常快的，如果没有快速学习的能力，就很难跟上时代的步伐。所以，作为web前端工程师一定要不断的学习，提升技能。

这里跟大家说一点，不少小伙伴向我咨询关于找工作这一块，为什么去招聘网找工作，都会碰到很多培训机构的公司，这其实还是因为你们自己的技术，学历，简历。他们的招聘信息就是专门去针对只有基础，没有实战项目经验的人，对技能要求都不会很高，学历基本上中专以上，或者是不限制！这些公司大家就要小心了！

建议大家可以多去面试大厂，积累经验，小公司很少会招前端实习，为啥？？？经济不允许呗！都是要找直接上岗开发的人，哪有什么闲钱去养前端实习呢，更加是没有人会去带你，教你。一个小公司基本上就一到两个前端。

去面试大厂的前端开发，就需要有扎实的技术储备与工程能力！

一般来说，大厂的前端校招会比其他中小企业更看重对面试者的全方位考核，如果你是科班出身，校招的技术考核会包括且不限于：

计算机专业基础（数据结构，算法，计算机网络，操作系统，数据库）

职位相关基础（JS/ES知识体系，浏览器渲染与缓存，前后端通信，Web安全）

工程实践经验（性能优化，依赖管理，依赖打包，模块化，组件化，用户鉴权，版本管理，包管理，服务器基础）

主流框架理解（Vue，React二选一）

部分要求极高的大厂还会考核你的理科基础（线性代数，高等数学）

另外，不同的大厂也有不同的侧重点。

技术实力最顶尖的阿里淘系FED会对你的基础知识体系以及你简历上写到的技能展开一场惨绝人寰的刨根问底，而字节跳动则更看重你的实际工程经验以及对于软件系统架构的理解。

通过每家大厂的面试策略，你也可以侧面观察出这家企业的团队技术实力和业务发展方向。

我将技术面中遇到的所有知识点整理成了一张思维导图。建议一条一条仔细查阅，对于任何没有百分百把握的知识点，我都建议你把它整理到一个列表里，逐条梳理。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70]  
关于学习web前端的误区和学习建议：

1.只看教程，不动手实战

这个可以说是学习的最大的一忌，也是提醒过最多的一个注是事项！网上的教程有许多许多，各个语言，各个知识点，各方面的都有，javascript，html5，css3等的一些，随便一搜就一大把，毕竟互联网最大的优势之一就是资源共享！但是很多人看教程就只是看教程，不动手实操。即使博客的教程，视频教程再好，自己不动手实操，写代码，这样的学习方式，记忆根本不深刻，容易遗忘，到头来，可能什么都没学会！而且有些教程，如果没有跟着动手实操，可能会蒙圈。

个人建议：要挑觉得适合自己的教程，也要动手实操，写代码。即使不是边看教程编写代码！在看完了教程之后，一定要自己动手实操！过程中，可能会遇到些问题，但是这样才会学习到更多，记忆也更加牢固！

2.只学框架或者库

这个情况，针对javascript现在没有以前严重了，在以前还是jquery傲视群雄的时候。很多人会在聊天的时候会说：有了jquery，为什么还要学js？有了vue，为什么还要学js？面对这样的提问，我那时候没有回答，心里想：jquery或者vue就是用js实现的，不会js，学jquery或者vue第一学得吃力，第二学jquery或者vue肯定不会很深入。而且，万一有时候，项目不允许用jquery或者vue，那就基本不会写代码了。这时候，如果学习其它的框架或者库，基本又等于重新学一门语言了。

个人建议：先把基础（html+css+js）打牢，再学其他框架或者库。虽然在会js的情况下，我不敢说学js的框架或者库就是查文档，查API。但至少学js框架或者库可以不会那么吃力！

3.只顾着写代码

这个就是我之前的一个习惯，只顾着写代码，不知道：耦合，实例化，继承等专业术语，和别人交流，无限蒙圈！根本不知道别人在说什么！互联网的技术更新的速度非常的快，隔三差五就发布一个框架，一个库，一个工具。虽然不是每一个更新的技术都需要学习。但是如果只顾着写代码，不了解新的技术。这样很容易使自己停止不前，失去竞争力。

个人建议：在写代码之余，要确保自己是不是了解代码，对代码有没有一个认识。以及多点留意消息，看下有没有什么技术更新！如果觉得更新的技术很实用，或者自己有兴趣，可以多了解下！毕竟互联网是一个做到老，学到老的一个领域，技术更新的很快，如果跟不上流行的趋势，说不定自己会被淘汰呢！

4.太早接触复杂项目

这个情况，比较普遍，无论是在学校或者是现在的培训机构。很多学习前端的人，基础没打牢，就在那里扬言要做一个大项目，我听到的有的人想做知乎，有的人想做世纪佳缘等等一些伟大的目标！但是全部人都是连网站的业务流程和逻辑都没弄清，最后越搞越乱，就放弃了！之前的伟大目标都成了烂尾楼，作用最多就是一个代码练习的作用！花了大量的时间，做了一件没很大的实际意义的事情！

个人建议：从简单到复杂，复杂的网站，都是有很多简单的模块。不妨先从简单的功能做起，做完了一个功能再往里面加功能！现在所处的公司就是这样，开发的后台管理系统，开发几个月了，从一个只有员工的登录注册的功能，然后再逐一加功能，到现在项目逐渐完善！

5.好高骛远，急于求成

这个情况就是多见于培训机构出来的人。我不知道是不是所有城市都是这样，但是广州这边，给我的感觉就是这样。就是目标不切实际，对自己也不够认识！之前在群聊的时候，在金三银四那段时间，很多人找工作，聊天的时候也遇到过很多培训机构的人。简历上是各种精通，刚毕业在培训机构培训几个月，要么就是自带两三年工作经验，要么就是说自己培训了几个月，技术水平和市面上两三年的人差不多。总之就是把自己吹得无所不能！但是一出题，就十问九不知。问闭包是什么，不知道；问原型是什么，不知道。问继承是什么，还是不知道。

上面所说的，只是一个表面的现象，更重要的就是，好高骛远这个情况，很有可能会导致自己难以找到工作！因为一些企业认为最高只能给你4000工资，但是你自己却认为自己有实力拿到9000以上的工资。这样情况，很难找到工作！给人的印象也不好！更重要的是，这可能会影响自己的职业选择！

个人建议：从实际出发，评估自己。想下自己会什么，能给企业带来什么！也可以停下别人的建议，和对比下别人的技术水平和工资，或者是上网找一些面试题，看下自己能不能完成那些面试题！最后评估下自己，认为自己处于什么位置！

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70 1]  
6.看到难点就逃避

这一点，相信很多人都有感触，就在开发上，遇到上一个或者几个自己觉得没办法实现的需求或功能。千方百计地想着逃避，比如：这个功能不是很重要，不做可以吗？这个功能我从来没弄过，搞不定的。这个功能外包给别人做吧，我们做不了！很多一些逃避话语。大家可以想下，如果每次都是逃避，那么时间一久，自己技术水平是不是还停留在基础那个阶段？以后要怎么提升自己的技术水平。

个人建议：迎难而上。在web前端开发这块，如果遇上了难题是正常的，如果没遇到难题就是见了鬼！面对难题，我们应该是挑战难题，而不是逃避！大家都想提升自己的技术水平，挑战难题不就是一个很好的提升技术水平的实战机会吗？如果完成了之前认为不可能完成的难题，这样就是一个技术水平提升的见证！不是吗？我也觉得，每天就写简单的业务代码，不探索新知识，不挑战难题，这样做开发也没多少意思！

> 学习是一个艰苦的过程，当然如果能把技术学成，最后也一定可以获得高薪工作。掌握一个好的学习方法，跟对一个学习的人非常重要。今后要是大家有啥问题，可以随时来问我，能帮助别人学习解决问题，对于自己也是一个提升的过程。自己整理了一份最全面前端学习资料，从最基础的HTML+CSS+JS到HTML5的项目实战的学习资料都有整理这是我的前端技术交流Q  
> un++++++++++603---- 985---- 993----++++++++++++++  
> 有问题随时在里面问我，能给大家提出很多宝贵建议。

7.能用就行，不想优化

这个也是一个很常见的情况，很多人认为写的代码能用就行，能实现需求就行！根本不管日后的优化。在开发项目或者开发插件上，虽然我也是提倡:先实现，再优化这个方式！但是并不代表我开发完了就完了，不会再想优化！如果不试着去优化自己的代码，不探索写代码的更好方式，以后别说编写高质量，简洁的代码了，因为自己把学习编写高质量，简洁的代码的一个重要途径给封锁了。还有一个就是，项目上，有些问题可能是潜在的，就是现在看着项目没出现什么问题，但并不代表以后不会出现问题。反而在项目开发完了之后，试着去优化自己的代码，探索更好的实现方式，试着编写出高质量，简洁的代码。这样难道不是一个很好的学习过程吗？至于优化代码的方式，很多很多（比如常说的：代码过于重复，是否引入设计模式？网站性能一般，可否进行优化？），优化这一块，也不是说一步就优化到最好的，而是至少不会比以前差！关于优化，我之前也发过一些资源。很容易找到，网上的资源更是很多！大家挑着看便是！

8.不懂不问和不懂立刻问

不懂不问，这个大家都知道，就是遇到问题，从不问同事或者通过其他方式咨询别人。就是自己在那里苦思冥想，尝试各种解决方案。这样的方式，最坏的结果就是最终还是解决不了问题，让同事来询问开发情况。最好的结果问题解决了，但是解决问题所花的时间会肯定很多。

不懂立刻问，这个就是词面的意思。遇到问题马上问别人。自己没怎么思考或者根本不思考。这样能解决问题，但是这样会导致自己可能会频繁的问同事，会搞得同事很不耐烦。如果把同事的耐心磨没了，可能回答的语气可能不会很好。这样不仅影响同事之间的关系，还会让自己之后不敢再请教同事，有让自己处于上面所说的不懂不问的风险。

个人建议：适时请教。遇到不懂的问题，先自己结合上下文思考下，想下以前有没有遇到这个问题，解决不了去网上找解决方案，如果还没有解决问题，这个时候再问别人，问同事或者通过其它渠道问别人。这样自己有了思考，解决问题的时候记忆也很深刻，也不会频繁的打扰同事！

9.不懂装懂

这个次面上跟上面的差不多，但实际上不一样！不懂装懂就是去问别人的时候，实际上别人的讲解并没有完全听懂，可能是碍于面子或者是因为不好意思打扰别人那么久，或者担心打扰别人太久，所以装作很懂。但是这样可能忽悠得了一时，很快又会露出马脚。这样会搞得隔一会又要去问别人同样的问题，这样反而会搞得别人更加尴尬，更加为难！自己也会打扰别人更多的时间！

个人建议：如果有问题去问别人，只要你问的人不是一个非常没有耐心的人。他都会耐心的解答你的问题！所以，当问别人问题的时候，一定要确保自己是已经弄懂了问题的缘由，同事一遍没解释清楚，自己直接回答不明白，相信很多人都会再详细的解释一遍。如果担心同事工作忙或者其它原因，可以挑一个合适的时间！我现在问同事就是，要么不问，要问就切底弄懂！当然了，我的同事都很有耐心，每次我有什么问题，他们都会耐心解答，甚至是扩展开来讲！

10.没理清楚需求就写代码

很多人在接到需求之后，第一反应就是写代码，即使是在自己没把需求理清楚之前也是照样写代码。另一种情况就是，很多人是边写代码，边想需求。这个开发方式，万一自己对需求理解有误！可能会导致自己写的代码，很大一部分都要修改，甚至是全部删除重写。没理清楚需求就写代码这个情况，发生的概率应该挺大的，但是一般来说很难发现这个情况，毕竟程序员对代码的增删改查是再正常不过了！我本身也不知道，就是在一次的技术分享中，老大提出来的，他的建议就是对于一些稍微复杂一点的需求，先理清楚需求，简单画个流程图，然后在代码里面，先写上一点注释，再开始动手写代码！对于这一点，我现在就是在执行当中！除非需求真的很简单，否则我都会在草稿本上简单画一下流程图。比如下面这个，这个已经是我画的流程图里比较简单的一个了。根据流程图，写好注释，再写代码，这样会比较有条理，代码也清晰，日后的返工也可能会有，但是不会像以前那么多！在开发时间上，效率上，都得到了一个提升！

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70]: /images/20221022/7f210a9ccbf246cc9b2199c6950ae736.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70 1]: /images/20221022/7cae344aff3948ca891d5f0b92e23891.png