致敬2016,擁抱2017

2016年5月10號加入現在的團隊,到今天2016年12月31號,已經過去了接近8個月。這整個期間,我們團隊都只有我一個前端工程師,我從剛開始的忐忑不安、壓力極大,到現在基本上手,我們團隊做的項目雖然不大,但是 restful+前后端完全分離+SPA 也是web app 的一種趨勢吧。寫出來,總結下,對自己以后道路做指引,對其他人能有點幫助也說不定呢。

這一年我做了哪些

剛開始的時候直接接手了一個做了個開頭的項目。然后沒辦法,我就用 react 重新開始開發。由于以前并沒有獨立作為前端開發過項目,壓力可想而知,非常大。

沒辦法,那一個月我上下班的1個小時左右的時間都用來查東西,看東西,然后基本每天下班都很晚。

當時真是沒辦法,因為對開發完整的項目真的是沒什么經驗。當時準備用 webpack 來組織項目來著,命令行用 cd 來打開一個文件夾這么基本的語句我都不會。。。這么一個命令我整整查了2天才最后在一個很不起眼的地方看到。

現在想想那個時候還真是挺拼的,雖然解決問題的效率并不能算很高。但是現在遠沒有那個時候那么拼了。
然后一個月后,就是6月初,公司發生了一點變動。

然后我們團隊又重新開發一個新的項目,也是比較小的web app 項目。

這個變動的期間我了解到了 vue 這么個框架。看了下其它開發者的評價,又看了看它的文檔,感覺很不錯,由于我們公司只有我一個前端工程師,而且在我們公司我是最懂前端的了,所以我就毅然決然的決定使用 vue 來開發新的項目。

作為一個沒有獨立開發過項目的人,作為一個沒有使用mvvm框架開發過完整項目的人,我當時也是蠻有壓力的。

在新項目里,我才發現我們團隊是在用 git 來做版本管理的?,然后又學了下 git 。

這樣子我們產品的MVP總算堆出來了。

后來公司的團隊成員有了一點變動,項目進度基本停滯了,產品經理和UX、UI會討論產品原型,然后出原型圖、設計圖。我呢,就沒有太多的任務了,只是斷斷續續完善一點東西。

這樣的時間大概持續了一個月。

這個期間我學了 d3.js ,這個前端的數據可視化庫,因為我們產品到后期可能要用到數據可視化庫,而且掌握一個數據可視化庫對前端開發來說并不多。

不得不說 d3.js,還是比較強大的,它的強大就在于可以靈活的做出想要的效果,而不像 HighCharts ,這些庫拘束性比較大。

還有就是,之前聽我們的后端說用的是 Python,然后就學了一點點。現在對這門語言印象比較深的就是它是靠空格來分割代碼的,看起來很優雅。

了解一點Python之后,有個好處就是我對計算機語言的認識加深了一點,比如同樣是循環或者條件語句,各種計算機語言會有不同的表現方法。

這一個月過去了之后,項目重新規劃了一下,又繼續開發了,但是前期是UI在出圖,然后這個期間我就看了一點node的文檔,萬一以后使用node做東西呢,也算有個基礎。學的不深,但是搭個本地的服務器,修改下文件名,新增文件、修改文件、刪除文件還是可以做到的。

這之后就到了9月份,我印象還是挺深刻的,一下子增加了好多開發任務,整整忙了一個月,這一個月真的是實踐的一個月。對開發的理解加深好多。

這個時候用上了 vue-cli 來搭框架,我用的vue-cli 的webpack 模塊,自帶babel 轉換,所以就直接上手 es6 了。

然后就到了10月份,十一放假而且有朋友結婚就回家了,到了中旬家里有點事又回家了。這一個月基本啥都沒干。

到了11月又忙了一個月。由于項目的一個重要分支之前沒有加路由,沒有加狀態管理,所以不得不重構了一遍,而且項目又增加了一個很關鍵的需求。

這時候尤雨溪大神剛好發布vue2.0的正式版,所以就一并換到了vue2.0。

到了這時候我對vue2.0版的全家桶的基本部分都掌握了。

這時候到了12月了,這個月斷斷續續對項目做了一些優化。值得一說的一個點是我在服務器的請求用上了異步+Promise,以前由于經驗不足+時間匆忙一直用的同步,網速理想的情況下同步也尚可,但是一旦網速較慢整個頁面都會卡住,這是十分不理想的。這個估計是項目中最大的敗筆了吧,好在可以調回來。從開始用的 zepto 的 promise ,后來全部轉到了 es6 的 promise,然后是 Promise().all() Promise().race() 這些都掌握了。

