前端工程師年終總結(jié)

精選優(yōu)質(zhì)文檔-----傾情為你奉上精選優(yōu)質(zhì)文檔-----傾情為你奉上專心---專注---專業(yè)專心---專注---專業(yè)精選優(yōu)質(zhì)文檔-----傾情為你奉上專心---專注---專業(yè)前端工程師年終總結(jié)年終總結(jié)如何寫(xiě)?寫(xiě)一些什么內(nèi)容呢?本文是小編精心編輯的年終總結(jié)范文，希望能幫助到你!

一、前端工程師年終總結(jié)時(shí)光飛快，自八月份轉(zhuǎn)前端以來(lái)，已經(jīng)過(guò)去了半年時(shí)間。這期間經(jīng)歷了第一次真正意義上的項(xiàng)目前后端分離的開(kāi)發(fā)模式。對(duì)于之前從事了三年后端java開(kāi)發(fā)的我來(lái)說(shuō)，一切都很新鮮與刺激。當(dāng)然，收獲頗豐。下面，就具體從這個(gè)項(xiàng)目中學(xué)習(xí)的東西進(jìn)行一次總結(jié)。

首先，這次項(xiàng)目的開(kāi)發(fā)環(huán)境是基于,引入了npm包管理工具來(lái)對(duì)各種js插件進(jìn)行管理。

這種方式避免了以前引入js插件時(shí)分別到各自的官網(wǎng)網(wǎng)站去下載，用了npm后只需要在終端進(jìn)行全局安裝或者局部安裝，后續(xù)只需要在js文件中require就能進(jìn)行調(diào)用。這種統(tǒng)一管理的方式不僅使開(kāi)發(fā)變的更加簡(jiǎn)單，減少了很多無(wú)謂的操作，也分離了一些開(kāi)發(fā)人員不需要關(guān)注的關(guān)注點(diǎn)。

其次，項(xiàng)目引用了gulp+webpack，基于構(gòu)建工具的開(kāi)發(fā)更接近現(xiàn)代web開(kāi)發(fā)，一套流程走下來(lái)，自動(dòng)打包，自動(dòng)對(duì)html，css,js，圖片文件進(jìn)行壓縮，合并和版本號(hào)管理以及對(duì)文件的改動(dòng)進(jìn)行自動(dòng)監(jiān)控。這樣不僅僅是方便了開(kāi)發(fā)人員，更重要的是極大地提升了客戶端頁(yè)面性能。與以前需要分別手動(dòng)的對(duì)文件進(jìn)行壓縮，合并，混淆處理相比，這種自動(dòng)構(gòu)建工具效率更高,減少出錯(cuò)率。

最后，項(xiàng)目引入了coala框架，使我更加清晰的明白基于webcomponent的開(kāi)發(fā)，頁(yè)面上每一個(gè)功能塊，都可以化為一個(gè)組件，每個(gè)組件有它自己的生命周期與初始的屬性。在不同的交互方式上綁定不同的事件用以來(lái)響應(yīng)用戶的行為，具體體現(xiàn)在個(gè)體的組件數(shù)據(jù)變化不會(huì)影響到頁(yè)面上其他組件，這樣就做到了頁(yè)面性能的提升和用戶體驗(yàn)的雙贏。

另外，在頁(yè)面布局和html，css實(shí)現(xiàn)頁(yè)面的時(shí)候，如何能夠繪制出更規(guī)范，更有結(jié)構(gòu)化的頁(yè)面也是一個(gè)考驗(yàn)。從前期的id,class命名不規(guī)范，html結(jié)構(gòu)混亂到現(xiàn)在一點(diǎn)點(diǎn)的提升，終于也領(lǐng)會(huì)到了前端開(kāi)發(fā)的細(xì)致活。

這次的前后端分離和后端開(kāi)發(fā)人員進(jìn)行了接口聯(lián)調(diào)。不得不承認(rèn)前期花費(fèi)了很多時(shí)間在溝通上面。

基于QQ工具的一問(wèn)一答低效率的溝通和問(wèn)題表述不清都會(huì)花費(fèi)時(shí)間和打斷工作中的思維，使人不能專注很長(zhǎng)一段時(shí)間。另外,接口文檔編寫(xiě)不規(guī)范，格式不美觀等都是不能忽視的問(wèn)題。當(dāng)然，這些溝通技巧和提升效率的工具需要花費(fèi)時(shí)間去慢慢的提升，包括我,包括團(tuán)隊(duì)里面所有的人員，只有這樣，每個(gè)開(kāi)發(fā)人員才能專心有效率的進(jìn)行項(xiàng)目開(kāi)發(fā)。

