web前端年度工作總結(jié)

時(shí)間：2022-08-02 21:50:35 工作總結(jié) 我要投稿

相關(guān)推薦

web前端年度工作總結(jié)范文

　　時(shí)間乘著年輪循序往前，一段時(shí)間的工作已經(jīng)結(jié)束了，回顧過去這段時(shí)間的工作，收獲頗豐，好好地做個(gè)梳理并寫一份工作總結(jié)吧。工作總結(jié)怎么寫才能發(fā)揮它最大的作用呢？下面是小編幫大家整理的web前端年度工作總結(jié)范文，僅供參考，大家一起來看看吧。

web前端年度工作總結(jié)范文

　　web前端年度工作總結(jié) 篇1

　　從入職到現(xiàn)在，我在導(dǎo)師的指導(dǎo)下走上了前端之路。在這段時(shí)間的學(xué)習(xí)和項(xiàng)目中使我對前端業(yè)務(wù)需求和項(xiàng)目開發(fā)流程有一定的了解和認(rèn)識，對前端也有自己的理解。前端是建立在以產(chǎn)品為核心，用戶體驗(yàn)為基礎(chǔ)的一門技術(shù)，每一個(gè)細(xì)微的視覺效果、交互體驗(yàn)都能給用戶帶去不同的感受，舒適、簡單、不失高雅的前端產(chǎn)品更能獲得用戶的好評。

　　項(xiàng)目中我參與討論產(chǎn)品實(shí)現(xiàn)的技術(shù)方案，例如：移動(dòng)端中webview空頁面加載方式和有內(nèi)容頁面加載方式是采用進(jìn)度條還是蒙層加載，對比分析那種加載方式對用戶更加友好；PC端中置頂小動(dòng)畫按鈕應(yīng)該在什么情況下出現(xiàn)，是在出現(xiàn)滾動(dòng)條的情況下馬上出現(xiàn)，還是滾動(dòng)到一定距離的時(shí)候再出現(xiàn)會對用戶更加友好。前端開發(fā)中“細(xì)心”極為重要，任何一個(gè)頁面的行為，它都可能關(guān)系著產(chǎn)品的成敗，更是對用戶的責(zé)任。作為一名前端，在項(xiàng)目上需要熟悉整個(gè)業(yè)務(wù)才能更好的開發(fā)，例如：花幣領(lǐng)取項(xiàng)目中，由于對需求了解的不夠透徹，在完成開發(fā)后發(fā)現(xiàn)有很多場景未考慮完全而大大的延遲了迭代周期，如果一開始就熟悉業(yè)務(wù)，了解需求，考慮到所有的場景，那么可以大大的減少開發(fā)的時(shí)間。

