總結前端三年 理想滾燙與現實的冰冷碰撞

大家好,我是500佰,技術宅男 目前正在前往獨立開發路線,我會在這里分享關于編程技術獨立開發技術資訊以及編程感悟等內容

6月3日的一篇《一個普通人的30歲 他經歷了什么》介紹一篇自己的碎碎念、即回顧自己以前的成長經歷,那么再接著說下這3年來的工作經歷,2022年1月,我以一名前端新人的身份開始了職業生涯。每當看到瀏覽器中運行的網站、手機里流暢的APP,或是點擊按鈕后轉動的loading圖標,都會想到這些產品背后凝聚著無數開發者的心血。我既期待能成為這個創造數字世界的一員,又難免擔心:自己的技術儲備是否足夠?會不會被身邊優秀的同事遠遠甩在身后?
懷揣著對未來的憧憬與一絲忐忑,我正式踏入了職業生涯的第一站。

不斷嘗試和調整的前兩年(2022 ~ 2024)

我的職業生涯始于一家頗具特色的企業。原本以為會從事移動應用或網站開發,沒想到公司專注于打造一款獨特產品——我們開發了一系列可復用組件,配合自主研發的拖拽式平臺,能夠快速搭建Web站點。這種模式與后來流行的低代碼平臺頗有相似之處。
作為一名Java工程師加入公司后,卻發現實際工作內容與預期有較大差異。當時還不了解’前端開發’這個概念,只是困惑于為何很少接觸Java開發,反而需要維護各種組件。初期內心十分抗拒–既沒有相關技術儲備,又擔心長期從事前端工作會導致Java技能生疏,更憂慮職業發展路徑的偏離。

隨著對前端技術的深入探索,我逐漸發現了這個領域的魅力所在。Chrome瀏覽器提供的強大調試工具、SublimeVs Code等現代化編輯器的流暢體驗,與Java開發中IDEA那種修改代碼后需要漫長重啟的繁瑣流程形成鮮明對比,更加輕量。這種高效愉悅的開發體驗,讓我逐漸轉變了最初對前端工作的抵觸情緒,最終不僅接受了這個方向,更開始享受其中的樂趣。

這是一家規模很小的創業公司,辦公環境簡單明了:公司高管和技術經理、PM等各自有獨立辦公室,其余員工則集中在一個大開間的辦公桌,按職能劃分為Tech Team 研發和質量保證團隊。由于公司產品以客戶端軟件為主,版本發布節奏穩定規律,員工們保持著朝九晚六的規律作息。印象中,整個任職期間僅有一次加班到晚上10點,工作氛圍輕松,鮮少感受到壓力。

在這里插入圖片描述

小黃牛總認為安逸是種罪過(總會有種莫名的焦慮感),朝九晚六的穩定工作會讓人失去競爭力。在這種想法的驅使下,我開始考慮跳槽。通過梳理日常工作內容,我發現自己從事的工作其實有個專業名稱——前端工程師,于是便將這個職位作為新的職業目標。

第一次內推機會來自一家名為魚無極的公司。面試經歷讓我記憶猶新:原本以為日常工作涉及的技術已經覆蓋前端領域,我信心十足地前去面試,卻遭遇了滑鐵盧。面試官提出的CSS布局問題讓我措手不及——需要在紙上畫出一個圓形圖片和右側文字排版的實現方案。由于平時工作中主要使用現成組件,通過組件API來調整樣式,這種需要手寫CSS解決實際問題的場景完全超出了我的經驗范圍。

不出所料,這次面試以"回去等通知"告終,但也讓我清楚地認識到自身技術上的不足。

這次面試失利讓我意識到自己在前端領域的知識儲備嚴重不足,于是決定暫緩求職,轉而開始系統性自學。我采取了多種學習方式:研讀前端專業書籍、分析H5模板站的實現原理、在博客園研讀技術大牛的文章。

在學習過程中,我發現一位博主的前端技術文章質量極高,恰好他的簽名欄附有一個vx號。大佬帶我入圈,為了達到入群要求,我專門注冊了GitHub賬號并撰寫了幾篇技術博客,最終成功加入該群。這個技術交流群后來成為了我學習成長的重要資源庫,為后續的進步提供了關鍵支持。

