前端工作總結(jié)（精選3篇）
前端工作總結(jié) 篇1
大三下學(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)識(shí)的計(jì)算機(jī)系的學(xué)長(zhǎng)，知道了Jquery，OK，學(xué)吧。然而我并沒有太大興趣。因?yàn)槲屹I了本‘高三’，jquery只是對(duì)‘高三’進(jìn)行了整體的封裝，他把我要做的事都做了，那好吧，繼續(xù)原生JS嘍；不得不說那時(shí)做的最多的就是原生JS仿寫各種特效；還想了個(gè)主題，弄了一堆靜態(tài)頁面，拼了個(gè)網(wǎng)站的樣子作為找工作的‘作品’，后來，我知道我錯(cuò)了，寫那些只是屬于前端基礎(chǔ)的一小部分，工作畢竟是工作，Demo終難上臺(tái)面，團(tuán)隊(duì)的配合以及開發(fā)的效率才是最重要的；現(xiàn)在工作以jquery為主，至于曾經(jīng)寫的各種效果，現(xiàn)在也都有對(duì)應(yīng)的現(xiàn)成組件，拿來用就是；之前無知時(shí)忽視了的jquery，工作后開始馬不停蹄的搜索各種資源補(bǔ)缺了，還好原生JS沒有丟，作為前端的根基，在jquery以外幫了我不少；現(xiàn)在，基礎(chǔ)組件一般都是以jquery插件的形式做的，但是業(yè)余有時(shí)間我都會(huì)用原生JS實(shí)現(xiàn)一些，因?yàn)槲也幌胍驗(yàn)閖query而逐漸忽視原生JS。
二、必須追求的模塊化：
前端的模塊化是非常必要的，之前對(duì)模塊化一直是停留在概念階段，沒有太多實(shí)踐，只是感覺特別好，畢竟在追逐大神們的腳步嘛！忍不住選擇了玉老師的Seajs，試著把原來寫的jquery和幾個(gè)組件，劃分成模塊，用Seajs組織到一起；由于工作中的前端結(jié)構(gòu)已趨于穩(wěn)定，一下子不可能整體改，所以我只是在本地新建了個(gè)目錄，一有時(shí)間就考慮下，怎么以模塊化的搞法從新組織下；私下里，為了證實(shí)我在工作的本地前端結(jié)構(gòu)可用，還專門弄了個(gè)簡(jiǎn)單的博客，按照自己對(duì)模塊化的想法，首先以自己的博客作為實(shí)驗(yàn)場(chǎng)，來驗(yàn)證可行性；不管結(jié)果怎么樣，不管這樣做好不好，就當(dāng)是一種鍛煉吧；愚論拙見，只當(dāng)逗大神們一笑吧！
三、弱小者的強(qiáng)大力量——CSS：
HTML、CSS作為前端開發(fā)最基礎(chǔ)的一部分，可能在后端眼中不值一提吧，確實(shí)我也這么認(rèn)為；但是，我更認(rèn)為，前提是你能夠把這些基礎(chǔ)亂熟于心，并且對(duì)各種瀏覽器的兼容性了然于胸，閉著眼睛也能寫出簡(jiǎn)潔明了的HTML、CSS；好吧，其實(shí)這只是我對(duì)自己的一個(gè)長(zhǎng)期的要求；因?yàn)槟K化，不只是JS，對(duì)應(yīng)的少不了HTML、CSS；為了與JS的模塊化遙相呼應(yīng)，那么CSS的模塊化是不可忽略的，只是就CSS來說，要想做到極致精簡(jiǎn)、模塊化、可復(fù)用，不是想想就可以的；
是的，你必須還是得要把一些邏輯性的東西引入CSS才行；
恩，SASS是首選的CSS預(yù)編譯器之一；風(fēng)行于前后端的Bootstrap之前是基于Less的，后來全部開始轉(zhuǎn)向Sass了；所以，無論現(xiàn)在對(duì)于Bootstrap熟練度有多少，我想其對(duì)于前端樣式的構(gòu)建思想是非常值得學(xué)習(xí)的；以Sass作為前端樣式的構(gòu)建工具，來實(shí)現(xiàn)精簡(jiǎn)、模塊化、可復(fù)用的樣式，我想那不是夢(mèng)，當(dāng)然，一切都是需要?dú)v練和積累的；
四、革命性的轉(zhuǎn)折點(diǎn)：Nodejs
不管Nodejs屬于前端還是后端，我想其對(duì)于前端工作的變革性影響都是不言而喻的；在我心里，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é)的還不多，若有夸大其詞的地方，大神還是忽視我吧；花滿樓的博客只是對(duì)Nodejs小小的探索，諸多不足，有待改進(jìn)，望大神路過指導(dǎo)；
五、話說，我想多了：
每次信誓旦旦做的規(guī)劃，都會(huì)隨著時(shí)間的腳步漸漸風(fēng)化；每次回顧過去，只留一聲嘆：時(shí)間都去哪了？呵呵，還是走好腳下的路吧，畢竟做該做的事總歸是好的；愿和我一樣的小前端們，夢(mèng)想都不是白日夢(mèng)！
六、遇見最好的你：Angularjs
目前工作的情況并沒有太大的變動(dòng)，有些事還是得以團(tuán)隊(duì)工作為重；只是業(yè)余會(huì)多些躁動(dòng)，20xx年，想學(xué)好Angularjs；一方面作為工作內(nèi)的技術(shù)儲(chǔ)備，另一方面，我的實(shí)驗(yàn)場(chǎng)還是需要多些內(nèi)含的，打算首先用Angularjs改造博客的后端程序；權(quán)當(dāng)鍛煉吧！風(fēng)靡前端的框架還有很多，大神們也是有各種論調(diào)，我想選Angularjs因?yàn)槲椅缚谛。豢诔圆幌乱粋�(gè)包子，還是細(xì)嚼慢咽的好；主要是：Angularjs的思想很吸引我，依賴注入、指令系統(tǒng)等；對(duì)我來說既陌生又無限的吊胃口；無論學(xué)的怎么樣，我想理解這些思想對(duì)現(xiàn)在的我來說恐怕才是最重要的。
前端工作總結(jié) 篇2
作為公司的網(wǎng)站前端開發(fā)和美工，20xx年本人主要負(fù)責(zé)的是經(jīng)文�？傟�(duì)的各個(gè)系統(tǒng)的界面設(shè)計(jì)及動(dòng)態(tài)頁面制作，包括以下內(nèi)容：
一、吉林省單位內(nèi)部安全保衛(wèi)平臺(tái)內(nèi)網(wǎng)及外網(wǎng)設(shè)計(jì)及制作，同時(shí)包括平臺(tái)下邊九個(gè)子系統(tǒng)首頁制作（包括經(jīng)文保綜合管理系統(tǒng)、散裝汽油銷售管理系統(tǒng)、安保人員考試系統(tǒng)、高校少數(shù)名民族學(xué)生管理系統(tǒng)、考試服務(wù)系統(tǒng)、金融服務(wù)系統(tǒng)等）；
二、公安內(nèi)網(wǎng)網(wǎng)站吉林公安經(jīng)文保信息網(wǎng)整站設(shè)計(jì)及動(dòng)態(tài)效果制作和后期維護(hù)；
三、吉林省單位內(nèi)部安防信息網(wǎng)協(xié)同其他行政部門聯(lián)合辦公系統(tǒng)整站設(shè)計(jì)及動(dòng)態(tài)網(wǎng)頁制作；
四、系統(tǒng)內(nèi)警蹤平臺(tái)整體界面制作；
五、經(jīng)文保警用手機(jī)、平板app客戶端界面設(shè)計(jì)及切圖；
六、移動(dòng)端網(wǎng)站建設(shè)；
七、經(jīng)文保管轄單位重點(diǎn)部位和檢查項(xiàng)3D全景建模技術(shù)學(xué)習(xí)及制作，720云場(chǎng)景應(yīng)用線上展示重點(diǎn)單位主要監(jiān)控部位動(dòng)態(tài)效果。
經(jīng)文保之外的臨時(shí)項(xiàng)目與任務(wù)，包括以下內(nèi)容：
一、省移動(dòng)公司處系統(tǒng)項(xiàng)目界面設(shè)計(jì)及制作，家庭寬帶項(xiàng)目管理系統(tǒng)界面制作及相關(guān)臨時(shí)項(xiàng)目需要制作；
二、省公安廳匯報(bào)項(xiàng)目美化設(shè)計(jì)；
三、甘南農(nóng)業(yè)項(xiàng)目app客戶端制作及后臺(tái)信息管理系統(tǒng)界面制作；
四、吉林省網(wǎng)優(yōu)大數(shù)據(jù)平臺(tái)demo制作；
五、公司電力部和工程部各類材料、檢驗(yàn)報(bào)告合同修改以及發(fā)票制作；
六、社保材料制作；
七、臨時(shí)投標(biāo)演示項(xiàng)目demo效果制作。
以上列出了本人20xx年的工作內(nèi)容，首先感謝公司提供這樣優(yōu)秀平臺(tái)和機(jī)會(huì)，讓我在工作中和公司一起度過忙碌而充實(shí)的一年，工作中努力協(xié)同后臺(tái)開發(fā)人員一起完成界面系統(tǒng)的精美展現(xiàn)，同時(shí)選擇當(dāng)下主流框架界面，仔細(xì)研究客戶的需求和業(yè)務(wù)流程，不斷優(yōu)化用戶操作界面，提供給用戶良好的用戶體驗(yàn)和用戶舒適度。
除了系統(tǒng)開發(fā)這一塊，在經(jīng)文保項(xiàng)目還中應(yīng)用了新領(lǐng)域的720度3D全景動(dòng)態(tài)展示技術(shù)，720全景動(dòng)畫展現(xiàn)也是近幾年比較火爆市場(chǎng)需求，結(jié)合百度地圖，實(shí)景展現(xiàn)任何地方的辦公及生活場(chǎng)景。
這一年做項(xiàng)目過程中在本崗位上提升了自己，同時(shí)也學(xué)習(xí)了新領(lǐng)域的知識(shí)，不斷充實(shí)自己趕在技術(shù)的前沿，隨時(shí)接受新的任務(wù)和挑戰(zhàn)。
希望公司在新的一年里拓展新領(lǐng)域業(yè)務(wù)，課余多開展一些培訓(xùn)活動(dòng)，提高員工學(xué)習(xí)新技術(shù)的積極性，同時(shí)培養(yǎng)團(tuán)隊(duì)能更好的配合完成任務(wù)。
在工作之外，希望公司多組織一些體育活動(dòng)和知識(shí)竟賽活動(dòng)，這樣在日常工作中既可以活動(dòng)身心和頭腦，有能找到更多的工作樂趣，勞逸結(jié)合，才能更好的鉆研項(xiàng)目，在技術(shù)領(lǐng)域有更多的突破，和公司共同創(chuàng)新與成長(zhǎng)，同時(shí)希望公司項(xiàng)目順利開展，我會(huì)盡全力發(fā)揮自己的能力，實(shí)現(xiàn)個(gè)人的目標(biāo)和公司的目標(biāo)，在飛快發(fā)展的大環(huán)境下和公司共同進(jìn)步，最后希望公司未來發(fā)展越來越好!
前端工作總結(jié) 篇3
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)站的行為也以瀏覽為主。
需要掌握的知識(shí)
掌握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編程將會(huì)提高開發(fā)人員的個(gè)人技能。
了解Unix和Linux的基本知識(shí)雖然這兩點(diǎn)很基礎(chǔ)，但是開發(fā)人員了解Unix和Linux的基本知識(shí)是有益無害的。
了解Web服務(wù)器當(dāng)你對(duì)Apache的基本配置，htaccess配置技巧有一些掌握的話，將來必定受益，而且這方面的知識(shí)學(xué)起來也相對(duì)容易。
需要熟練掌握的技能
熟悉版本控制系統(tǒng)的用法熟悉使用一種優(yōu)秀的版本控制系統(tǒng)，你在實(shí)際工作中就會(huì)發(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。
對(duì)于初學(xué)開發(fā)人員來說，以上知識(shí)是不是看起來很復(fù)雜，其實(shí)，當(dāng)你一步步學(xué)習(xí)并為企業(yè)開發(fā)成功案例時(shí)，你會(huì)發(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請(qǐng)求 (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)
切分組件到多個(gè)域 (Split Components Across Domains)
最小化 iframe 的數(shù)量 (Minimize the Number of iframes)
杜絕 http 404 錯(cuò)誤 (No 404s)
以上10條涵蓋了Web前端開發(fā)中遇到的各種頁面處理技術(shù)，讓前端開發(fā)人員能夠準(zhǔn)確和快速地把握整個(gè)網(wǎng)頁的架構(gòu)，從而達(dá)到減少開發(fā)成本和頁面美化目的.
Web前端開發(fā)的職責(zé)是什么
1、使用Div+css并結(jié)合Javascript負(fù)責(zé)產(chǎn)品的前端開發(fā)和頁面制作；
2、熟悉W3C標(biāo)準(zhǔn)和各主流瀏覽器在前端開發(fā)中的差異，能熟練運(yùn)用DIV+CSS，提供針對(duì)不同瀏覽器的前端頁面解決方案；
3、負(fù)責(zé)相關(guān)產(chǎn)品的需求以及前端程序的實(shí)現(xiàn)，提供合理的前端架構(gòu)；
4、與產(chǎn)品、后臺(tái)開發(fā)人員保持良好溝通，能快速理解、消化各方需求，并落實(shí)為具體的開發(fā)工作；
5、了解服務(wù)器端的相關(guān)工作，在交互體驗(yàn)、產(chǎn)品設(shè)計(jì)等方面有自己的見解。