總結(jié)是對取得的成績、存在的問題及得到的經(jīng)驗(yàn)和教訓(xùn)等方面情況進(jìn)行評價與描述的一種書面材料，它能夠給人努力工作的動力，因此我們需要回頭歸納，寫一份總結(jié)了。下面是小編整理的前端開發(fā)的個人總結(jié)，歡迎閱讀。
年快結(jié)束了，回首年研發(fā)工作，有碩果累累的喜悅，有與同事協(xié)同的艱辛，也有遇到困難和挫折時的惆悵。時間過得飛快，不知不覺中，充滿夢想和激情的年隨著新年伊始即將臨近，本人五月份之前在資源部工作自五月份之后加入到研發(fā)部，融為這個集體的一份子以來，本著對工作的熱愛，抱以積極，認(rèn)真學(xué)習(xí)的態(tài)度，用心做好每件事，干好這個前端工作，充分利用這一平臺提升自身的技術(shù)，回顧歷程，收獲和感觸頗多。
雖然在學(xué)校里學(xué)的是網(wǎng)站開發(fā)專業(yè)，但是畢業(yè)之后從事這個行業(yè)只有短短幾個月，所學(xué)的知識基本沒有用到，事隔兩年多重新步入這個行業(yè)，感覺還是有點(diǎn)吃力的，多虧研發(fā)同事在工作上的'幫助，才能夠很快上手，沒有耽誤工作，進(jìn)入工作狀態(tài)之后，又惡補(bǔ)了一段時間，前端制作基本上能獨(dú)立完成，前端是個很復(fù)雜的崗位，所涉及的知識面非常廣，剛開始并不了解前端主要是做什么的，只有很淺的認(rèn)識，以為只要把美工給的頁面排版成html格式實(shí)現(xiàn)一些動態(tài)交互效果即可，這可能只是初級或中級前端做的工作，如果往更高層次發(fā)展，就要配合程序與服務(wù)器連接，這個認(rèn)識可能還存在一些問題，對于我這個也算是新手來說確實(shí)有點(diǎn)難，很多東西都不太懂，都要學(xué)，問題依舊存在，可能是因?yàn)檎娴暮芟矚g這份工作吧，從沒想過要放棄，我還會繼續(xù)努力提高學(xué)習(xí)效率，為以后能夠更好的完成工作做準(zhǔn)備。
在資源部pe頻道管理期間，主要工作：
一、每日pe(hdpeldpelldpe)資訊發(fā)布;
二、每日pe(hdpeldpelldpe)編輯短信;
三、每日更新石化出廠價及市場報(bào)價;
四、每日清晨6點(diǎn)半左右發(fā)布原油短信及原油資訊;
五、每日添加技術(shù)參數(shù);
到研發(fā)部這半年多以來主要參與的項(xiàng)目：
一、模具網(wǎng)前臺頁面及管理員后臺頁面制作;
二、西南網(wǎng)前臺頁面制作及版塊調(diào)整;
三、改性二期前臺頁面及m網(wǎng)前端頁面設(shè)計(jì);
四、中塑文庫頁面制作;
五、主網(wǎng)商鋪及其它一些維護(hù);
從入職到現(xiàn)在，我在__導(dǎo)師的指導(dǎo)下走上了前端之路。在這段時間的學(xué)習(xí)和項(xiàng)目中使我對前端業(yè)務(wù)需求和項(xiàng)目開發(fā)流程有一定的了解和認(rèn)識，對前端也有自己的理解。前端是建立在以產(chǎn)品為核心，用戶體驗(yàn)為基礎(chǔ)的一門技術(shù)(其實(shí)我個人更喜歡用藝術(shù)來形容前端)，每一個細(xì)微的視覺效果、交互體驗(yàn)都能給用戶帶去不同的感受，舒適、簡單、不失高雅的前端產(chǎn)品更能獲得用戶的好評。
項(xiàng)目中我參與討論產(chǎn)品實(shí)現(xiàn)的技術(shù)方案，例如：移動端中webview空頁面加載方式和有內(nèi)容頁面加載方式是采用進(jìn)度條還是蒙層加載，對比分析那種加載方式對用戶更加友好;PC端中置頂小動畫按鈕應(yīng)該在什么情況下出現(xiàn)，是在出現(xiàn)滾動條的情況下馬上出現(xiàn)，還是滾動到一定距離的時候再出現(xiàn)會對用戶更加友好。前端開發(fā)中“細(xì)心”極為重要，任何一個頁面的行為，它都可能關(guān)系著產(chǎn)品的成敗，更是對用戶的責(zé)任。作為一名前端，在項(xiàng)目上需要熟悉整個業(yè)務(wù)才能更好的開發(fā)，例如：花幣領(lǐng)取項(xiàng)目中，由于對需求了解的不夠透徹，在完成開發(fā)后發(fā)現(xiàn)有很多場景未考慮完全而大大的延遲了迭代周期，如果一開始就熟悉業(yè)務(wù)，了解需求，考慮到所有的場景，那么可以大大的減少開發(fā)的時間。
學(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)勢。
前端是整個項(xiàng)目的橋梁，溝通產(chǎn)品、后臺、和設(shè)計(jì)。整個項(xiàng)目中不僅需要對自己技術(shù)肯定，更需要了解業(yè)務(wù)，才能更有效率的開發(fā)和維護(hù)產(chǎn)品。
十年磨一劍，我懷揣著夢想站在巨人的肩膀上，緊跟著的腳步希望能越走越快，有朝一日，晚霞落幕，回望過往，那片片云彩皆在歡笑。
在學(xué)校我是學(xué)習(xí)外部前段工作的所以對這方面有所涉足，到了社會，我選擇了外部前段，選擇了這份工作，一個是喜歡一個是自己有不錯的底子，經(jīng)過努力我得到了公司的青睞，進(jìn)入了公司，開始了自己的前段工作生涯。
有人所做技術(shù)的非?？菰?，非常無聊，單是我就喜歡這樣的工作，從自己性格而言選擇這樣的工作對我來說正合適，也適合我，是我需要的工作，同樣我也需要這樣的工作來鍛煉自己，有這個機(jī)會有了這樣的平臺反而讓我得到了更大的發(fā)展，剛進(jìn)入公司的時候，我的技術(shù)和速度可以說是最慢的'，但是部門需要對我的工作從來都不會嚴(yán)格催促，看到其他同事都已經(jīng)做完任務(wù)，都已經(jīng)做好任務(wù)，而自己還在哪里慢慢的做就會感到有些愧疚，于是我就開始發(fā)狠，別人休息的時候我在做網(wǎng)頁，學(xué)習(xí)各種前段代碼，學(xué)習(xí)更多的前段知識，想辦法提升自己，一個是因?yàn)槲艺娴牟桓市穆浜螅以趯W(xué)校畢竟也是成績優(yōu)異，但是卻沒想到自己與真正工作過的同事有這樣打的差距，這讓我感到非常的難過。
一顆不屈的心，讓我要堅(jiān)持努力下去，我們前段，拼的的是積累，拼的是經(jīng)驗(yàn)，學(xué)的多，做的多才能夠得到更多，這才是我們所希望的，也是我們需要努力的，就這樣我一點(diǎn)點(diǎn)努力，一點(diǎn)點(diǎn)堅(jiān)持，始終不忘自己原本的初心，始終銘記自己心中所想，終于讓我有了更多的收獲，有了更多的成績，這是我自己努力的結(jié)果，同樣也是我們公司，部門的培養(yǎng)，我經(jīng)過了一年工作，改變了很多，青澀褪去，變得更加成熟穩(wěn)重，這些都是同事給我的評價。同時自己的能力見長，我已經(jīng)不再如同過去一班，沒有了以前的那種迷茫沒有了以前那種焦慮，已經(jīng)融入了工作中，一點(diǎn)點(diǎn)的進(jìn)步，一次次蛻變。
路還很長，做我們技術(shù)的，就要考我們踏實(shí)工作，對于工作的細(xì)節(jié)和操作都非常細(xì)心和認(rèn)真都知道如果不努力做好就會留下遺憾，就會完不成任務(wù)，我曾因?yàn)橐淮涡″e誤，令我耽擱了很長時間尋找錯誤代碼，最后雖然找到了，但是卻也浪費(fèi)了很長時間這讓我清楚了自己的責(zé)任，我必須要認(rèn)真對待，每一個細(xì)節(jié)，面對密密麻麻的代碼時，規(guī)范整潔有序才能夠做好工作，這才能夠減少失誤的發(fā)生，這才能讓我收獲更多。
每一天我都沉寂在工作中，當(dāng)看到一個個嶄新且是自己設(shè)計(jì)和制作的網(wǎng)頁時我就會感到高興，感到自豪，因?yàn)檫@是我的努力也是我的堅(jiān)持，至少我沒有失望，付出的工作得到了結(jié)果，以后我還需努力不管過程有多難，都不能做到我這個技術(shù)宅的決心。
光陰似箭，日月如梭，輝煌的年即將結(jié)束，將迎來充滿希望的?；赝磳⑦^去的20，展現(xiàn)在我們面前的是一年中深淺不一的腳印，在這幅巨大的畫面上，留下的是優(yōu)美的、還是些許凌亂的印記呢?不管怎樣，我們都要驕傲地說，我們已經(jīng)走過來了。在過去的一年里，我們經(jīng)歷了許多，也成長了許多，我們要不斷提升自己的實(shí)力，迎接新的更大的挑戰(zhàn)，現(xiàn)將年的工作總結(jié)如下：
1、項(xiàng)目方面
在過去一年里，主要擔(dān)負(fù)銀行前端項(xiàng)目組的開發(fā)工作，如開發(fā)存取款系統(tǒng)、開發(fā)存取款系統(tǒng)、開發(fā)動態(tài)下拉框任務(wù)、維護(hù)存取款系統(tǒng)、維護(hù)系統(tǒng)等工作。因工作需要，現(xiàn)調(diào)至浦發(fā)項(xiàng)目組，擔(dān)負(fù)對公回單自助打印系統(tǒng)的開發(fā)工作。在做這些項(xiàng)目的工作中，不僅學(xué)習(xí)到了業(yè)務(wù)知識、技術(shù)知識，還學(xué)會了很多做人的道理。不管做什么事情，解決問題的唯一辦法是——溝通。只要有溝通能力，一切困難都能夠迎刃而解。跟業(yè)務(wù)加強(qiáng)溝通、交流，認(rèn)真、細(xì)心的分析需求，面對問題及時解決處理，這樣才能把項(xiàng)目很好的向前推進(jìn)。
2、團(tuán)隊(duì)協(xié)作
從上面的主要工作內(nèi)容來看，所有項(xiàng)目不是一個人所能完成的，正所謂一切事務(wù)離不開團(tuán)隊(duì)，個人是無法逞英雄的'。在公司領(lǐng)導(dǎo)的英明領(lǐng)導(dǎo)下，團(tuán)隊(duì)建設(shè)有了很大的進(jìn)步，跟同事在一起工作感覺非常的開心，沒有什么其他的雜念，跟大家在一起工作，能夠相互尊重、相互關(guān)心、相互幫助，這就像是一個家庭，一個大家庭，平時大家開開玩笑、說說笑笑，能夠緩解一下緊繃的精神狀態(tài)，而工作中又能嚴(yán)于律己，認(rèn)真對待工作，這就是我們需要的團(tuán)隊(duì)。同時，公司領(lǐng)導(dǎo)也經(jīng)常跟大家一起談心論事，放下領(lǐng)導(dǎo)的架子，融入到同事當(dāng)中，拉近了與同事之間的距離，這樣更能夠體現(xiàn)出領(lǐng)導(dǎo)對同事們的關(guān)心，更能夠體現(xiàn)出領(lǐng)導(dǎo)的親切感，也更能夠讓同事們接受。
在每個項(xiàng)目開始之前，同事們都能好好的交流，加強(qiáng)理解，對問題的共識、解決問題的方法能夠很好的統(tǒng)一起來，在解決問題的過程中，雖然都不是風(fēng)平浪靜，但事后都能夠客觀的分析，從不參雜個人的感情，每個人都能很好的融入到這個團(tuán)隊(duì)，共同做好每一個項(xiàng)目。這正所謂——團(tuán)結(jié)就是力量。
3、工作態(tài)度
不管個人能力有多強(qiáng)，面對工作，就兩個字“態(tài)度”。關(guān)于這一點(diǎn)，給我最大的感觸就是一定要好好的去聆聽、去分析。每個人對待問題都有自己不同的看法，不管他的看法對還是不對，合理與否，考慮的角度是否正確，都要好好地聆聽，至少要等他說完，可能你不愿意或者不屑聽完，但是靜下心來或許會發(fā)現(xiàn)他看問題的某些角度你沒有考慮過。所以我們要靜心、聆聽!
對于領(lǐng)導(dǎo)安排的工作，有些難度比較大，困難總是要去克服的，遇到問題首先自己先解決，解決不了的，相互問同事，同事之間相互討論，共同解決問題，在工作中經(jīng)常會有這樣的事情，把每一次遇到的問題和技術(shù)難點(diǎn)都記錄下來，把問題、技術(shù)與大家共同分享，這樣才能共同提高。
在工作中、生活中，態(tài)度決定一切，態(tài)度100分，生活、工作100分。
4、未來工作展望
回首昨天，我們要問心無愧，盡管太多的苦澀融進(jìn)了昨日的犁鏵，盡管太多的憂傷充斥著我們的心靈，盡管太多的無奈寫在我們的臉上，盡管太多的精力揮灑在昨日的流程上;立足今日，我們擦亮雙眼，走過昨日逝去的歲月，點(diǎn)燃新的希望，放飛新的夢想。
一個開發(fā)人員，技術(shù)上的提高是必須的，但這是不夠的，還得加強(qiáng)管理方面的學(xué)習(xí)，自己將朝著這一目標(biāo)邁進(jìn)。學(xué)歷代表過去、能力代表現(xiàn)在、學(xué)習(xí)代表未來。雖然我現(xiàn)在需要學(xué)習(xí)的東西還很多，但是我仍然會不斷加油學(xué)習(xí)，讓知識充實(shí)自己的腦袋，讓情感融入自己的精神。不管怎么樣，我們要懷揣一顆感恩的心，感謝曾經(jīng)幫助過我們的人，感謝公司、感謝朋友、感謝同事，真心的謝謝您們!
做了整一年web前端開發(fā)，對這個職業(yè)感觸頗多。
這是一個新的職業(yè)，入門相對后臺的開發(fā)人員較低，會一些基本的技術(shù)就可以了，如：html、css、js等。
但是，隨著開發(fā)時間的增長你就會發(fā)現(xiàn)自己很快的就會進(jìn)入一個瓶頸，可能會錯誤的認(rèn)為，做前端開發(fā)不過如此?？墒?，如果你靜下心來在回頭看你寫的代碼，你會發(fā)現(xiàn)之前需求的實(shí)現(xiàn)方式并不是最好的，舉個最簡單的例子，有沒有使用jquery的連綴式編程。
如：$(#id).css({color:red});$(#id).show();
可以寫成，$(#id).css({color:red}).show();
不要小看這次小小的優(yōu)化，實(shí)力都是慢慢積累的。
上面只是一個簡單舉例，要說明的是，雖然這個職業(yè)入門比較低，但是每一次提高都是艱難的。
幾乎每個前臺工程師都是自學(xué)成才，因?yàn)榕Ｈ吮緛砭蜕?，難得遇見，就算遇到一個你也不一定就有機(jī)會能跟著他學(xué)習(xí)。所以在自學(xué)過程是坎坷的，甚至都不知道改如何進(jìn)步，當(dāng)然本人也在努力中，呵呵。
分享一點(diǎn)經(jīng)驗(yàn)：
1.千萬注意寫代碼、和命名規(guī)范(也許n久之后或者項(xiàng)目大的時候這才是重中之重)。
2.html的文檔結(jié)構(gòu)。好的文檔結(jié)構(gòu)會讓你寫css，js變的簡單合理(勝過好的代碼實(shí)現(xiàn)方式)。
3.盡量盡自己的水平優(yōu)化代碼html，css，js(每一次優(yōu)化都是提高)。
4.多去關(guān)組網(wǎng)站性能優(yōu)化的方式(最后網(wǎng)站的訪問速度和用戶體驗(yàn)是證明你能力的時候)。
個人目前的水平有限，就分享這么多吧。
學(xué)習(xí)經(jīng)驗(yàn)：
個人覺得，盡量看書加上實(shí)際操作來學(xué)習(xí)，因?yàn)閺臅蠈W(xué)習(xí)東西比較系統(tǒng)，學(xué)到的東西是系統(tǒng)的而不是一片一片或者一點(diǎn)一點(diǎn)的`。最重要的是要去驗(yàn)證書上寫的跟實(shí)戰(zhàn)的結(jié)果進(jìn)行對比，你會發(fā)現(xiàn)實(shí)際可能還真不一定是那樣的。等系統(tǒng)學(xué)習(xí)完之后，再要提高可能就要找論壇，博客等針對某個點(diǎn)進(jìn)行突破，后面的成長還有很長。個人能力不到那個地方不在妄加說辭。
如果按照這樣的方式來學(xué)習(xí)，那么開什么書就是最重要的了，看一本好的書可以使你恍然大悟，看一本垃圾的書可能連作者都不知道他寫的是什么。個人覺得“圖靈”系列的書籍都是不錯的，清晰、透徹，比較適合我們來學(xué)習(xí)，比如：javascript高級程序設(shè)計(jì),精通html與css設(shè)計(jì)模式等。
記得，每個web前臺開發(fā)工程師都應(yīng)該具有很強(qiáng)的想象力，發(fā)揮想象力，并去驗(yàn)證自己的想法才會提高。
寫這個20__的年終總結(jié)，沒什么經(jīng)驗(yàn)之談，只是繼往開來，反省反省;繼續(xù)追逐大神們的腳步，偶爾站在巨人的肩膀上眺望下未來!
一、原諒我，Jquery：
工作之前，那時什么基礎(chǔ)都沒有，只是逼于即將畢業(yè)后的壓力，百度到了前端開發(fā)，就直接從原生JS開始學(xué)了;學(xué)不動了，問了下認(rèn)識的計(jì)算機(jī)系的學(xué)長，知道了Jquery，OK，學(xué)吧。然而我并沒有太大興趣。因?yàn)槲屹I了本‘高三’，jquery只是對‘高三’進(jìn)行了整體的封裝，他把我要做的事都做了，那好吧，繼續(xù)原生JS嘍;不得不說那時做的最多的就是原生JS仿寫各種特效;還想了個主題，弄了一堆靜態(tài)頁面，拼了個網(wǎng)站的樣子作為找工作的‘作品’。
后來，我知道我錯了，寫那些只是屬于前端基礎(chǔ)的一小部分，工作畢竟是工作，Demo終難上臺面，團(tuán)隊(duì)的配合以及開發(fā)的效率才是最重要的;現(xiàn)在工作以jquery為主，至于曾經(jīng)寫的各種效果，現(xiàn)在也都有對應(yīng)的現(xiàn)成組件，拿來用就是;之前無知時忽視了的jquery，工作后開始馬不停蹄的搜索各種資源補(bǔ)缺了，還好原生JS沒有丟，作為前端的根基，在jquery以外幫了我不少;現(xiàn)在，基礎(chǔ)組件一般都是以jquery插件的形式做的，但是業(yè)余有時間我都會用原生JS實(shí)現(xiàn)一些，因?yàn)槲也幌胍驗(yàn)閖query而逐漸忽視原生JS。
二、必須追求的模塊化：
前端的模塊化是非常必要的，之前對模塊化一直是停留在概念階段，沒有太多實(shí)踐，只是感覺特別好，畢竟在追逐大神們的腳步嘛!忍不住選擇了玉伯老師的Seajs，試著把原來寫的jquery和幾個組件，劃分成模塊，用Seajs組織到一起;由于工作中的前端結(jié)構(gòu)已趨于穩(wěn)定，一下子不可能整體改，所以我只是在本地新建了個目錄，一有時間就考慮下，怎么以模塊化的搞法從新組織下;私下里，為了證實(shí)我在工作的本地前端結(jié)構(gòu)可用，還專門弄了個簡單的博客，按照自己對模塊化的想法，首先以自己的博客作為實(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í)這只是我對自己的一個長期的要求;因?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還帶來了前端的工程化;各種前端自動化工具推陳出新，不斷向前端工作注入新的活力;比如：Grunt、Gulp、Browserify、Webpack等等。
不好意思，Nodejs學(xué)的還不多，若有夸大其詞的地方，大神還是忽視我吧;花滿樓的博客只是對Nodejs小小的探索，諸多不足，有待改進(jìn)，望大神路過指導(dǎo)。
五、話說，我想多了：
每次信誓旦旦做的規(guī)劃，都會隨著時間的腳步漸漸風(fēng)化;每次回顧過去，只留一聲嘆：時間都去哪了?呵呵，還是走好腳下的路吧，畢竟做該做的事總歸是好的;愿和我一樣的小前端們，夢想都不是白日夢!
六、遇見最好的你：Angularjs
目前工作的情況并沒有太大的變動，有些事還是得以團(tuán)隊(duì)工作為重;只是業(yè)余會多些躁動，20__年，想學(xué)好Angularjs;一方面作為工作內(nèi)的技術(shù)儲備，另一方面，我的實(shí)驗(yàn)場還是需要多些內(nèi)含的，打算首先用Angularjs改造博客的后端程序;權(quán)當(dāng)鍛煉吧!風(fēng)靡前端的框架還有很多，大神們也是有各種論調(diào)，我想選Angularjs因?yàn)槲椅缚谛?，一口吃不下一個包子，還是細(xì)嚼慢咽的好;主要是：Angularjs的思想很吸引我，MVC、路由、雙向數(shù)據(jù)綁定、依賴注入、指令系統(tǒng)等;對我來說既陌生又無限的吊胃口;無論學(xué)的怎么樣，我想理解這些思想對現(xiàn)在的我來說恐怕才是最重要的。
這里跟大家談?wù)剛€人對WEB前端開發(fā)的一些經(jīng)驗(yàn)(當(dāng)然都是個人的一些理解，有什么地方說的欠妥或不對的地方還請包含和指正)，這里我就從WEB標(biāo)準(zhǔn)開始吧。
WEB標(biāo)準(zhǔn)是什么?
說是WEB標(biāo)準(zhǔn)，不過我這里主要是對xHTML1.1和CSS2.1的一些經(jīng)驗(yàn)總結(jié)。因?yàn)閃EB含蓋的內(nèi)容實(shí)在是太多了，“WEB標(biāo)準(zhǔn)”是一系列標(biāo)準(zhǔn)的總稱，包括HTML4.0、xHTML1.1、CSS2.1、xML1.0、RSS2.0、ECMAScript1.1、DOM1.0等等。所以這里要跟大家指出來一下，WEB標(biāo)準(zhǔn)不是我們所說的DIV+CSS。剛剛上面提到了——DIV+CSS，這里要說明下，這樣說其實(shí)是不正確的。DIV+CSS準(zhǔn)確的說法(個人的理解)應(yīng)該是：采用W3C推薦的WEB標(biāo)準(zhǔn)中的xHTML1.1結(jié)合CSS2.0樣式表制作頁面的方法，DIV應(yīng)該指的是xHTML標(biāo)簽，而CSS顯示是指的CSS樣式表了。
采用WEB標(biāo)準(zhǔn)開發(fā)的好處?
那么W3C為什么會推薦這樣的頁面制作方法呢?下面我們就簡單的看看采用WEB標(biāo)準(zhǔn)開發(fā)(個人理解的)相對以前TABLE布局的優(yōu)勢有哪些?
1、節(jié)約運(yùn)營成本
看看我們的WEB標(biāo)準(zhǔn)制作方法是如何做到的?
采用WEB標(biāo)準(zhǔn)制作，我們可以做到表現(xiàn)很形式的分離，我們用xHTML來表現(xiàn)(數(shù)據(jù))，用CSS來控制(頁面元素呈現(xiàn)的)形式。寫的好的頁面，xHTML代碼中基本上都是用戶要看的數(shù)據(jù)，還其他修飾性的東西，全部由我們的CSS來控制。這樣一來我們的(xHTML)頁面的體積就大大減小了，這樣你在帶寬上的費(fèi)用就會大家降低了，這個怎么降低的，你可以想象一下，YAHOO的首頁小1K，100W個人一起訪問，那么帶寬節(jié)約了多少?而且可以更充分的利用帶寬。
而我們的CSS控制了，所有的頁面元素的樣式，現(xiàn)在想改網(wǎng)站的整體風(fēng)格，你只需要花幾分鐘修改一下一個CSS文件，就可以輕松搞定了。維護(hù)的成本也下來了，省了不少錢了吧?還有，你開這個頁面的速度會快很多啊，一個讓你等半分鐘的頁面，除非里面的信息對你很有用，不然我們大家基本都沒有太多的時間去用來等待的。
2、對用戶友好更友好，且有機(jī)會獲得更多的用戶。
現(xiàn)在來說說用戶友好。首先我想把我們的用戶來分下類。
第一類：普通用戶(每個訪問我們網(wǎng)站的人);
第二類：搜索引擎;
采用WEB標(biāo)準(zhǔn)開發(fā)的.頁面，結(jié)構(gòu)清晰，頁面體積小，瀏覽器兼容性好。普通用戶訪問的時候，頁面打開速度快，而且不管用戶使用那種瀏覽器，都能夠正常訪問(顯示)頁面，且頁面的結(jié)構(gòu)清晰，要找的數(shù)據(jù)可以很方便的瀏覽到。
而對搜索引擎來說，一個好的采用WEB標(biāo)準(zhǔn)開發(fā)的頁面，都是做過SEO優(yōu)化的，它訪問起來很友好，很容易理解你的頁面中哪里是標(biāo)題(H1~H6標(biāo)簽)，哪里是段落(p標(biāo)簽)，哪里是段落里要強(qiáng)調(diào)的內(nèi)容(strong標(biāo)簽)等，它可以很容易的分析出來。而一個SEO好的站點(diǎn)，大家都知道，被搜索引擎收錄的機(jī)會更多，這個也意味著您的網(wǎng)站會被更多的普通用戶訪問到，給你的站點(diǎn)帶來更多的用戶。
一個能幫我們省下大筆費(fèi)用，提高工作效率。同時又能夠提高頁面瀏覽速度，對用戶友好，甚至能夠不花錢宣傳，就能給你帶來更多用戶的技術(shù)。你說你會不會去使用它?這個也正式我們的W3C推薦使用WEB標(biāo)準(zhǔn)開放網(wǎng)站的原因啊。而這個技術(shù)也得到了我們廣大用戶的認(rèn)可，所以您現(xiàn)在需要學(xué)習(xí)WEB標(biāo)準(zhǔn)啊。溫習(xí)完了基礎(chǔ)課程，現(xiàn)在正式開始講xHTML和CSS的技巧了。
合理的布局
有朋友會開始問了，怎么一開始就開始講合理的布局了呢?前面我們提到了一些知識點(diǎn)——“結(jié)構(gòu)清晰、SEO優(yōu)化、頁面體積小、xHTML代碼中基本上都是用戶要看的數(shù)據(jù)”。這些東西，都是我們做了合理布局的結(jié)果。而且我個人覺得，我們采用WEB標(biāo)準(zhǔn)制作的一切都是從這個知識點(diǎn)開始的，所以我這里就先來說這個話題。
那么大家又會開始問，怎樣的一個頁面，才算是合理的布局的呢?這個問題問題問得好，也是我們大家剛開始學(xué)用WEB標(biāo)準(zhǔn)的問得最多的問題之一，我也曾經(jīng)常被這個問題所困擾，這里就說說我對合理布局的一些理解。
在開始講合理布局的頁面要達(dá)到的要素前，我們還是用個實(shí)例來講解會更直觀些。先來看看這個圖片：不錯，這個是一個文章詳細(xì)頁，沒有左右兩欄布局，不過這里我重點(diǎn)要講的是合理的布局，在稍后的文章中我會詳細(xì)的介紹浮動元素。好，回到剛才的話題，大家看到了這個頁面了。
進(jìn)公司以來，我尊敬領(lǐng)導(dǎo)，與同事關(guān)系融洽。為盡快進(jìn)入工作角色，我自覺認(rèn)真學(xué)習(xí)本公司、本部門、本崗位的各項(xiàng)制度、規(guī)則，嚴(yán)格按照公司里制定的工作制度開展工作。在這近一年的工作和學(xué)習(xí)中，接觸了不少人和事，在為自己的成長歡欣鼓舞的同時，我也明白自己尚有許多缺點(diǎn)需要改正。工作以來，在領(lǐng)導(dǎo)的教導(dǎo)和培養(yǎng)下，在同事們的關(guān)心和幫助下，自己的思想、工作等各方面都取得了一定的成績，個人綜合素質(zhì)也得到了一定的提高，現(xiàn)將這一年來的個人工作情況總結(jié)如下：
一、工作情況
懷著對生活的無限憧憬，我進(jìn)入了__科技信息有限公司。
在試用期的工作中，一方面我嚴(yán)格遵守公司的各項(xiàng)規(guī)章制度，不遲到、不早退、嚴(yán)于律己，自覺的遵守各項(xiàng)工作制度;另一方面，吃苦耐勞、積極主動、努力工作;在完成領(lǐng)導(dǎo)交辦工作的同時，積極主動的協(xié)助其他同事開展工作，并在工作過程中虛心學(xué)習(xí)以提高自身各方面的能力;工作細(xì)節(jié)中，我看到公司正逐步做大做強(qiáng)，以目前的趨勢，我可以預(yù)見公司將有一個輝煌的明天。作為新員工，目前我所能做的就是努力工作，讓自己在平凡的崗位上揮灑自己的汗水，煥發(fā)自己的熱情;使自己在基層得到更多的鍛煉。
二、學(xué)習(xí)情況
現(xiàn)在是我努力學(xué)習(xí)的階段。"三人行，必有我?guī)?quot;，公司中的每一位同事都是我的老師，他們的豐富經(jīng)驗(yàn)和工作行為對于我來說就是一筆寶貴的'財(cái)富。記得我剛到公司的時候，對生產(chǎn)線上的一切都感到陌生而新奇。因?yàn)槲抑皼]有過類似的.工作經(jīng)驗(yàn)，所以知道的也有限，但是在領(lǐng)導(dǎo)和同事的的熱心幫助下，我受益頗多。帶著飽滿的工作熱情，我逐漸熟悉了設(shè)備的操作。盡管我只是入門，而且相對而言年齡要大一點(diǎn)，但是我和其他年輕人一樣對工作充滿著熱情。為盡快提高自己在本職方面的知識和能力，充分發(fā)揮自己的主觀能動性，我利用業(yè)余時間多和同事交流學(xué)習(xí)，在短短三個月中理論結(jié)合實(shí)踐讓我對IT技術(shù)有了真正的認(rèn)識，這為今后的工作打下了基礎(chǔ)。
作為新員工，我經(jīng)常思考的問題就是如何避免失誤，特別是在試用期間，嚴(yán)謹(jǐn)?shù)墓ぷ鲬B(tài)度決定了自身的工作效率，為此我經(jīng)常向同事請教。
在公司呆了三個月，我接觸了很多同事，就在接觸他們的同時，我才知道在集體和諧相處是快樂工作的保證。無論是社會還是單位"為人處事"都是一門高深的學(xué)問。對于這門高深的學(xué)問，我目前首要做的是誠實(shí)做人、努力工作!
三、思想情況
作為一名新員工，我今后的職業(yè)生涯還很長，學(xué)習(xí)的機(jī)會還很多。為此我將盡我所能地對我的工作進(jìn)行開拓，做出成績。為早日實(shí)現(xiàn)目標(biāo)，我要求自己：努力工作，保持優(yōu)點(diǎn)，改正缺點(diǎn)，充分體現(xiàn)自己的人生價值，為企業(yè)美好的明天盡一份力。我更希望通過公司全體員工的努力可以把公司推向一個又一個的顛峰。
仔細(xì)想來，在Web前端開發(fā)方向?qū)嵙?xí)已經(jīng)一年多了，從最初的DIV+CSS學(xué)起，到JavaScript、jQuery、Bootstrap框架等等，前端要學(xué)習(xí)的東西很多。接下來就總結(jié)一下我在學(xué)習(xí)過程中的一些經(jīng)驗(yàn)吧。
第一、學(xué)好基礎(chǔ)知識，做一個基礎(chǔ)扎實(shí)的開發(fā)者。在IT行業(yè)，每年都會有很多新的技術(shù)誕生并且得到廣泛的推廣，前端技術(shù)也不例外。所以無論學(xué)到多深的程度，扎實(shí)的基本功肯定是必不可少的。
(1)HTML：盡量掌握盡可能多的標(biāo)簽。必須掌握的`標(biāo)簽有等，這些雖然平時比較少用甚至幾乎不用，但是當(dāng)你學(xué)到Boostrap框架時，你會發(fā)現(xiàn)Boostrap框架為這些標(biāo)簽賦予了特定的功能與外觀。除此之外，新增了很多標(biāo)簽和屬性，使得HTML語言更加強(qiáng)大。還有很多新的內(nèi)容，需要初學(xué)者更多的接觸并掌握。
(2)CSS：對各個屬性以及一些屬性之間結(jié)合使用的技巧應(yīng)該多鉆研。CSS能夠統(tǒng)一有效地對頁面的布局、字體等網(wǎng)頁中的'各個元素顯示屬性進(jìn)行控制，可以方便快捷地實(shí)現(xiàn)精美的頁面表現(xiàn)效果。你會用CSS技術(shù)的使用技巧解決下列問題嗎?清除浮動有哪些方式?比較好的方式是哪一種?當(dāng)容器中具有浮動元素時，如何為容器設(shè)置邊框或背景顏色?怎樣讓塊級元素在容器中水平居中?當(dāng)多個連續(xù)塊級元素的浮動布局影響了原本不想浮動的對象時該如何處理?容器內(nèi)部的對象如何實(shí)現(xiàn)相對于容器的自由定位?為什么要初始化CSS樣式?
(3)CSS+div布局模式：許多布局模式的基礎(chǔ)，也是大部分前端開發(fā)人員接觸到的第一種布局方式。這種布局模式對于PC端頁面的設(shè)計(jì)是非常有幫助的，同時對于后面將會遇到的“移動端布局”、“響應(yīng)式布局”等，這種布局方式都具有一定的指導(dǎo)意義。
第二、將JavaScript作為前端學(xué)習(xí)的重點(diǎn)。JavaScript是目前大多數(shù)主流瀏覽器支持的面向?qū)ο蟮哪_本語言，它可以在不與服務(wù)器交互的前提下對HTML的頁面內(nèi)容進(jìn)行修改。JavaScript控制著網(wǎng)頁的行為，決定著網(wǎng)頁“做什么”。系統(tǒng)學(xué)習(xí)過JavaScript的同學(xué)們，你看看下列問題你能準(zhǔn)確的找到答案嗎?通過表達(dá)式來系統(tǒng)闡述“==”和“===”這兩個運(yùn)算符的區(qū)別。把某個元素移除你的視線的方法有哪些?你對JSON了解嗎?通過哪個函數(shù)可以判斷從文本框中獲取的內(nèi)容是不是數(shù)字?DOM操作——怎樣添加、移除、移動、復(fù)制、創(chuàng)建和查找節(jié)點(diǎn)?怎樣判斷是否為整數(shù)?運(yùn)算符都能刪除哪些內(nèi)容?在腳本中，this有幾種使用情況呢?
第三、多練習(xí)多操作，實(shí)踐是檢驗(yàn)真理的唯一標(biāo)準(zhǔn)。IT編程是需要多加實(shí)踐的，要不斷反復(fù)進(jìn)行上機(jī)操作，是學(xué)習(xí)編程開發(fā)的唯一方法。
這些問題的答案就是我的實(shí)習(xí)心得，經(jīng)過這段時間的實(shí)習(xí)，我覺得自己可以獨(dú)當(dāng)一面，當(dāng)一個web前端工程師了呢。
記得初到公司時，我對公司的了解僅僅局限于公司網(wǎng)站的簡單介紹，除此之外，便一無所知了。但是，在領(lǐng)導(dǎo)和同事們的支持和幫助下，我不僅加深了對公司的了解，而且很快就掌握和熟悉本崗位工作的要求及技巧，嚴(yán)格做到按時按量完成產(chǎn)品終端頁等頁面的制作，保證頁面的與效果圖的一致性和頁面在各個瀏覽器中的兼容性。同時，減少頁面中冗余的代碼，保證頁面的'加載速度。
自從擔(dān)任網(wǎng)頁制作以來，雖然在工作中取得了較好的成績，但也還存在一些不足之處。例如：工作中沒有充分領(lǐng)會領(lǐng)導(dǎo)的意圖，有時會忽視公司的工作流程等等，這些都是由于工作態(tài)度和細(xì)節(jié)決定的。這些不足都需要在今后的工作中加以改進(jìn)。
在今后的工作中，我將努力提高技術(shù)水平，克服不足，朝著以下兩個方向努力：
1、在以后的工作中不斷學(xué)習(xí)技術(shù)知識，通過多看、多學(xué)、多問、多練來不斷的提高自己的各項(xiàng)業(yè)務(wù)技能。
2、提高自己解決實(shí)際問題的能力，并在工作過程中慢慢克服急躁情緒，積極、熱情、細(xì)致地的對待每一項(xiàng)工作。
短短三個月的時間，我學(xué)到了很多專業(yè)的知識，能夠得心應(yīng)手開展工作;在一個和諧的環(huán)境下，開心的工作;可以說都是受益于各位領(lǐng)導(dǎo)的栽培和各位同事的賜教。
總的來說，由于本人工作經(jīng)驗(yàn)不多，能力還有欠缺。雖然能勝任本職工作，但是社會在不斷的進(jìn)步，技術(shù)在不斷的更新，我還需要更多的磨礪。為此，今后在工作中，我需要進(jìn)一步增強(qiáng)開拓創(chuàng)新精神，刻苦鉆研新的技術(shù)。在上級的正確領(lǐng)導(dǎo)下，努力拼搏，扎實(shí)工作，以更好的質(zhì)量、更高的效率、更扎實(shí)的作風(fēng)做好本職工作，為我們這個光榮的集體、輝煌的事業(yè)做出應(yīng)有的貢獻(xiàn)。
過去的一年，在馬總的親切關(guān)懷，伍經(jīng)理的殷勤管理與認(rèn)真指導(dǎo)，軟件研發(fā)部的團(tuán)結(jié)協(xié)作，以及在公司這充滿奮斗的環(huán)境下，我以嚴(yán)肅認(rèn)真的工作態(tài)度和百折不饒的精神，努力的完成了公司的各項(xiàng)工作，在軟件研發(fā)、團(tuán)隊(duì)協(xié)作和個人成長上也取得了一定的成績。在公司一年的工作已經(jīng)結(jié)束，特向公司總結(jié)。
一、軟件研發(fā)
根據(jù)公司的安排，項(xiàng)目的需要。在自身的努力、伍經(jīng)理的幫組，團(tuán)隊(duì)的合作下，克服重重技術(shù)困難，增長了工作經(jīng)驗(yàn)，收獲豐盈。
1、asp、net開發(fā)以前我在其他公司也做過一些開發(fā)，但是底層和架構(gòu)與頁面樣式我都是沒有涉及到的。通過這一年在本公司的的這些項(xiàng)目程序中的鍛煉，我成長了，我學(xué)會了很多很多。
首先，面向?qū)ο笳Z言的收獲。對于當(dāng)前編程的主流思想是對象，任何事物都可以用對象來表示。以前理解這些話很費(fèi)解都是從表面上理解，沒有從深入的體會，通過這次asp、net項(xiàng)目的深入，不管是數(shù)據(jù)還是外部一些條件我們都可以抽象成對象，都可以用對象來表示，具體可以用語言中的類方法等。asp、net如此，c#如此java也同樣如此。
其次，具備獨(dú)立完成vb、net知識方面的能力。以前沒有做過vb的東西，加上這次深入的做，這次涉及到的領(lǐng)域也非常廣，常用的重要的都有涉及，并且還補(bǔ)充xml,javascript實(shí)際操作中空白的部分。通過這一年的開發(fā)，在、net方面我能勝任這方面的工作，能獨(dú)立完成這方面的工作。
再次，c#方面存在一些不足。通過c#這次軟件的開發(fā)，也發(fā)現(xiàn)自己的不足，如基礎(chǔ)知識掌握不牢，缺乏編程整體思想。這些都是需要在工作中完善和改進(jìn)的。
2、數(shù)據(jù)庫開發(fā)數(shù)據(jù)庫是伴隨著項(xiàng)目以來用的最多最平凡的技術(shù)。以前對數(shù)據(jù)庫只是會一些簡單常用的操作，經(jīng)過這一年項(xiàng)目的實(shí)戰(zhàn)，對數(shù)據(jù)庫的操作增加了一些豐富的經(jīng)驗(yàn)。為以后的工作和經(jīng)驗(yàn)的積累都奠定了堅(jiān)實(shí)的基礎(chǔ)。同時在項(xiàng)目中還用到了oracel與access數(shù)據(jù)庫,這是我最大的收獲。
優(yōu)點(diǎn)：能熟練的運(yùn)用數(shù)據(jù)庫技術(shù)進(jìn)行開發(fā)。特別是對sql數(shù)據(jù)庫的操作，經(jīng)過這么長時間的積累，基本上能合理的設(shè)計(jì)和新建數(shù)據(jù)庫，同時在數(shù)據(jù)結(jié)構(gòu)上也加強(qiáng)了對數(shù)據(jù)庫的理解。通過項(xiàng)目的實(shí)踐現(xiàn)在能熟練使用和編寫多種sql語句。還掌握了一些關(guān)于數(shù)據(jù)庫優(yōu)化sql語句優(yōu)化的方法，能進(jìn)行一些簡單的優(yōu)化。
缺點(diǎn)：數(shù)據(jù)是一門比較先進(jìn)的技術(shù)，并不是你會寫一些sql語句，能建幾個數(shù)據(jù)庫你就是數(shù)據(jù)庫工程師。要成為一個好的數(shù)據(jù)庫管理員是要經(jīng)過長時間的工作積累。針對自己的不足，在以后的工作和學(xué)習(xí)中多接觸，多運(yùn)用新的'知識點(diǎn)。充實(shí)自己的經(jīng)驗(yàn)和知識儲備。
二、團(tuán)隊(duì)協(xié)作
上面的成功與收獲，除了自身努力外，以及公司的支持。是這個團(tuán)隊(duì)鑄造了我。我們這個團(tuán)隊(duì)也是因?yàn)橛辛宋覀冞@些拼搏協(xié)作的隊(duì)員，使得它成為一個具有務(wù)實(shí)、拼搏、創(chuàng)新精神的團(tuán)隊(duì)。我與軟件研發(fā)小組是一個整體，總結(jié)也就是我在這個團(tuán)隊(duì)中的收獲。我的團(tuán)隊(duì)名言“人強(qiáng)團(tuán)則強(qiáng)，人弱團(tuán)則削”。
三、個人成長
通過公司這快一年的鍛煉與學(xué)習(xí)我真的進(jìn)步了很多，不管從技術(shù)上還是做事上，都不像以前那樣了。我在公司學(xué)到的懂得的使我飛速成長。技術(shù)上不管從語言上還是做事的邏輯上都得到了很大的提高?，F(xiàn)在在軟件小組里面自己能獨(dú)立完成一部分工作，承擔(dān)自己的責(zé)任。
總之，簡單概括就是20__是我工作收獲頗豐的一年，希望在公司的領(lǐng)導(dǎo)下創(chuàng)造更輝煌的成績。
轉(zhuǎn)眼一周的時間過去了，回想一下這一周做的工作，在保證效率的同時也仍然存在著一些小的問題，現(xiàn)在總結(jié)如下。
第一，在工作的時候還是有點(diǎn)急于求成。
這一周在寫頁面的時候遇到了一個小問題，當(dāng)時只想著能在當(dāng)天下班之前把頁面寫好，而忽略了其他方面的問題，比如這樣寫的話會不會影響頁面加載速度，會不會不利于優(yōu)化，會不會不符合w3c規(guī)范等等。
一味的急于求成往往給我們帶來的是很多個意想不到的問題，為了提高效率而不管其他，這樣的想法、做法是非常之愚蠢的，以后要在這方面多加注意了。沒有人催你交頁面的時候，盡可能的把頁面寫的規(guī)范化、使頁面在加載的時候能更快些。
第二，遇到一點(diǎn)問題就說“我不會，這個實(shí)現(xiàn)不了”。
這個問題在我身上已經(jīng)很久了，講大道理的時候從沒怕過誰，可是到了工作中實(shí)踐的時候，但凡是遇到一點(diǎn)問題就直接打退堂鼓了，但凡是遇到點(diǎn)復(fù)雜的需求就跟對方說了我不會，這個實(shí)現(xiàn)不了，是需求真的變態(tài)到反人類嗎?我想大多數(shù)情況下都不是的.，只是我太懶了，害怕去思考，害怕迎接新的挑戰(zhàn)，總想著通過之前寫過的代碼來實(shí)現(xiàn)需求，不愿意為了新出現(xiàn)的、沒有遇到過的需求去靜下心來想一想有沒有解決的辦法，久而久之就造成了我遇到事情就慫，遇到問題就打退堂鼓的情況。
總的來說，這一周的工作還是挺充實(shí)的，有很多收獲，自律是一個好東西，希望我能盡快的擁有它。