前端工作總結（精選3篇）

前端工作總結 篇1

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

　　一、原諒我，Jquery：

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

　　二、必須追求的模塊化：

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

　　三、弱小者的強大力量——CSS：

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

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

　　恩，SASS是首選的CSS預編譯器之一；風行于前后端的Bootstrap之前是基于Less的，后來全部開始轉向Sass了；所以，無論現在對于Bootstrap熟練度有多少，我想其對于前端樣式的構建思想是非常值得學習的；以Sass作為前端樣式的構建工具，來實現精簡、模塊化、可復用的樣式，我想那不是夢，當然，一切都是需要歷練和積累的；

　　四、革命性的轉折點：Nodejs

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

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

　　五、話說，我想多了：

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

　　六、遇見最好的你：Angularjs

　　目前工作的情況并沒有太大的變動，有些事還是得以團隊工作為重；只是業余會多些躁動，20xx年，想學好Angularjs；一方面作為工作內的技術儲備，另一方面，我的實驗場還是需要多些內含的，打算首先用Angularjs改造博客的后端程序；權當鍛煉吧！風靡前端的框架還有很多，大神們也是有各種論調，我想選Angularjs因為我胃口小，一口吃不下一個包子，還是細嚼慢咽的好；主要是：Angularjs的思想很吸引我，依賴注入、指令系統等；對我來說既陌生又無限的吊胃口；無論學的怎么樣，我想理解這些思想對現在的我來說恐怕才是最重要的。

前端工作總結 篇2

　　作為公司的網站前端開發和美工，20xx年本人主要負責的是經文保總隊的各個系統的界面設計及動態頁面制作，包括以下內容：

　　一、吉林省單位內部安全保衛平臺內網及外網設計及制作，同時包括平臺下邊九個子系統首頁制作（包括經文保綜合管理系統、散裝汽油銷售管理系統、安保人員考試系統、高校少數名民族學生管理系統、考試服務系統、金融服務系統等）；

　　二、公安內網網站吉林公安經文保信息網整站設計及動態效果制作和后期維護；

　　三、吉林省單位內部安防信息網協同其他行政部門聯合辦公系統整站設計及動態網頁制作；

　　四、系統內警蹤平臺整體界面制作；

　　五、經文保警用手機、平板app客戶端界面設計及切圖；

　　六、移動端網站建設；

　　七、經文保管轄單位重點部位和檢查項3D全景建模技術學習及制作，720云場景應用線上展示重點單位主要監控部位動態效果。

　　經文保之外的臨時項目與任務，包括以下內容：

　　一、省移動公司處系統項目界面設計及制作，家庭寬帶項目管理系統界面制作及相關臨時項目需要制作；

　　二、省公安廳匯報項目美化設計；

　　三、甘南農業項目app客戶端制作及后臺信息管理系統界面制作；

　　四、吉林省網優大數據平臺demo制作；

　　五、公司電力部和工程部各類材料、檢驗報告合同修改以及發票制作；

　　六、社保材料制作；

　　七、臨時投標演示項目demo效果制作。

　　以上列出了本人20xx年的工作內容，首先感謝公司提供這樣優秀平臺和機會，讓我在工作中和公司一起度過忙碌而充實的一年，工作中努力協同后臺開發人員一起完成界面系統的精美展現，同時選擇當下主流框架界面，仔細研究客戶的需求和業務流程，不斷優化用戶操作界面，提供給用戶良好的用戶體驗和用戶舒適度。

　　除了系統開發這一塊，在經文保項目還中應用了新領域的720度3D全景動態展示技術，720全景動畫展現也是近幾年比較火爆市場需求，結合百度地圖，實景展現任何地方的辦公及生活場景。

　　這一年做項目過程中在本崗位上提升了自己，同時也學習了新領域的知識，不斷充實自己趕在技術的前沿，隨時接受新的任務和挑戰。

　　希望公司在新的一年里拓展新領域業務，課余多開展一些培訓活動，提高員工學習新技術的積極性，同時培養團隊能更好的配合完成任務。