　　學(xué)習(xí)中在我導(dǎo)師的指導(dǎo)下了解到前端基礎(chǔ)的重要性，了解結(jié)構(gòu)和表現(xiàn)在前端技能中的`分量。前端基礎(chǔ)就好比大樓的地基，只有擁有堅(jiān)固的地基，才能搭建起一座摩天大廈。結(jié)構(gòu)和表現(xiàn)是區(qū)分后端的重要憑證，前端注重視覺效果，后端著重功能實(shí)現(xiàn)，作為一名合格的前端，在結(jié)構(gòu)和表現(xiàn)的技能上必須具備自己的專業(yè)優(yōu)勢。

　　前端是整個(gè)項(xiàng)目的橋梁，溝通產(chǎn)品、后臺、和設(shè)計(jì)。整個(gè)項(xiàng)目中不僅需要對自己技術(shù)肯定，更需要了解業(yè)務(wù)，才能更有效率的開發(fā)和維護(hù)產(chǎn)品。

　　十年磨一劍，我懷揣著夢想站在巨人的肩膀上，緊跟著的腳步希望能越走越快，有朝一日，晚霞落幕，回望過往，那片片云彩皆在歡笑。

　　web前端年度工作總結(jié) 篇2

　　大三下學(xué)期開始自學(xué)的前端，斷斷續(xù)續(xù)半年多，開始找前端相關(guān)的工作；到現(xiàn)在，走過了畢業(yè)期的十字路口，已經(jīng)工作一年了；好吧，嚴(yán)重掉底子了，我是個(gè)比較懶的人。既然起步較晚，那么就只有馬不停蹄的追趕了，奔跑吧，小前端！寫這個(gè)20xX的年終總結(jié)，沒什么經(jīng)驗(yàn)之談，只是繼往開來，反省反��；繼續(xù)追逐大神們的腳步，偶爾站在巨人的肩膀上眺望下未來！

　　一、原諒我，Jquery：

　　工作之前，那時(shí)什么基礎(chǔ)都沒有，只是逼于即將畢業(yè)后的壓力，百度到了前端開發(fā)，就直接從原生JS開始學(xué)了；學(xué)不動(dòng)了，問了下認(rèn)識的計(jì)算機(jī)系的學(xué)長，知道了Jquery，OK，學(xué)吧。然而我并沒有太大興趣。因?yàn)槲屹I了本‘高三’，jquery只是對‘高三’進(jìn)行了整體的封裝，他把我要做的事都做了，那好吧，繼續(xù)原生JS嘍；不得不說那時(shí)做的最多的就是原生JS仿寫各種特效；還想了個(gè)主題，弄了一堆靜態(tài)頁面，拼了個(gè)網(wǎng)站的樣子作為找工作的‘作品’，后來，我知道我錯(cuò)了，寫那些只是屬于前端基礎(chǔ)的一小部分，工作畢竟是工作，Demo終難上臺面，團(tuán)隊(duì)的配合以及開發(fā)的效率才是最重要的；現(xiàn)在工作以jquery為主，至于曾經(jīng)寫的各種效果，現(xiàn)在也都有對應(yīng)的現(xiàn)成組件，拿來用就是；之前無知時(shí)忽視了的jquery，工作后開始馬不停蹄的搜索各種資源補(bǔ)缺了，還好原生JS沒有丟，作為前端的根基，在jquery以外幫了我不少；現(xiàn)在，基礎(chǔ)組件一般都是以jquery插件的形式做的，但是業(yè)余有時(shí)間我都會用原生JS實(shí)現(xiàn)一些，因?yàn)槲也幌胍驗(yàn)閖query而逐漸忽視原生JS。

　　二、必須追求的模塊化：

　　前端的模塊化是非常必要的，之前對模塊化一直是停留在概念階段，沒有太多實(shí)踐，只是感覺特別好，畢竟在追逐大神們的腳步嘛！忍不住選擇了玉老師的Seajs，試著把原來寫的jquery和幾個(gè)組件，劃分成模塊，用Seajs組織到一起；由于工作中的前端結(jié)構(gòu)已趨于穩(wěn)定，一下子不可能整體改，所以我只是在本地新建了個(gè)目錄，一有時(shí)間就考慮下，怎么以模塊化的搞法從新組織下；私下里，為了證實(shí)我在工作的本地前端結(jié)構(gòu)可用，還專門弄了個(gè)簡單的博客，按照自己對模塊化的想法，首先以自己的博客作為實(shí)驗(yàn)場，來驗(yàn)證可行性；不管結(jié)果怎么樣，不管這樣做好不好，就當(dāng)是一種鍛煉吧；愚論拙見，只當(dāng)逗大神們一笑吧！

　　三、弱小者的強(qiáng)大力量——CSS：

　　HTML、CSS作為前端開發(fā)最基礎(chǔ)的一部分，可能在后端眼中不值一提吧，確實(shí)我也這么認(rèn)為；但是，我更認(rèn)為，前提是你能夠把這些基礎(chǔ)亂熟于心，并且對各種瀏覽器的兼容性了然于胸，閉著眼睛也能寫出簡潔明了的HTML、CSS；好吧，其實(shí)這只是我對自己的.一個(gè)長期的要求；因?yàn)槟K化，不只是JS，對應(yīng)的少不了HTML、CSS；為了與JS的模塊化遙相呼應(yīng)，那么CSS的模塊化是不可忽略的，只是就CSS來說，要想做到極致精簡、模塊化、可復(fù)用，不是想想就可以的；

　　是的，你必須還是得要把一些邏輯性的東西引入CSS才行；

　　恩，SASS是首選的CSS預(yù)編譯器之一；風(fēng)行于前后端的Bootstrap之前是基于Less的，后來全部開始轉(zhuǎn)向Sass了；所以，無論現(xiàn)在對于Bootstrap熟練度有多少，我想其對于前端樣式的構(gòu)建思想是非常值得學(xué)習(xí)的；以Sass作為前端樣式的構(gòu)建工具，來實(shí)現(xiàn)精簡、模塊化、可復(fù)用的樣式，我想那不是夢，當(dāng)然，一切都是需要?dú)v練和積累的；

　　四、革命性的轉(zhuǎn)折點(diǎn)：Nodejs

　　不管Nodejs屬于前端還是后端，我想其對于前端工作的變革性影響都是不言而喻的；在我心里，Nodejs將前端的模塊化思想做到了極致，包的數(shù)量多達(dá)十幾萬的NPM社區(qū)足以證明其偉大之處；Nodejs內(nèi)部實(shí)現(xiàn)了Commonjs規(guī)范，以require模塊的方式調(diào)用內(nèi)部模塊和外部模塊；所以NPM社區(qū)如此強(qiáng)大是必然的；由此各大類庫和框架都實(shí)現(xiàn)了基于Nodejs的模塊化實(shí)現(xiàn)；并且遠(yuǎn)不止這些，基于Nodejs還帶來了前端的工程化；各種前端自動(dòng)化工具推陳出新，不斷向前端工作注入新的活力；比如：Grunt、Gulp、Browserify、Webpack等等；

　　不好意思，Nodejs學(xué)的還不多，若有夸大其詞的地方，大神還是忽視我吧；花滿樓的博客只是對Nodejs小小的探索，諸多不足，有待改進(jìn)，望大神路過指導(dǎo)；

　　五、話說，我想多了：

　　每次信誓旦旦做的規(guī)劃，都會隨著時(shí)間的腳步漸漸風(fēng)化；每次回顧過去，只留一聲嘆：時(shí)間都去哪了？呵呵，還是走好腳下的路吧，畢竟做該做的事總歸是好的；愿和我一樣的小前端們，夢想都不是白日夢！

　　六、遇見最好的你：Angularjs

　　目前工作的情況并沒有太大的變動(dòng)，有些事還是得以團(tuán)隊(duì)工作為重；只是業(yè)余會多些躁動(dòng)，20xX年，想學(xué)好Angularjs；一方面作為工作內(nèi)的技術(shù)儲備，另一方面，我的實(shí)驗(yàn)場還是需要多些內(nèi)含的，打算首先用Angularjs改造博客的后端程序；權(quán)當(dāng)鍛煉吧！風(fēng)靡前端的框架還有很多，大神們也是有各種論調(diào)，我想選Angularjs因?yàn)槲椅缚谛。豢诔圆幌乱粋€(gè)包子，還是細(xì)嚼慢咽的好；主要是：Angularjs的思想很吸引我，依賴注入、指令系統(tǒng)等；對我來說既陌生又無限的吊胃口；無論學(xué)的怎么樣，我想理解這些思想對現(xiàn)在的我來說恐怕才是最重要的。

　　web前端年度工作總結(jié) 篇3

　　時(shí)間飛逝，轉(zhuǎn)眼間，做為一名Web前端開發(fā)的正式員工已經(jīng)有兩個(gè)月之久。在這個(gè)難忘而又夸姣的日子里，我深入體會到了公司的積極氛圍和各個(gè)部門的巨大魅力，目睹了公司一步步走向成熟，看到了公司網(wǎng)絡(luò)的不斷健全和系統(tǒng)不斷完善，并日漸不亂，同時(shí)，也看到了運(yùn)維中心給于系統(tǒng)管理職員帶下世人向往的學(xué)習(xí)的平臺和和無窮的機(jī)遇與挑戰(zhàn)，所以，我在此對于過去的工作做下總結(jié)。

　　在運(yùn)維中心工作期間，我工作認(rèn)真，具有較強(qiáng)的責(zé)任心和進(jìn)取心，極富工作熱情，確實(shí)完成上級交付的工作，善于與他人溝通，和公司部門同事之間能夠通力合作，關(guān)系相處融洽而輯穆，配合各部分負(fù)責(zé)人成功的完成各項(xiàng)工作，具有很強(qiáng)的團(tuán)隊(duì)合作精神。注重自己的個(gè)人發(fā)展，不斷努力學(xué)習(xí)系統(tǒng)、網(wǎng)站架構(gòu)知識。所以我現(xiàn)在已經(jīng)能夠純熟維護(hù)公司的系統(tǒng)服務(wù)和監(jiān)控網(wǎng)站架構(gòu)，包括前段節(jié)點(diǎn)，源站各個(gè)站點(diǎn)服務(wù)的流量信息等，能及時(shí)查看并報(bào)警所引起的網(wǎng)絡(luò)服務(wù)相關(guān)故障，能注重公司的種種流程細(xì)節(jié)，擁有了一名系統(tǒng)管理維護(hù)員的基本工作技能。

　　九月份，是我成為公司正式員工最幼嫩的時(shí)期，一直都處在學(xué)習(xí)階段，學(xué)習(xí)公司網(wǎng)站的架構(gòu)分布情況，以及在系統(tǒng)中各種常見網(wǎng)絡(luò)服務(wù)的搭建，包括學(xué)習(xí)系統(tǒng)基本的操作，pure—ftp的搭建，php網(wǎng)站的`發(fā)布，對后臺數(shù)據(jù)庫的管理，通過各種熟練的基本操作之后，在此之上，我為迎合公司的發(fā)展需求，在網(wǎng)絡(luò)服務(wù)監(jiān)控方面我準(zhǔn)備了各種實(shí)戰(zhàn)經(jīng)驗(yàn)；在上級的指揮下，我獨(dú)自一人自主搭建了新版本軟件nagios監(jiān)控服務(wù)器，并通過測試，可以和公司現(xiàn)階段運(yùn)行的服務(wù)器媲美，在此基礎(chǔ)上，為了更好方便的管理，我又研究了nagvis，通過實(shí)現(xiàn)對監(jiān)控設(shè)備的3d效果使之管理人員能第一時(shí)間更清晰的了解網(wǎng)站后臺服務(wù)器的負(fù)載情況。