新的一年開(kāi)始了，希望自己能夠保持良好的學(xué)習(xí)態(tài)度和狀態(tài)繼續(xù)迎接新的挑戰(zhàn)。尤其感謝同事和領(lǐng)導(dǎo)的厚愛(ài)，才能讓自己不斷成長(zhǎng)，不斷進(jìn)步。在此，祝愿公司所有開(kāi)發(fā)人員快樂(lè)生活，生活快樂(lè)。

二、前端工程師年終總結(jié)今天是20xx年的第4天，長(zhǎng)沙多數(shù)公司上班了。跟夏總偶爾聊了項(xiàng)目及文字溝通的事兒，忽然想起，自己也應(yīng)該寫(xiě)寫(xiě)年終總結(jié)了。

先列大綱：

1、操作了幾個(gè)真正有協(xié)作、有成就感的項(xiàng)目。

2、認(rèn)識(shí)了幾個(gè)能坦誠(chéng)交流的新朋友。

3、在前端技術(shù)上，基本放棄了AS3編程，堅(jiān)持HTML+CSS3+JQUERY的方向，把前幾年的積累做進(jìn)了真實(shí)的項(xiàng)目，產(chǎn)生了收益。XX-XX年，上房房地產(chǎn)系列的項(xiàng)目，帶來(lái)前端編程技術(shù)方向的磨練。

4、在手機(jī)微場(chǎng)景的技術(shù)追尋過(guò)程中，感悟一個(gè)新產(chǎn)品品類的學(xué)習(xí)過(guò)程。

5、互聯(lián)網(wǎng)健身聯(lián)盟，籃球隊(duì)的兄弟們讓我懂得協(xié)作與溝通，人脈進(jìn)一步拓展。

七月份的“有心思”電商項(xiàng)目，周總的執(zhí)行力給我印象很深。他只用了幾天時(shí)間，找到我--勸說(shuō)我加入項(xiàng)目--邀請(qǐng)王老師加入--打預(yù)付款給我們--準(zhǔn)備機(jī)票--全組人到達(dá)大理--開(kāi)工。整個(gè)過(guò)程就象他的性格一樣透明、爽朗。有心思項(xiàng)目較嚴(yán)謹(jǐn)，有全套的項(xiàng)目文檔、原型設(shè)計(jì)--這也是當(dāng)初打動(dòng)我的原因。項(xiàng)目各階段總能看到牛人的平面、影視宣傳作品，老板們?cè)陧?xiàng)目投入上很是舍得。人員方面，大家也緊密配合，任勞任怨，有壓力但是無(wú)戾氣--這讓我見(jiàn)識(shí)到一個(gè)電商項(xiàng)目的真實(shí)推進(jìn)。

很慚愧，周總高估了我在設(shè)計(jì)上的實(shí)力，我沒(méi)有能幫到項(xiàng)目組，只是在bootstrap等前端開(kāi)發(fā)層面，做了一些小小的工作。與“有心思”項(xiàng)目組一起在大理度過(guò)愉快一個(gè)月。早起跑步、洗完澡開(kāi)始工作、比較健康的小食堂餐飲，沒(méi)有太多生活瑣事的打擾。空氣好，心情也好。還認(rèn)識(shí)了新來(lái)、小胖、劉先生、小術(shù)、中亮、俊哥這些新生代的開(kāi)發(fā)年輕人，在項(xiàng)目完成后，大家也成了好朋友，經(jīng)常交流。

小胖是一個(gè)前后端均通的小牛人，之后參加了我介紹的諸多健身活動(dòng)。他也給我介紹了另外的資源。從他身上，我體會(huì)到了樂(lè)觀和進(jìn)取。

大理之行跟王老師較多交流。每天早上，我6點(diǎn)出門(mén)跑步，回來(lái)洗完澡，老王就起來(lái)跑步了，雖然有點(diǎn)晚，但是略勝于其它根本不起床的人。有一天，他早起了，我又跟著他跑了5公里，那是我生平第一個(gè)10公里...我們可能是同類人，有普通的生活，有幸福的家庭，有弱弱的藝術(shù)和事業(yè)追求，意氣相投。