　　在工作之外，希望公司多組織一些體育活動和知識竟賽活動，這樣在日常工作中既可以活動身心和頭腦，有能找到更多的工作樂趣，勞逸結合，才能更好的鉆研項目，在技術領域有更多的突破，和公司共同創新與成長，同時希望公司項目順利開展，我會盡全力發揮自己的能力，實現個人的目標和公司的目標，在飛快發展的大環境下和公司共同進步，最后希望公司未來發展越來越好!

前端工作總結 篇3

　　Web前端開發是從網頁制作演變而來的，名稱上有很明顯的時代特征。在互聯網的演化進程中，網頁制作是Web1.0時代的產物，那時網站的主要內容都是靜態的，用戶使用網站的行為也以瀏覽為主。

　　需要掌握的知識

　　掌握HTML是網頁的核心，是一種制作萬維網頁面的標準語言，是萬維網瀏覽器使用的一種語言，它消除了不同計算機之間信息交流的障礙。因此，它是目前網絡上應用最為廣泛的語言，也是構成網頁文檔的主要語言，學好HTML是成為Web開發人員的基本條件。

　　學好CSS是網頁外觀的重要一點，CSS可以幫助把網頁外觀做得更加美觀。

　　學習JavaScript的基本語法，以及如何使用JavaScript編程將會提高開發人員的個人技能。

　　了解Unix和Linux的基本知識雖然這兩點很基礎，但是開發人員了解Unix和Linux的基本知識是有益無害的。

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

　　需要熟練掌握的技能

　　熟悉版本控制系統的用法熟悉使用一種優秀的版本控制系統，你在實際工作中就會發現精通一種版本控制系統是很幸福的事情。

　　學好Web框架當你掌握了HTML，服務器端腳本語言，CSS和JavaScript后，就應該找一個Web框架加快你的Web開發速度，使用框架可以節約你很多時間，如果你使用PHP，可選的框架有CakePHP，CodeIgniter，Zend等，Python程序員喜歡使用Django和 webpy，Ruby程序員喜歡使用RoR。

　　對于初學開發人員來說，以上知識是不是看起來很復雜，其實，當你一步步學習并為企業開發成功案例時，你會發現一切都是有意義的付出。

　　較強的視覺設計

　　前端技術包括4個部分：前端美工、瀏覽器兼容、CSS、HTML“傳統”技術與Adobe AIR、Google Gears,以及概念性較強的交互式設計,藝術性較強的視覺設計等等。

　　根據該詞可以做這樣的理解,用互聯網來做比喻,凡是通過瀏覽器到用戶端計算機的統稱為前端技術.相反存貯于服務器端的統稱為后端技術.

　　Web前端優化

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

　　減少 DNS 查找 (Reduce DNS Lookups)

　　避免重定向 (Avoid Redirects)

　　使得 Ajax 可緩存 (Make Ajax Cacheable)

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

　　預載入組件 (Preload Components)

　　減少 DOM 元素數量 (Reduce the Number of DOM Elements)

　　切分組件到多個域 (Split Components Across Domains)

　　最小化 iframe 的數量 (Minimize the Number of iframes)

　　杜絕 http 404 錯誤 (No 404s)

　　以上10條涵蓋了Web前端開發中遇到的各種頁面處理技術，讓前端開發人員能夠準確和快速地把握整個網頁的架構，從而達到減少開發成本和頁面美化目的.

　　Web前端開發的職責是什么

　　1、使用Div+css并結合Javascript負責產品的前端開發和頁面制作；

　　2、熟悉W3C標準和各主流瀏覽器在前端開發中的差異，能熟練運用DIV+CSS，提供針對不同瀏覽器的前端頁面解決方案；

　　3、負責相關產品的需求以及前端程序的實現，提供合理的前端架構；

　　4、與產品、后臺開發人員保持良好溝通，能快速理解、消化各方需求，并落實為具體的開發工作；

　　5、了解服務器端的相關工作，在交互體驗、產品設計等方面有自己的見解。