　　通過我們部門定期的進(jìn)行小組的學(xué)習(xí)，使我對linux自身的學(xué)習(xí)有了更大的興趣和憧憬，為此我研究基于各種網(wǎng)站類型的發(fā)布，包括對apache，varnish，lighttpd，等各種平臺網(wǎng)站服務(wù)器的發(fā)布，樣使我今后在監(jiān)控，事件處理方面做好了充分的準(zhǔn)備；為此，我特地獨(dú)立創(chuàng)建我們部門的bbs論壇，并且發(fā)布于外網(wǎng)，使部門員工不僅在公司，而且還可以在家里進(jìn)行訪問與交流，以方便我們公司部門員工的共同學(xué)習(xí)和交流。十月份，我有幸的見證我們公司sns2.5新版本的新上線，同時(shí)我也參與了公司內(nèi)部測試，配合公司對新版本的bug，并及時(shí)提出問題。由于公司正處于現(xiàn)階段發(fā)展之中，所以我必須迎合而上，配合其他部門積極工作，爭取能為公司的發(fā)展出一己之力。

　　瞻望未來在今后的工作過程中，我會更加嚴(yán)格要求自己，同時(shí)也有幾個(gè)大方向是我需要努力。nagios監(jiān)控系統(tǒng)擁有極其多的復(fù)雜服務(wù)，它是我的核心工作，它的完成情況反映著我的工作是否盡職。我會努力做好本職工作。

