Published on

两年回顾

Authors
  • avatar
    Name
    hpoenixf
    Twitter

回顾与成长:从前端入门到现在

转眼间,学习前端已有两年半。从起初的零基础,到一年前感到工作重复而迷茫,再到如今重新充满激情并获得一些大公司的录取机会,终于找到了成为优秀前端工程师的一些方向。无意间发现两年前我在知乎上回答的“零基础开始学 Web 前端开发,有什么建议吗?”仍有人在阅读和评论,感到颇有感慨。分享我的经历,希望能帮助更多人在入门之后突破迷茫,找到成长的方向。


2016年

从入门到初次就业 2016年3月,我入职广州某游戏公司,实现了毕业前进入大公司的小目标。当时的技术水平是:会一些 jQuery、了解一点 Backbone 和 Node.js,看过一些 Express 和 ES6 的内容。

公司主要开发内部管理系统。我现学现卖地用上了 Vue(当时还是 Vue 1)。半年后,Vue 2 推出,我又花时间将项目迁移到 Vue 2。那时,面试中可能还有人问 Vue 1 和 Vue 2 的区别,现在已经鲜有人提起,足见前端技术更新的速度之快。

学习建议:入门 Vue Vue 是一套门槛较低且适合新人的框架,非常推荐刚入门的小伙伴学习。虽然 Vue 看似简单,但不要满足于仅仅会使用 API 和工具,建议抽空研究其源码,特别是:

  • 双向绑定的原理
  • 虚拟 DOM 的机制
  • nextTick 的实现
  • Vuex 和 Vue Router 的源码

前端领域变化迅速,仅仅记住 API 和工具是不够的,理解底层编程思想和实现原理至关重要。


2017年

从内部系统到面向用户的开发 经过一些波折,2017年4月,我入职了一家创业公司,开始参与面向用户的前端开发。

用户页面与内部管理系统有很大不同:

  • 内部管理系统 注重业务逻辑和开发效率,对性能优化、兼容性等要求较低。
  • 面向用户的页面 则需要更多考量:兼容性、加载速度、SEO、美观、响应式设计等。

新的挑战:移动端架构 2017年下半年,我接到任务开发移动端架构,被要求不能使用 Vue 或 React,而是使用服务器渲染。这对习惯了 Vue 全家桶的我来说无疑是一个挑战。

经过探索,我总结出一套前端 SPA 路由跳转方案,并将其封装成框架。这次经历让我意识到:

  • 不能依赖框架:要了解框架解决了什么问题,适用于哪些场景。
  • 原生 JS 的重要性:多造“轮子”,提升对底层实现的理解。

这套框架成为我后来找工作的底气和骄傲。


2018年

迷茫期与自我突破 完成框架搭建后,我被安排将其应用到多个项目,包括微博类、今日头条类项目,以及商城等。短时间内完成多个项目,虽然积累了经验,但由于时间紧张,缺乏深入理解业务的机会,我开始对“前端只是重复渲染页面”感到迷茫。

之后,我选择换一个环境,回到深圳重新开始。尽管获得了大公司面试机会,但也遇到了不少挫折。

面试中的知识盲点

  • HTTPS 的流程是怎样的?
  • 如何对项目进行监控和错误处理?
  • Node.js 父子进程如何通信?
  • 项目如何部署上线?
  • 如何解决移动端测试问题?

这些问题让我认识到自己的视野局限于前端开发,忽视了对项目全流程的了解。

转变:成为全局思考的工程师 前端开发人员不能只关注浏览器端,而要有工程师的觉悟:

  • 了解项目部署、后端、测试等流程。
  • 掌握 Node.js,拓展对服务器端的理解。

认清不足后,我开始补充知识,并将部分学习成果分享出来,希望对他人有所帮助。


总结

两年半的成长历程让我深刻体会到:

  • 前端不仅是“写代码”,而是对技术的深挖与思考。
  • 要勇于接受挑战,跳出舒适区,不依赖框架,探索底层原理。
  • 拓宽视野,关注项目的全流程,从更高的层次理解工程实践。

希望我的经历能为正处在迷茫中的你提供一点启发。