八月，一個(gè)機(jī)緣認(rèn)識(shí)了夏總--他給我的運(yùn)動(dòng)生活帶來(lái)了轉(zhuǎn)變--把我?guī)нM(jìn)了互聯(lián)網(wǎng)健身聯(lián)盟籃球隊(duì)。夏總又給我介紹了云咖啡項(xiàng)目。年底，他的“芒果游”項(xiàng)目碰到了小小難題，我們終于有了攜手的機(jī)會(huì)。他是一個(gè)勇敢和坦白的人，我很少看到一個(gè)帶頭人，在不太熟的朋友面前，直陳己失--相信他的努力必有回報(bào)。

健身聯(lián)盟籃球隊(duì)的經(jīng)歷，雖然跟工作并沒(méi)有太多關(guān)系，但是其中得失，有益身心。這個(gè)組織，至少給我增加了二十個(gè)密切互動(dòng)的圈內(nèi)人脈，還有更多時(shí)有關(guān)注的外圍人群。組隊(duì)比賽的過(guò)程，也更新了我自己一些陳舊的觀念，與年輕人更能相處相容。特別感謝老丁、明祥的付出，其它同隊(duì)兄弟不一一羅列，新的一年，有新的配合、合作的機(jī)會(huì)。

我從XX年開(kāi)始，在上房科技的房地產(chǎn)系列網(wǎng)站，擔(dān)任一段時(shí)間的前端制作。寫(xiě)了不少奇奇怪怪的模塊，并且居然都搞成了，并上線運(yùn)行了。這系列項(xiàng)目，推動(dòng)我的前端技術(shù)，真正從學(xué)習(xí)到應(yīng)用。謝謝、劉焱、小肖、張威、黃杉、國(guó)棟等各位兄弟。上房是真正做事情的節(jié)奏，永遠(yuǎn)向前破冰而行。看過(guò)“華中心”項(xiàng)目那一列出來(lái)近200條的修改清單，以后還有什么小修小改不能承受？

九月份的時(shí)候，司馬丟給我一個(gè)手機(jī)微場(chǎng)景滑動(dòng)模板的演示，問(wèn)我能不能做，什么價(jià)位。從此開(kāi)始，就不斷有人問(wèn)起這個(gè)東西的制作。當(dāng)然現(xiàn)在我們知道了，這就是一個(gè)的主框架+一些時(shí)間線動(dòng)畫(huà)。可是當(dāng)時(shí)，想做出這樣一個(gè)東西，還是太急促了。有幾天時(shí)間，我邊分析邊陷入兩難，是購(gòu)買(mǎi)，還是破解，還是自行開(kāi)發(fā)？各方面得到的信息都不太對(duì)稱。接著幾個(gè)月，象戀愛(ài)一樣，追尋這個(gè)框架的進(jìn)展，技術(shù)思路漸漸清楚：

1、先是有朋友的公司可以提供收費(fèi)的簡(jiǎn)單框架，一千多。

2、有大牛團(tuán)隊(duì)可以提供定制。

3、接著有天，劉浩告訴我，在某網(wǎng)上出現(xiàn)了免費(fèi)下載的框架，我去問(wèn)了問(wèn)價(jià)，200塊，一時(shí)沒(méi)舍得，自己花了點(diǎn)時(shí)間，分析了被混淆的代碼，發(fā)現(xiàn)了核心的swiper的調(diào)用方式及微信分享的代碼，到其官網(wǎng)看了看，發(fā)現(xiàn)了這個(gè)牛B的插件。

4、廣電的小黃拿他的新作給我炫耀，這才看到了完全沒(méi)混淆的版本，果然就是swiper。接下來(lái)幾天，他又給了我更多的信息，帶聲音的版本，帶3Dflow的版本。

5、我自己寫(xiě)了一個(gè)測(cè)試，至此，這個(gè)技術(shù)完全掌握。雖然一分錢(qián)沒(méi)賺到，但感覺(jué)很開(kāi)心，如同炸完珍珠港的那個(gè)返航--總有一天搞定你。

對(duì)技術(shù)的追求體驗(yàn)，大體如是。

還有一個(gè)能力也得到了提升，那就是，接單的判斷能力。不再象早兩年，什么單都想接，花了不少的時(shí)間在一些不相干的事情上。現(xiàn)在，很明確，詢單電話過(guò)來(lái)，不出5句話，基本就能判斷，這是不是我的菜，有沒(méi)有檔期，如果做不了，要轉(zhuǎn)給哪個(gè)朋友。非我特長(zhǎng)，就不