　　還有，cacti監(jiān)控設(shè)備系統(tǒng)，因?yàn)闀r(shí)間的分配，有很多多知識未能及時(shí)鞏固，同時(shí)也需要緊抓時(shí)間實(shí)踐操縱，并參加實(shí)際建設(shè)和規(guī)劃，使自己能更加靈活應(yīng)用系統(tǒng)網(wǎng)絡(luò)知識，并積累處理相關(guān)異常經(jīng)驗(yàn)。同時(shí)，自己也要不斷努力與充實(shí)自己，研究 shell，pure 各種腳本的編寫，使自己處理處理突發(fā)事件的效率提高，以及nginx和squid這些常用的服務(wù)搭建。

　　在今后的一年里，也會參加相應(yīng)的證書考核，不斷晉升自己，并緊抓利用業(yè)余時(shí)間努力學(xué)習(xí)it知識，搭建各種服務(wù)器知識，包括自己學(xué)習(xí)小型機(jī)跟進(jìn)步英語水平。

　　web前端年度工作總結(jié) 篇4

　　Web前端開發(fā)是從網(wǎng)頁制作演變而來的，名稱上有很明顯的時(shí)代特征。在互聯(lián)網(wǎng)的演化進(jìn)程中，網(wǎng)頁制作是Web1.0時(shí)代的產(chǎn)物，那時(shí)網(wǎng)站的主要內(nèi)容都是靜態(tài)的，用戶使用網(wǎng)站的行為也以瀏覽為主。