經過幾個月的刻苦自學,我自認為已經掌握了前端開發的基礎技能,于是開始在智聯\BOSS招聘上投遞簡歷。很快,我收到了一家公司的面試邀請。這次面試過程異常順利,我成功以前端工程師的職位加入了這家公司。

然而命運似乎總愛開玩笑。入職后我才了解到,公司之所以招聘前端開發,是因為原先的前端工程師突然離職,留下了一堆未完成的項目和一個只有美工背景的同事。這個出人意料的局面,成為了我職業生涯中又一個意想不到的轉折點。 還記得入職第一天,用card:nth-of-type(3n+1) 選擇器精確控制特定位置的元素樣式,避免了使用額外的類名或復雜的JavaScript操作 ,在內心安慰自己:可以了,至少你現在在做正常的前端工作了。

在接下來的幾個月里,我逐漸意識到公司對前端工程師的定位與我的預期相去甚遠。除了常規開發工作外,我甚至需要協助客戶端開發同事完成從Adobe Photoshop軟件將設計稿中的元素切割導出為可用于網頁或App開發的圖片資源切圖這樣的基礎工作。不過值得慶幸的是,公司保持著9:00-18:00的穩定工作時間,這讓我有充足精力投入到技術研究中。在這段時期,我成功將Less Redux axios請求庫引入老舊項目,顯著提升了開發效率。更令人欣喜的是,我業余開發的一個圖片旋轉小游戲意外獲得了公司的認可,被采納為公眾號的日常互動小游戲。這些小小的成就讓我一度覺得工作還算順心。

然而好景不長,當我在技術方案上與擔任Java開發的老板產生分歧時,一句"這是最佳實踐方案"的武斷決策,徹底澆滅了我的工作熱情。這種缺乏技術依據的專斷讓我倍感無力,也再次萌生了尋找新機會的念頭。

職業發展的重要轉折出現在一次偶然的社群招聘中。從傳統IT企業到互聯網公司的面試經歷形成了鮮明對比:開放式辦公環境、創意裝飾、完善的休閑設施展現了完全不同的企業文化。技術面試環節,當被問及技術愿景時,我提出了云端同步工具的開發構想。這次成功的面試使我順利加入,完成了從傳統軟件到互聯網行業的關鍵轉型。

互聯網大潮中的探索與突破 (2025)

入職前已通過技術預研和作業考核(涉及Nodejs、React、nextjs、Koa、Express、Redis、MySQL、RocketMQ、RabbitMQ等技術棧),為后續工作打下堅實基礎,使得入職后能夠快速適應互聯網開發節奏。

“我們不是在建造流水線,而是在培育熱帶雨林。”–產品的團隊leader力還是可以的,業余時產品經理從零食柜能掏出兩打啤酒,入職互聯網公司后的氛圍感讓我一個從傳統軟件行業過來的人覺得非常棒,雖說互聯網公司的工作氛圍是非常輕松愉快的,但工作內容實打實的帶給我了壓力,App 功能的迭代是非常迅速的,從項目需求介紹,產品設計、技術選型、技術架構圖、業務流程設計這些工程工作量是非常大的,第一次接觸到了工程化,當時工程內處于 grunt、gulp 并存的狀態,工程又被構建升級為了 webpack,也是經由這些工程能夠有場景實際使用 React 來進行開發,在這里第一次接觸到了工程上線,H5 也都是采用的 SSR,因此工作中不可避免的接觸到了 Node。非常感謝這份工作帶給我的成長。在機緣巧合下,總是有機會出現在自己的眼前,每次也都能比較好的抓住,每當重要機會出現時總能及時把握,加上領導的信任,讓我的工作成果始終保持在第一梯隊,很幸運在職業發展關鍵節點遇到重要機會。

總結

回顧來看這3年:

  • 記得最初兩年就像在迷霧中摸索前行,每次嘗試都帶著不確定

  • 踏入互聯網領域,那些熬夜啃文檔、周末泡技術文章的日子,硬生生逼自己一把

我是500佰,技術宅男 目前正在前往獨立開發路線,我會在這里分享關于編程技術獨立開發技術資訊以及編程感悟等內容給500佰點個贊吧 ~