12月我利用閑暇看了 《JavaScript高級程序設計》這本書,看了其中的4-5章。對于原型、繼承認識清晰了,還有了解了JS數據的屬性,還有學了 Object 對象的一些常用方法。可以說收獲還是蠻大的。

自我定位

感覺自己的性格、IQ、EQ和特性還是比較適合前端開發這份工作的,然后了解新東西、理解新東西、學習新東西自我感覺還是比較快的,這是我的優點。

然后我這個人還是有點懶,在沒有業務壓力的情況下,偶爾會找不到北。希望新的一年能夠有所進步。

然后是英文水平比較差,英文文檔借助翻譯還能勉強看,但是速度很慢。希望新的一年能有所提高。

感悟前端

對前端開發人員總是有各種各種的稱號,程序猿、碼農、前端、前臺、前端開發、H5開發等等。對我自己而言,我更傾向于把自己看作一名前端工程師,是的,是前端工程師,而不僅僅是前端開發。

這個之間的差別就是前端工程師是基于項目工程的,就是說我做的東西要對整個項目負責,而不僅僅是完成指定的需求。換句話說就是我做開發是基于業務需要開發的并非僅僅是基于產品經理提的需求或者UI做好的頁面。我對技術的理解是解決問題的能力,提高用戶體驗的能力,這個還是很重要的。這樣才可以說前端開發還是蠻有趣的,因為再有趣的事情做上一千遍的時候也會厭煩。

當然從某種層面講這種觀點有點理想化,畢竟在大公司,每個人都只是一顆不太起眼的螺絲釘。這里只是說下自己的觀點罷了,不見得很合理。

擁抱2017

2017年,工作上還是繼續優化項目,增添一些新的功能。這些還是很期待的。

然后個人對前端的學習上,希望從學習一些庫的源碼切入進去,首先是 zepto/jquery 源碼,這些大概要花幾個月時間了,之后嘗試看下 vue 的源碼吧,估計都比較有困難,但是真的能夠做到的話,相信在前端的道路上是一個很大的進步。

最后,看看大家的2016.
最后的最后,祝大家2017新年快樂!

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

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

相關文章

你如何在java中獲取線程堆_如何在Windows上獲取未在控制臺中運行的Java進程的線程和堆轉儲...

問題我有一個Java應用程序,我從控制臺運行,然后控制臺執行另一個Java進程。我想獲得該子進程的線程/堆轉儲。在Unix上,我可以做akill -3 但是在Windows AFAIK上獲取線程轉儲的唯一方法是在控制臺中使用Ctrl-Break。但這只會讓我轉移父進程&am…

html ie亂碼_Java 0基礎入門(初識Html)

在學習Java之前,我們需要了解一定的前端知識。畢竟頁面才是用戶真正看到的,而且也是體現Java后端邏輯結果的地方。學習HTML后,能夠制作界面美觀大方的靜態網站(更復雜的功能需要JavaScript腳本一起來實現)。HTML制作的網頁。所需要的Html開發…

常用自動化框架簡單的分析與介紹

目前常用的可用于APP自動化測試的框架有以下幾個: 1、Monkey是Android SDK自帶的測試工具,在測試過程中會向系統發送偽隨機的用戶事件流,如按鍵輸入、觸摸屏輸入、手勢輸入等),實現對正在開發的應用程序進行壓力測試,也…

linux一步一腳印---more、less、head、tail

一、more 文件內容或輸出查看命令more 是我們最常用的工具之一,最常用的就是顯示輸出的內容,然后根據窗口的大小進行分頁顯示,然后還能提示文件的百分比; [rootlocalhost ~]# more /etc/profile 1、more 的語法、參數和命令&#…

單片機檢測stc沒反應_我為什么不用STC單片機

寫在2019.10.27這屬于自己打自己臉,不過,我突然想試試 STC15W108.理由可能有點操蛋,因為STM8S沒有 DFN8這樣 3x3的封裝,而PIC的仿真器太貴。我最后感興趣的一個STC型號是 STC15F的8腳系列,那是在2010年,然而…

commons-pool

commons-pool組件是使用對象池時都要用到的。他的作用主要是管理對象池, 當我們要用這個組件時(比如redis要用到時),只需要實現它的部分接口,比如PooledObjectFactory接口,實現它的創建對象,銷毀…

JAVA中CyclLink怎么用_Java多線程基本使用一

