我兩年的web開發生涯

来源:http://www.cnblogs.com/lihuanqing/archive/2017/11/18/7857466.html
-Advertisement-
Play Games

我兩年的web開發生涯 與以前的文章分享給大家自己的知識和觀點不同,這篇文章更多的是寫給自己的總結。 現在是 2017年10月18. 從 2015年9月 開始接觸前端開發,至今兩年零一個月。 從 2016年3月 入職中油瑞飛從事相關工作,至今一年零七個月。 目前我即將離職,並於下個月加入一點資訊。 ...


我兩年的web開發生涯

與以前的文章分享給大家自己的知識和觀點不同,這篇文章更多的是寫給自己的總結。
現在是 2017年10月18.
從 2015年9月 開始接觸前端開發,至今兩年零一個月。
從 2016年3月 入職中油瑞飛從事相關工作,至今一年零七個月。
目前我即將離職,並於下個月加入一點資訊。
本文只涉及到技術話題,更像是流水賬一樣記錄我兩年以來的成長。

下水

當時離畢業還有半年,編程語言玩的溜的只有 Matlab,但這貨畢竟主要用於科學計算,稱霸於校園和各大實驗室。我還是打算深入一門商業性強的語言,好吧就是好找工作的語言,因為我即將畢業而且需要一份工作。就此踏上前端開發的征途。當時考慮了幾個方向,比如說後臺開發(PHP等),移動端(swift等),數據挖掘(python等)。結合興趣,前景等因素,最後定在了web前端這塊。當時買了個 Udemy 的課程,老師送了2年的虛擬空間,我自己租了個功能變數名稱,一路學下來自己的個人站點也上線了。從html,css模仿別人的站點開始,到js加上各路動畫特效,當時做了個人站點更多的意義是展示自己學會了什麼。那個站點包括 AJAX 在內的全部 js 的內容都使用的原生 js。留言板用的 PHP 把內容寫在 JSON 文件里。現在看來當初的開發方式就是刀耕火種,但誰都的經歷過新人階段不是麽。

入坑

接下來就是畢業了,補一補基礎概念,加上實際操練也不少,第一份工作找的還是比較順利。當時面了也沒幾家公司,中油瑞飛結束三輪面試後馬上就向我伸出了橄欖枝,晚上部門經理請我喝咖啡跟我聊了一個多小時,初入社會小屌絲哪受得了這,當即簽了賣身契。不過當時理由也是比較充分的,首先作為應屆生,待遇方面還是可以接受的,其次都說國企好,想體驗一下大國企的工作氛圍,還有重要的一點,工作壓力小,我會有很多時間學習感興趣的內容,探索自己的發展方向,況且還能比較順利的解決戶口。後來事實證明,我上面的幾點考慮是非常成熟的。就這樣我進入了人生的第一份工作。

過河

入職以後還是體會到了輕鬆的工作氛圍和無盡的人文關懷的,朝九晚五從不加班,甚至上班時候還有一些時間做自己的事。我當然不能閑著,得好好利用這些時間。當時部門裡的前端工作,大部分就是往移動端里插幾個 H5 頁面,或者做個門戶的登陸頁下載頁之類的,基本就是我之前的刀耕火種加了點 JQuery 。不能這麼搞啊,得上點高端大氣上檔次的貨啊,當時最流行的前端框架 React,Angular 當時 Vue 也小有名氣了,而且據說會更火,但總感覺前兩個更成熟可靠,Angular2 當時呼之欲出但是還沒出,所以非常尷尬,我就抄起 React 開始學習,練習,瞭解周邊工具。沒多久來活兒了,我和一個PHP小哥負責一個會議管理系統,最初的方案是基於 yii2 框架,我配合做頁面就行,我當即提出異議,提出前臺用 React 做單頁應用,後臺只寫介面。領導表示你們倆商量好了就行,後臺小哥表示OK,不過他當然OK了,只寫介面工作量少多了有木有,而且捅出簍子不能按期完工啥的都是我的鍋有木有。此項目前段部分使用 gulp 構建 browserify 打包,使用 React React-Router 和一些工具庫,中間加入過 Redux 後來需求改版後複雜度降低取消了 Redux,兩個人,歷時6個月有餘,第一版正式上線。中間遇到了許多困難剋服了許多困難。接下來,我參照了很多大神的項目,自己總結了很多周邊工具,寫了個 react-starter 是使用 webpack 構建和打包的,因為他實在是太火了我沒法假裝看不見麽,css 方案採用的是 CSS Modules 配合 CSS變數(自定義屬性) 完全可以取代 sass less 之類的預編譯器,而且個人感覺比 css in js 舒服那麼一些,immutable lodash 什麼的也都是比較流行的東西了,配合 React 全家桶,是一個中型項目非常好的開端(當然是自己的評價)。我不但安利了同事們 React 還安利了他們我的 React-starter 於是幾個月前啟動的瑞信綜合管理平臺重構項目中,我們四個前端分成兩組分別負責門戶和統計的前端部分,都是以我的 React-starter 作為起點,安利成功。可以說我一手把他們帶到了 React 這個坑裡,現在我即將離職,項目進展順利,估計離上線也不會太遠。而且你也看得出來,我膨脹了。