#前端 #程序員 #編程 #經驗

往期推薦

< 上一篇· 程序員都知道日志記錄重要,為何還有人在這基本功上栽跟頭?

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/bicheng/86426.shtml
繁體地址,請注明出處:http://hk.pswp.cn/bicheng/86426.shtml
英文地址,請注明出處:http://en.pswp.cn/bicheng/86426.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

微服務網關/nacos/feign總結

現在學習到的組件 1.nacos&#xff1a;注冊中心&#xff0c;用于微服務之間交流的第三方管家&#xff0c;與生產者建立心跳契約對其監聽&#xff0c;注冊中心維護一張生產者的活躍表&#xff0c;會將活躍表實時更新并推送給消費者。 2.feign&#xff1a;nacos只是對生產者進行…

WebSocket 協議詳解

WebSocket 協議詳解 1. WebSocket 協議的幀數據詳解 1.1 幀結構 0 1 2 30 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1--------------------------------------------------------|F|R|R|R| opco…

【辦公類-105-01】20250626 托小班報名表-條件格式-判斷雙胞胎EXCLE

背景需求&#xff1a; 今天招生主任電話問我&#xff0c;是否可以通過新生的EXCEL判斷幼兒是雙胞胎&#xff0c;便于分在一個班級里。 她試了EXCEL篩選升序&#xff0c;身份證號碼排序了&#xff0c;但是18個數字太多&#xff0c;看不出“雙胞胎” 于是把三個園區的名單發我來…

WPF Binding 的 Mode 屬性

前言 在 WPF 中&#xff0c;Binding 的 Mode 屬性決定了數據綁定的方向和行為。Mode 是 Binding 類的一個重要屬性&#xff0c;它指定了數據如何在源&#xff08;Source&#xff09;和目標&#xff08;Target&#xff09;之間流動。可用的 BindingMode 枚舉值有以下幾種&#…

C++新紀元:深入C++11/14/17/20核心特性與名企面試精粹(完整版)--8000字硬核解析 | 騰訊/阿里/字節真題實戰

一、右值引用與移動語義&#xff1a;性能革命的核心 面試真題&#xff08;字節跳動&#xff09; "如何實現高效字符串拼接&#xff1f;解釋std::move原理及適用場景" 1. 核心概念 左值&#xff1a;具名對象&#xff0c;可取地址&#xff08;如變量、函數返回值&…

網絡安全之Linux提權由淺入深

前言 在滲透測試與內網攻防中&#xff0c;提權&#xff08;Privilege Escalation&#xff09;是至關重要的一環。尤其在 Linux 環境中&#xff0c;權限的嚴格劃分雖然提升了系統安全性&#xff0c;但一旦攻擊者獲得了初始訪問權限&#xff0c;他們往往會試圖通過各種方式實現權…

【streamlit 動態添加/刪除 輸入條目items】

如何動態添加添加條目呢?類似下邊的效果 pip install streamlit 代碼 app.py import streamlit as stdef rule_component(st_ph: st = st):## 添加解析規則, 動態添加元素if

量學云講堂王巖江宇龍2025年第58期視頻 主課正課系統課+收評

量學云講堂王巖江宇龍2025年第58期視頻 主課正課系統課收評資源簡介&#xff1a; 課程目錄&#xff1a; 江宇龍課程 31楓林陽-股票走勢中多空必爭的關鍵要地(1).mp4 32楓林陽-關鍵要地的直觀表現之畫線標準.mp4 33楓林陽-提綱舉領之量線學習的要點綱要.mp4 34楓林陽-主力攻…

Milvus【部署 03】Linux OpenEuler 環境在線+離線安裝及卸載

在線離線安裝及卸載 1. 在線安裝2. 離線安裝3. 卸載 1. 在線安裝 [roottcloud milvus]# yum install ./milvus-2.1.4-1.el7.x86_64.rpm安裝日志&#xff1a; OS …

< 自用文兒 在 Ubuntu 上安裝 Claude Code > 發現了“京東云 JDCloude” 有國內商業云中最低的網絡性能