　　需要掌握的知識

　　掌握HTML是網(wǎng)頁的核心，是一種制作萬維網(wǎng)頁面的標(biāo)準(zhǔn)語言，是萬維網(wǎng)瀏覽器使用的一種語言，它消除了不同計(jì)算機(jī)之間信息交流的障礙。因此，它是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語言，也是構(gòu)成網(wǎng)頁文檔的主要語言，學(xué)好HTML是成為Web開發(fā)人員的基本條件。

　　學(xué)好CSS是網(wǎng)頁外觀的重要一點(diǎn)，CSS可以幫助把網(wǎng)頁外觀做得更加美觀。

　　學(xué)習(xí)JavaScript的基本語法，以及如何使用JavaScript編程將會提高開發(fā)人員的個(gè)人技能。

　　了解Unix和Linux的基本知識雖然這兩點(diǎn)很基礎(chǔ)，但是開發(fā)人員了解Unix和Linux的基本知識是有益無害的'。

　　了解Web服務(wù)器當(dāng)你對Apache的基本配置，htaccess配置技巧有一些掌握的話，將來必定受益，而且這方面的知識學(xué)起來也相對容易。

　　需要熟練掌握的技能

　　熟悉版本控制系統(tǒng)的用法熟悉使用一種優(yōu)秀的版本控制系統(tǒng)，你在實(shí)際工作中就會發(fā)現(xiàn)精通一種版本控制系統(tǒng)是很幸福的事情。

　　學(xué)好Web框架當(dāng)你掌握了HTML，服務(wù)器端腳本語言，CSS和JavaScript后，就應(yīng)該找一個(gè)Web框架加快你的Web開發(fā)速度，使用框架可以節(jié)約你很多時(shí)間，如果你使用PHP，可選的框架有CakePHP，CodeIgniter，Zend等，Python程序員喜歡使用Django和 webpy，Ruby程序員喜歡使用RoR。

　　對于初學(xué)開發(fā)人員來說，以上知識是不是看起來很復(fù)雜，其實(shí)，當(dāng)你一步步學(xué)習(xí)并為企業(yè)開發(fā)成功案例時(shí)，你會發(fā)現(xiàn)一切都是有意義的付出。

　　較強(qiáng)的視覺設(shè)計(jì)

　　前端技術(shù)包括4個(gè)部分：前端美工、瀏覽器兼容、CSS、HTML“傳統(tǒng)”技術(shù)與Adobe AIR、Google Gears,以及概念性較強(qiáng)的交互式設(shè)計(jì),藝術(shù)性較強(qiáng)的視覺設(shè)計(jì)等等.

　　根據(jù)該詞可以做這樣的理解,用互聯(lián)網(wǎng)來做比喻,凡是通過瀏覽器到用戶端計(jì)算機(jī)的統(tǒng)稱為前端技術(shù).相反存貯于服務(wù)器端的統(tǒng)稱為后端技術(shù).

　　Web前端優(yōu)化

　　盡量減少HTTP請求 (Make Fewer HTTP Requests)

　　減少 DNS 查找 (Reduce DNS Lookups)

　　避免重定向 (Avoid Redirects)

　　使得 Ajax 可緩存 (Make Ajax Cacheable)

　　延遲載入組件 (Post-load Components)

　　預(yù)載入組件 (Preload Components)

　　減少 DOM 元素?cái)?shù)量 (Reduce the Number of DOM Elements)