为什么你学HTML5前端这么久，水平还是烂成渣？

逃离我推掉我的手 2022-11-22 00:27 104阅读 0赞

1、为什么你学了很久，依然不是一名优秀的HTML5前端工程师？

现如今，HTML、CSS、JS、jQuery等HTML5前端相关的技术，火得不要不要的，需求之大、工资之高，啧啧  
![在这里插入图片描述][20201103141443366.png_pic_center]  
于是乎，各路精英，有基础的没基础的，都开始掉转方向学起HTML5前端的来，比如html、CSS、JS/jQuery、Ajax、Bootstrap等等。

如果你也是其中一员，下了很多次的决心，但还是没什么进展，或者已经开始了很多次，但每次都坚持不了多久。

又或者很多次想要好好花时间学点东西，但总是忙忙碌碌，计划一拖再拖。从最初开始想学到现在已经过去很久了，但是你的水平还是烂成渣？思考一个问题，为什么有些人想到就能做到，你却做不到呢？不知道你有没有想过，我们做一件事情的动力是从哪里来的呢？

哪些问题阻碍你成为一个优秀的HTML5前端工程师？

有一个公式，可以帮助你做自我评估，快速找到自己的问题所在：如果，对现状不满、对未来的憧憬、清晰的行动方案>阻力，此时你就会行动起来。

反之，你就会有心无力，行动不起来！很多人学技术，之所以行动不起来，或者坚持不下去，主要是：

1、现在的工作还过得去，现状也还能忍受，得过且过，不满度极低；

2、虽然知道学好技术可以工资翻倍，可以去BAT等大公司工作，但也只是偶尔想想而已，并没有达到梦寐以求的地步；

3、有兴致的时候，也只是信马由缰的看看书、看看视频，并没有制定系统的学习计划（包括学习、复习、作业、测试、探究等等）。

成为一个优秀的HTML5前端工程师，少不了这样做

如果你想学习，想转行，想跳槽，真心的建议你选择一套系统、专业的课程去学习！

它会在一定程度上让你对未来有更清晰的认知，在“对未来的憧憬”一项上帮你加分。

同时，也是最关键的价值，它会为你提供一套清晰的行动方案——什么时候该学什么，什么时候复习、什么时候做作业、什么时候测试等等，你只要照做就行。

只要能跟着教学计划学习、复习、考试、做项目，坚持走完，成为一名专业的HTML5前端工程师并不难。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbm11NTIw_size_16_color_FFFFFF_t_70_pic_center]

> 在前端领域混了这几年，总结了一套前端学习的精讲视频和学习路线，如果有对前端开发感兴趣的伙伴，不管你是想转行，或是大学生，还有工作中想提升自己能力的web前端党，欢迎大家的加入我的前端开发交流群：603985993  
> 希望大家诚心交流！，与企业需求同步。好友都在里面学习交流，每天都会有大牛定时讲解前端技术!也可以关注我的微信公众号：【前端留学生】  
> 每天更新最新技术文章干货。

以下是优秀的前端工程师在即时面对普通的任务也会做的事情(这才是市场急需的前端)：

1.  DNS解析、使用CDN和关于multiple Hostnames as part of resources request；
2.  HTTP Headers (Expires, Cache-Control, If-Modified-Since)；
3.  Steve Souders的所有规则(High Performance Websites)；
4.  如何解决PageSpeed, YSlow, Chrome Dev Tools Audit, Chrome Dev Tools Timeline显示的所有问题；
5.  何时把任务传到服务器和客户端；
6.  缓存，预取和负荷技术的使用；
7.  Native JS，知道何时从头开始做，何时查找别人的代码，同时可以评估这样做的优缺点；
8.  CSS标准、modern conventions、 strategies (e.g. BEM, SMACSS, OOCSS)的知识和用法；
9.  JS的电脑知识(内存管理，单线程的性质，垃圾收集算法，超时，范围，提升，模式)。

换句话说，如果说精通HTML+CSS+JS，了解后端知识，可能是只有60及格分的前端工程师。

那么要想成为受追捧、拿高薪的100分优秀前端，要对业务需求和、架构设计有真正的运用；必须要能够兼顾技术和设计，更接近“以前端开发为主的全栈工程师”了！

[20201103141443366.png_pic_center]: /images/20221120/5ddc0f1af3a8476aba9949a08fb63700.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbm11NTIw_size_16_color_FFFFFF_t_70_pic_center]: /images/20221120/fb96fb02dcc541e6a6fde9f49899104c.png