前端工作總結 篇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、了解伺服器端的相關工作，在互動體驗、產品設計等方面有自己的見解。