1 多線程--初步【1進程比如:QQ、迅雷、360、飛秋...2線程的概念3線程的意義:4.Java程序的運行原理代碼是運行在線程中的,如果一個進程沒有線程,那么進程就結束了,也就是說一個進程至少要有一個線程當開啟一個Java…

指針分析

int *a; int b 4; a &b; //a:b的地址 //*a 取b地址的值,為4 //&a為指針變量的地址 //*(&a)為指針變量儲存的地址 即為a int **b &a; //b為指針變量a的地址 //*b為指針變量a所儲存的地址 //改變*b(指針變量所儲存的地址)即改變了*b的值轉載于:http…

live server插件怎么用_分享幾個我日常使用的VS Code插件

在這篇文章中,我想介紹一下自己日常使用中最喜歡的Visual Studio Code擴展。大多數時候,我用VS Code編寫的是JavaScript應用程序(標準JavaScript、React、Angular、NodeJS……各式各樣)。Bracket Pair Colorizer 2這個擴展很不錯,可以幫助我搞…

Xtrabackup數據全備份與快速搭建從服務器

Percona Xtrabackup可以說是一個完美的數據備份工具。特別是當數據庫的容量達到了一定數量級的時候且存在單表達到幾十G的數據量, 很難容忍一些邏輯備份的漫長時間。如單個數據庫約200G,單表最大為120G,mysqldump邏輯備份的時間長達20多小時。…

簡單的java方法_Java簡單實用方法一

整理以前的筆記,在學習Java時候,經常會用到一些方法。雖然簡單但是經常使用。因此做成筆記,方便以后查閱這篇博文先說明構造和使用這些方法。1,判斷String類型數據是否為空String類型的數據為空,主要為等于null或”“那么只要判斷…

Android應用程序開發

第一章 Android應用初體驗 1.1應用基礎 activity是Android SDK中Activity類的一個具體實例,負責管理用戶與信息屏的交互。 應用的功能是通過編寫一個個Activity子類來實現的。 布局定義了一系列用戶界面對象以及它們顯示在屏幕上的位置。組成布局的定義保存在XML文件…

phonegap

phonegap 框架詳解 轉自:http://www.cnblogs.com/hubcarl/p/4216844.html首先, 來看一下phonegap 初始化流程以及Native 與 JS 交互流程圖。 說明:socket server模式下, phonegap.js 源碼實現的采用1 毫秒執行一次XHR請求, 當Native JS 隊列里面有JS語…

j2ee核心模式_Operator和Sidecar正在成為軟件交付新模式

現如今的開發人員希望可以開發出具備彈性和可擴展的分布式系統。該系統受益于軟件復用和開源模型創新,針對安全性問題能夠輕易完成補丁更新并進行低風險的升級。該系統不可能通過帶有各種嵌入式語言庫的應用程序框架來實現。最近,一篇關于“多運行時微服…

微信JS-SDK選擇相冊或拍照并上傳PHP實現

理解:微信上傳接口是拍照,或者選擇本地照片,上傳到微信的服務器,獲取到一個id,通過token與這個id獲取到圖片,保存到服務器即可。 效果 通過微信js接口,調用底層程序。 需要引入js文件&#xff0…

JMS-ActiveMQ學習-3 ActiveMQ與Spring集成

Spring下開發消息的發送和接收程序 點對點模式 一、創建生產者項目 1.創建maven項目 2.添加spring-jms、jms規范、activemq依賴 <dependencies> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-jms&…

看libevent所遇到的英語生詞

libevent – an event notification library The libevent API &#xff08;libevent應用程序&#xff09;provides a mechanism&#xff08;機制&#xff09; to execute&#xff08;執行&#xff09; a callback function&#xff08;回調函數&#xff09; when a specific&a…

java中迭代器要導包嗎_java 中迭代器的使用方法詳解

java 中迭代器的使用方法詳解前言&#xff1a;迭代器模式將一個集合給封裝起來&#xff0c;主要是為用戶提供了一種遍歷其內部元素的方式。迭代器模式有兩個優點&#xff1a;①提供給用戶一個遍歷的方式&#xff0c;而沒有暴露其內部實現細節&#xff1b;②把元素之間游走的責任…

android socket 長連接_TCP/IP,http,socket,長連接,短連接

點擊上方藍色字體&#xff0c;選擇“標星公眾號”優質文章&#xff0c;第一時間送達上一篇&#xff1a;這300G的Java資料是我師傅當年給我的&#xff0c;免費分享給大家下一篇&#xff1a;這200G的Java實戰資料是我師傅當年教我的第二招作者 | ksfzhaohui來源 | my.oschina.net…