Claude Code&#xff1a; 最近刷屏這個詞&#xff1a;Claude Code 以后叫 CC&#xff0c;它是 Anthropic 的一款智能編程工具&#xff0c;幾個特點&#xff1a; 在終端運行 像使用命令行工具一樣&#xff0c;無需圖形用戶界面 GUI深度理解整個代碼庫 使用自然語言 讓其修復 b…

Docker部署prometheus+grafana+...

Docker部署prometheusgrafana… prometheus官網 官網 https://prometheus.io/ 中文網址 https://prometheus.ac.cn/ Prometheus簡介 Prometheus(普羅米修斯&#xff09;是一套開源的監控&報警&時間序列數據庫的組合&#xff0c;由SoundCloud公司開發。 Prometheus基…

Python爬蟲實戰:研究Spynner相關技術

1 引言 1.1 研究背景與意義 隨著互聯網的迅速發展,網頁內容呈現形式日益復雜。傳統的靜態網頁逐漸被動態網頁所取代,大量內容通過 JavaScript 動態生成或 AJAX 異步加載。這使得傳統爬蟲(如基于 Requests 庫的爬蟲)難以獲取完整的網頁信息,因為它們只能獲取頁面的初始 H…

人工智能訓練知識學習-TTS(智能語音合成)

人機對話——TTS&#xff08;TextToSpeech&#xff09; 概念&#xff1a; TTS技術&#xff0c;即文本轉語音技術&#xff0c;是一種將文字內容轉換為語音輸出的技術。它通過計算機程序和算法&#xff0c;將文本信息轉化為自然流暢的語音信號&#xff0c;讓用戶能夠聽到文字內…

【Java高頻面試問題】JVM篇

【Java高頻面試問題】JVM篇 類加載機制加載&#xff08;Loading&#xff09;連接&#xff08;Linking&#xff09;?初始化&#xff08;Initialization&#xff09;?使用&#xff08;Using&#xff09;與卸載&#xff08;Unloading&#xff09; 類加載器和雙親委派模型類加載器…

DBeaver的sql編輯器文本格式字體大小設置

DBeaver的sql編輯器文本格式字體大小設置。開始就沒有找到。早上比較清醒被我發現了。記錄下來

自學Java怎么入門

自學Java其實沒有想象中那么難&#xff0c;只要找對方法&#xff0c;循序漸進地學習&#xff0c;很快就能上手。下面我結合自己的經驗&#xff0c;給你整理一條清晰的學習路徑&#xff0c;咱們一步步來。 一、先了解Java能做什么 在開始之前&#xff0c;建議你先看看Java都能…

操作系統面試知識點(1):操作系統基礎

目錄 1.什么是操作系統: 2.操作系統有哪些功能? 3.常見的操作系統有哪些 4.用戶態和內核態 5.內核態權限這么高,為什么不還要用戶態? 6.用戶態和內核態是如何切換的? 7.系統調用 8,系統調用的過程 ???????1.什么是操作系統: (1)操作系統(OS)是管理計算機軟硬…

Linux 和 Windows 服務器:哪一個更適合您的業務需求?

在選擇服務器操作系統時&#xff0c;Linux 和 Windows 服務器是最常見的兩種選擇。它們各有特點&#xff0c;適合不同的業務需求和使用環境。本文將詳細分析 Linux 和 Windows 服務器的主要差異&#xff0c;包括成本、安全性、性能、定制化能力和用戶界面等方面&#xff0c;幫助…

CertiK聯創顧榮輝將于港大活動發表演講,分享Web3安全與發展新視角

CertiK聯合創始人、哥倫比亞大學教授顧榮輝&#xff0c;將于6月30日出席香港大學經管學院主辦的“Web3革新與商業機遇”活動&#xff0c;并發表主題演講《規模化Web3&#xff1a;面向全球受眾的創新與安全平衡之道》。 本次活動由港大經管學院高層管理教育主辦&#xff0c;Met…

SpringAI系列---【SpringAI如何接入阿里云百煉大模型?】

1.導言 阿里云百煉的通義千問模型支持 OpenAI 兼容接口&#xff0c;您只需調整 API Key、BASE_URL 和模型名稱&#xff0c;即可將原有 OpenAI 代碼遷移至阿里云百煉服務使用。 如果是要接入阿里云百煉模型&#xff0c;首先推薦使用Spring AI Alibaba&#xff0c;而不是使用Spri…