前端工作總結(jié)

前端工作總結(jié)篇1大三下學(xué)期開始自學(xué)的前端，斷斷續(xù)續(xù)半年多，開始找前端相關(guān)的工作；到現(xiàn)在，走過了畢業(yè)期的十字路口，已經(jīng)工作一年了；好吧，嚴重掉底子了，我是個比較懶的人。既然起步較晚，那么就只有馬不停蹄的追趕了，奔跑吧，小前端！寫這個20xx的年終總結(jié)，沒什么經(jīng)驗之談，只是繼往開來，反省反省；繼續(xù)追逐大神們的腳步，偶爾站在巨人的肩膀上眺望下未來！一、原諒我，Jquery：工作之前，那時什么基礎(chǔ)都沒有，只是逼于即將畢業(yè)后的壓力，百度到了前端開發(fā)，就直接從原生JS開始學(xué)了；學(xué)不動了，問了下認識的計算機系的學(xué)長，知道了Jquery，OK，學(xué)吧。然而我并沒有太大興趣。因為我買了本‘高三’，jquery只是對‘高三’進行了整體的封裝，他把我要做的事都做了，那好吧，繼續(xù)原生JS嘍；不得不說那時做的最多的就是原生JS仿寫各種特效；還想了個主題，弄了一堆靜態(tài)頁面，拼了個網(wǎng)站的樣子作為找工作的‘作品’，后來，我知道我錯了，寫那些只是屬于前端基礎(chǔ)的一小部分，工作畢竟是工作，Demo終難上臺面，團隊的配合以及開發(fā)的效率才是最重要的；現(xiàn)在工作以jquery為主，至于曾經(jīng)寫的各種效果，現(xiàn)在也都有對應(yīng)的現(xiàn)成組件，拿來用就是；之前無知時忽視了的jquery，工作后開始馬不停蹄的搜索各種資源補缺了，還好原生JS沒有丟，作為前端的根基，在jquery以外幫了我不少；現(xiàn)在，基礎(chǔ)組件一般都是以jquery插件的形式做的，但是業(yè)余有時間我都會用原生JS實現(xiàn)一些，因為我不想因為jquery而逐漸忽視原生JS。二、必須追求的模塊化：前端的模塊化是非常必要的，之前對模塊化一直是停留在概念階段，沒有太多實踐，只是感覺特別好，畢竟在追逐大神們的腳步嘛！忍不住選擇了玉老師的Seajs，試著把原來寫的jquery和幾個組件，劃分成模塊，用Seajs組織到一起；由于工作中的前端結(jié)構(gòu)已趨于穩(wěn)定，一下子不可能整體改，所以我只是在本地新建了個目錄，一有時間就考慮下，怎么以模塊化的搞法從新組織下；私下里，為了證實我在工作的本地前端結(jié)構(gòu)可用，還專門弄了個簡單的博客，按照自己對模塊化的想法，首先以自己的博客作為實驗場，來驗證可行性；不管結(jié)果怎么樣，不管這樣做好不好，就當(dāng)是一種鍛煉吧；愚論拙見，只當(dāng)逗大神們一笑吧！三、弱小者的強大力量——CSS：HTML、CSS作為前端開發(fā)最基礎(chǔ)的一部分，可能在后端眼中不值一提吧，確實我也這么認為；但是，我更認為，前提是你能夠把這些基礎(chǔ)亂熟于心，并且對各種瀏覽器的兼容性了然于胸，閉著眼睛也能寫出簡潔明了的HTML、CSS；好吧，其實這只是我對自己的一個長期的要求；因為模塊化，不只是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)建工具，來實現(xiàn)精簡、模塊化、可復(fù)用的樣式，我想那不是夢，當(dāng)然，一切都是需要歷練和積累的；四、革命性的轉(zhuǎn)折點：Nodejs不管Nodejs屬于前端還是后端，我想其對于前端工作的變革性影響都是不言而喻的；在我心里，Nodejs將前端的模塊化思想做到了極致，包的數(shù)量多達十幾萬的NPM社區(qū)足以證明其偉大之處；Nodejs內(nèi)部實現(xiàn)了Commonjs規(guī)范，以require模塊的方式調(diào)用內(nèi)部模塊和外部模塊；所以NPM社區(qū)如此強大是必然的；由此各大類庫和框架都實現(xiàn)了基于Nodejs的模塊化實現(xiàn)；并且遠不止這些，基于Nodejs還帶來了前端的工程化；各種前端自動化工具推陳出新，不斷向前端工作注入新的活力；比如：Grunt、Gulp、Browserify、Webpack等等；不好意思，Nodejs學(xué)的還不多，若有夸大其詞的地方，大神還是忽視我吧；花滿樓的博客只是對Nodejs小小的探索，諸多不足，有待改進，望大神路過指導(dǎo)；五、話說，我想多了：每次信誓旦旦做的規(guī)劃，都會隨著時間的腳步漸漸風(fēng)化；每次回顧過去，只留一聲嘆：時間都去哪了？呵呵，還是走好腳下的路吧，畢竟做該做的事總歸是好的；愿和我一樣的小前端們，夢想都不是白日夢！六、遇見最好的你：Angularjs目前工作的情況并沒有太大的變動，有些事還是得以團隊工作為重；只是業(yè)余會多些躁動，20xx年，想學(xué)好Angularjs；一方面作為工作內(nèi)的技術(shù)儲備，另一方面，我的實驗場還是需要多些內(nèi)含的，打算首先用Angularjs改造博客的后端程序；權(quán)當(dāng)鍛煉吧！風(fēng)靡前端的框架還有很多，大神們也是有各種論調(diào)，我想選Angularjs因為我胃口小，一口吃不下一個包子，還是細嚼慢咽的好；主要是：Angularjs的思想很吸引我，依賴注入、指令系統(tǒng)等；對我來說既陌生又無限的吊胃口；無論學(xué)的怎么樣，我想理解這些思想對現(xiàn)在的我來說恐怕才是最重要的。前端工作總結(jié)篇2作為公司的網(wǎng)站前端開發(fā)和美工，20xx年本人主要負責(zé)的是經(jīng)文?？傟牭母鱾€系統(tǒng)的界面設(shè)計及動態(tài)頁面制作，包括以下內(nèi)容：一、吉林省單位內(nèi)部安全保衛(wèi)平臺內(nèi)網(wǎng)及外網(wǎng)設(shè)計及制作，同時包括平臺下邊九個子系統(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è)計及動態(tài)效果制作和后期維護；三、吉林省單位內(nèi)部安防信息網(wǎng)協(xié)同其他行政部門聯(lián)合辦公系統(tǒng)整站設(shè)計及動態(tài)網(wǎng)頁制作；四、系統(tǒng)內(nèi)警蹤平臺整體界面制作；五、經(jīng)文保警用手機、平板app客戶端界面設(shè)計及切圖；六、移動端網(wǎng)站建設(shè)；七、經(jīng)文保管轄單位重點部位和檢查項3D全景建模技術(shù)學(xué)習(xí)及制作，720云場景應(yīng)用線上展示重點單位主要監(jiān)控部位動態(tài)效果。經(jīng)文保之外的臨時項目與任務(wù)，包括以下內(nèi)容：一、省移動公司處系統(tǒng)項目界面設(shè)計及制作，家庭寬帶項目管理系統(tǒng)界面制作及相關(guān)臨時項目需要制作；二、省公安廳匯報項目美化設(shè)計；三、甘南農(nóng)業(yè)項目app客戶端制作及后臺信息管理系統(tǒng)界面制作；四、吉林省網(wǎng)優(yōu)大數(shù)據(jù)平臺demo制作；五、公司電力部和工程部各類材料、檢驗報告合同修改以及發(fā)票制作；六、社保材料制作；七、臨時投標演示項目demo效果制作。以上列出了本人20xx年的工作內(nèi)容，首先感謝公司提供這樣優(yōu)秀平臺和機會，讓我在工作中和公司一起度過忙碌而充實的一年，工作中努力協(xié)同后臺開發(fā)人員一起完成界面系統(tǒng)的精美展現(xiàn)，同時選擇當(dāng)下主流框架界面，仔細研究客戶的需求和業(yè)務(wù)流程，不斷優(yōu)化用戶操作界面，提供給用戶良好的用戶體驗和用戶舒適度。除了系統(tǒng)開發(fā)這一塊，在經(jīng)文保項目還中應(yīng)用了新領(lǐng)域的720度3D全景動態(tài)展示技術(shù)，720全景動畫展現(xiàn)也是近幾年比較火爆市場需求，結(jié)合百度地圖，實景展現(xiàn)任何地方的辦公及生活場景。這一年做項目過程中在本崗位上提升了自己，同時也學(xué)習(xí)了新領(lǐng)域的知識，不斷充實自己趕在技術(shù)的前沿，隨時接受新的任務(wù)和挑戰(zhàn)。希望公司在新的一年里拓展新領(lǐng)域業(yè)務(wù)，課余多開展一些培訓(xùn)活動，提高員工學(xué)習(xí)新技術(shù)的積極性，同時培養(yǎng)團隊能更好的配合完成任務(wù)。在工作之外，希望公司多組織一些體育活動和知識竟賽活動，這樣在日常工作中既可以活動身心和頭腦，有能找到更多的工作樂趣，勞逸結(jié)合，才能更好的鉆研項目，在技術(shù)領(lǐng)域有更多的突破，和公司共同創(chuàng)新與成長，同時希望公司項目順利開展，我會盡全力發(fā)揮自己的能力，實現(xiàn)個人的目標和公司的目標，在飛快發(fā)展的大環(huán)境下和公司共同進步，最后希望公司未來發(fā)展越來越好!前端工作總結(jié)篇3Web前端開發(fā)是從網(wǎng)頁制作演變而來的，名稱上有很明顯的時代特征。在互聯(lián)網(wǎng)的演化進程中，網(wǎng)頁制作是Web1.0時代的產(chǎn)物，那時網(wǎng)站的主要內(nèi)容都是靜態(tài)的，用戶使用網(wǎng)站的行為也以瀏覽為主。需要掌握的知識掌握HTML是網(wǎng)頁的核心，是一種制作萬維網(wǎng)頁面的標準語言，是萬維網(wǎng)瀏覽器使用的一種語言，它消除了不同計算機之間信息交流的障礙。因此，它是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語言，也是構(gòu)成網(wǎng)頁文檔的主要語言，學(xué)好HTML是成為Web開發(fā)人員的基本條件。學(xué)好CSS是網(wǎng)頁外觀的重要一點，CSS可以幫助把網(wǎng)頁外觀做得更加美觀。學(xué)習(xí)JavaScript的基本語法，以及如何使用JavaScript編程將會提高開發(fā)人員的個人技能。了解Unix和Linux的基本知識雖然這兩點很基礎(chǔ)，但是開發(fā)人員了解Unix和Linux的基本知識是有益無害的。了解Web服務(wù)器當(dāng)你對Apache的基本配置，htaccess配置技巧有一些掌握的話，將來必定受益，而且這方面的知識學(xué)起來也相對容易。需要熟練掌握的技能熟悉版本控制系統(tǒng)的用法熟悉使用一種優(yōu)秀的版本控制系統(tǒng)，你在實際工作中就會發(fā)現(xiàn)精通一種版本控制系統(tǒng)是很幸福的事情。學(xué)好Web框架當(dāng)你掌握了HTML，服務(wù)器端腳本語言，CSS和JavaScript后，就應(yīng)該找一個Web框架加快你的Web開發(fā)速度，使用框架可以節(jié)約你很多時間，如果你使用PHP，可選的框架有CakePHP，CodeIgniter，Zend等，Python程序員喜歡使用Django和webpy，Ruby程序員喜歡使用RoR。對于初學(xué)開發(fā)人員來說，以上知識是不是看起來很復(fù)雜，其實，當(dāng)你一步步學(xué)習(xí)并為企業(yè)開發(fā)成功案例時，你會發(fā)現(xiàn)一切都是有意義的付出。較強的視覺設(shè)計前端技術(shù)包括4個部分：前端美工、瀏覽器兼容、CSS、HTML“傳統(tǒng)”技術(shù)與AdobeAIR、GoogleGears,以及概念性較強的交互式設(shè)計,藝術(shù)性較強的視覺設(shè)計等等。根據(jù)該詞可以做這樣的理解,用互聯(lián)網(wǎng)來做比喻,凡是通過瀏覽器到用戶端計算機的統(tǒng)稱為前端技術(shù).相反存貯于服務(wù)器端的統(tǒng)稱為后端技術(shù).Web前端優(yōu)化盡量減少HTTP請求(MakeFewerHTTPRequests)減少DNS查找(ReduceDNSLookups)避免重定向(AvoidRedirects)使得Ajax可緩存(MakeAjaxCacheable)延遲載入組件(Post-loadComponents)預(yù)載入組件(PreloadComponents)減少DOM元素數(shù)量(ReducetheNumberofDOMElements)切分組件到多個域(SplitComponentsAcrossDomains)最小化iframe的數(shù)量(MinimizetheNumberofiframes)杜絕http404錯誤(No404s)以上10條涵蓋了Web前端開發(fā)中遇到的各種頁面處理技術(shù)，讓前端開發(fā)人員能夠準確和快速地把握整個網(wǎng)頁的架構(gòu)，從而達到減少開