撈魚

前面都是工作中的內容,講講工作外的。工作之外我一直也沒忘記我的全棧夢想,好吧其實只是覺得比較酷而已。最開始覺得 python 酷,官網看看語法,抄起 Django 就開始整,玩了一段時間算是勉強能用了,又覺得 php 用的人多,用 PHP 的公司也多,用途應該更廣,跟著我搭檔的項目熟悉了一遍 yii2 ,最後真正沉下心來學習的還是 node。首先這年頭會不 node 根本不好意思說自己是前端工程師,其次 node 寫介面的爽快的感覺也吸引了我。從這兒作為起點,我開始瞭解更多的後臺內容,之前只是大概熟悉 mysql 現在又開始搞 mongodb,之前用過現成的空間,現在直接登陸 Linux 伺服器,什麼日誌啊 Nginx 服務啊之類的也是在這個過程中接觸的。當時覺得部署個 node 到生產伺服器應該很麻煩吧,後來發現其實也就那麼幾步。在這個過程中,我的個人站點第二版 www.dabao.love 也面世了。前臺就是工作中那一套不用多說,後臺用 nodejs 寫的介面,配合之前學的一堆知識,終於給弄上線了。這個站點的最終目的當然了和上一個一樣,只是實踐一下剛學到東西,並沒有什麼卵用。等我下次上線站點的時候一定搞一個有卵用的出來。

還在游

寫到上一句的時候我以為已經發出去了,忙活入職,熟悉業務,做新人串講,突然發現還沒結尾呢。好吧,那就寫到這,今天是11.18,我得接著游了。


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • http://blog.chinaunix.net/uid-28458801-id-4200573.html 一、typeof詳解: 前言: typeof關鍵字是C語言中的一個新擴展,這個特性在linux內核中應用非常廣泛。(其實這和C++的auto關鍵字和可以推斷decltype關鍵字相當類似) ...
  • 一、單系統登錄機制1、http無狀態協議 web應用採用browser/server架構,http作為通信協議。http是無狀態協議,瀏覽器的每一次請求,伺服器會獨立處理,不與之前或之後的請求產生關聯,這個過程用下圖說明,三次請求/響應對之間沒有任何聯繫 但這也同時意味著,任何用戶都能通過瀏覽器訪問 ...
  • Struts2 框架入門及結合Intellj idea完成登陸demo測試 ...
  • 雙向鏈表中的每一個元素都由3部分組成:除了數據成員、next指針外,每個元素還包含一個指向其前驅元素的指針,稱為prev指針。雙向鏈表的組成是這樣的:將一些元素鏈接在一起,使得每個元素的next指針都指向其後繼的元素,而每個元素的prev指針都指向其前驅元素。 ...
  • 閑話多說 免費報名:http://www.genshuixue.com/teacher/classCourseDetail/171117794648 .Net Core來了,帶給我們的是什麼?跨平臺,無疑是最大的亮點! Docker橫空出世,讓開發者和運維者都嘗到了甜頭! Jenkins持久集成,功 ...
  • <style> body{ text-align:center} div{ margin:50px auto}</style><script type="text/javascript"> function clik(t){ //獲取所有的img標簽 var imgs = document.getE ...
  • 剛入園,以此來記錄有關學習html過程中的問題和理解。零基礎,現在在看教學視頻,剛看完html5.問題不大,作為前端開發最基礎的一塊,大致內容也就是記一些符號分別表示什麼。期間有一個問題就是,直接複製粘貼有時候行不通哦,代碼還是得自己一個一個敲啊,不要想著省事。記得之前是複製粘貼了一段話,而沒有那個 ...
  • 我發現現在很多網站都使用了這種效果,比如說錘子官網、elementui官網、秒味課堂等,不單單有滑鼠跟隨的效果,隨著滑鼠的移動還有視覺差的效果,看起來很高大上的技術,其實實現起來很簡單,主要利用css3的transform-style和persperctive屬性。 廢話不多說直接上代碼: html ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...