web前端總結 篇1
這裡跟大家談談個人對WEB前端開發的一些經驗（當然都是個人的一些理解，有什麼地方說的欠妥或不對的地方還請包含和指正），這裡我就從WEB標準開始吧。
WEB標準是什麼？
說是WEB標準，不過我這裡主要是對XHTML1.1和CSS2.1的一些經驗總結。因為WEB含蓋的內容實在是太多了，“WEB標準”是一系列標準的總稱，包括HTML4.0、XHTML1.1、CSS2.1、XML1.0、RSS2.0、ECMAScript1.1、DOM1.0等等。所以這裡要跟大家指出來一下，WEB標準不是我們所說的DIV+CSS。剛剛上面提到了——DIV+CSS，這裡要說明下，這樣說其實是不正確的。DIV+CSS準確的說法（個人的理解）應該是：採用W3C推薦的WEB標準中的XHTML1.1結合CSS2.0樣式表製作頁面的方法，DIV應該指的是XHTML標籤，而CSS顯示是指的CSS樣式表了。
採用WEB標準開發的好處？
那么W3C為什麼會推薦這樣的頁面製作方法呢？下面我們就簡單的看看採用WEB標準開發（個人理解的）相對以前TABLE布局的優勢有哪些？
1、節約運營成本
看看我們的WEB標準製作方法是如何做到的？
採用WEB標準製作，我們可以做到表現很形式的分離，我們用XHTML來表現（數據），用CSS來控制（頁面元素呈現的）形式。寫的好的頁面，XHTML代碼中基本上都是用戶要看的數據，還其他修飾性的東西，全部由我們的CSS來控制。這樣一來我們的（XHTML）頁面的體積就大大減小了，這樣你在頻寬上的費用就會大家降低了，這個怎么降低的，你可以想像一下，YAHOO的首頁小1K，100W個人一起訪問，那么頻寬節約了多少？而且可以更充分的利用頻寬。
而我們的CSS控制了，所有的頁面元素的樣式，現在想改網站的整體風格，你只需要花幾分鐘修改一下一個CSS檔案，就可以輕鬆搞定了。維護的成本也下來了，省了不少錢了吧？還有，你開這個頁面的速度會快很多啊，一個讓你等半分鐘的頁面，除非裡面的信息對你很有用，不然我們大家基本都沒有太多的時間去用來等待的。
2、對用戶友好更友好，且有機會獲得更多的用戶。
現在來說說用戶友好。首先我想把我們的用戶來分下類。
第一類：普通用戶（每個訪問我們網站的人）；
第二類：搜尋引擎；
採用WEB標準開發的頁面，結構清晰，頁面體積小，瀏覽器兼容性好。普通用戶訪問的時候，頁面打開速度快，而且不管用戶使用那種瀏覽器，都能夠正常訪問（顯示）頁面，且頁面的結構清晰，要找的數據可以很方便的瀏覽到。
而對搜尋引擎來說，一個好的採用WEB標準開發的頁面，都是做過SEO最佳化的，它訪問起來很友好，很容易理解你的頁面中哪裡是標題（H1~H6標籤），哪裡是段落（p標籤），哪裡是段落里要強調的內容（strong標籤）等，它可以很容易的分析出來。而一個SEO好的站點，大家都知道，被搜尋引擎收錄的機會更多，這個也意味著您的網站會被更多的普通用戶訪問到，給你的站點帶來更多的用戶。
一個能幫我們省下大筆費用，提高工作效率。同時又能夠提高頁面瀏覽速度，對用戶友好，甚至能夠不花錢宣傳，就能給你帶來更多用戶的技術。你說你會不會去使用它？這個也正式我們的W3C推薦使用WEB標準開放網站的原因啊。而這個技術也得到了我們廣大用戶的認可，所以您現在需要學習WEB標準啊。溫習完了基礎課程，現在正式開始講XHTML和CSS的技巧了。
合理的布局
有朋友會開始問了，怎么一開始就開始講合理的布局了呢?前面我們提到了一些知識點——“結構清晰、SEO最佳化、頁面體積小、XHTML代碼中基本上都是用戶要看的數據”。這些東西，都是我們做了合理布局的結果。而且我個人覺得，我們採用WEB標準製作的一切都是從這個知識點開始的，所以我這裡就先來說這個話題。
那么大家又會開始問，怎樣的一個頁面，才算是合理的布局的呢？這個問題問題問得好，也是我們大家剛開始學用WEB標準的問得最多的問題之一，我也曾經常被這個問題所困擾，這裡就說說我對合理布局的一些理解。
在開始講合理布局的頁面要達到的要素前，我們還是用個實例來講解會更直觀些。先來看看這個圖片：不錯，這個是一個文章詳細頁，沒有左右兩欄布局，不過這裡我重點要講的是合理的布局，在稍後的文章中我會詳細的介紹浮動元素。好，回到剛才的話題，大家看到了這個頁面了。
web前端總結 篇2
做了整一年web前端開發，對這個職業感觸頗多。
這是一個新的職業，入門相對後台的開發人員較低，會一些基本的技術就可以了，如：html、css、js等。
但是，隨著開發時間的增長你就會發現自己很快的就會進入一個瓶頸，可能會錯誤的認為，做前端開發不過如此。可是，如果你靜下心來在回頭看你寫的代碼，你會發現之前需求的實現方式並不是最好的，舉個最簡單的例子，有沒有使用jquery的連綴式編程。
如：$(#id).css({color:red});$(#id).show;
可以寫成，$(#id).css({color:red}).show;
不要小看這次小小的最佳化，實力都是慢慢積累的。
上面只是一個簡單舉例，要說明的是，雖然這個職業入門比較低，但是每一次提高都是艱難的。
幾乎每個前台工程師都是自學成才，因為牛人本來就少，難得遇見，就算遇到一個你也不一定就有機會能跟著他學習。所以在自學過程是坎坷的，甚至都不知道改如何進步，當然本人也在努力中，呵呵。
分享一點經驗：
1.千萬注意寫代碼、和命名規範（也許n久之後或者項目大的時候這才是重中之重）。
3.儘量儘自己的水平最佳化代碼html，css，js（每一次最佳化都是提高）。
4.多去關組網站性能最佳化的方式（最後網站的訪問速度和用戶體驗是證明你能力的時候）。
個人目前的水平有限，就分享這么多吧。
學習經驗：
個人覺得，儘量看書加上實際操作來學習，因為從書上學習東西比較系統，學到的東西是系統的而不是一片一片或者一點一點的。最重要的是要去驗證書上寫的跟實戰的結果進行對比，你會發現實際可能還真不一定是那樣的。等系統學習完之後，再要提高可能就要找論壇，部落格等針對某個點進行突破，後面的成長還有很長。個人能力不到那個地方不在妄加說辭。
如果按照這樣的方式來學習，那么開什麼書就是最重要的了，看一本好的書可以使你恍然大悟，看一本垃圾的書可能連作者都不知道他寫的是什麼。個人覺得“圖靈”系列的書籍都是不錯的，清晰、透徹，比較適合我們來學習，比如：javascript高級程式設計,精通html與css設計模式等。
記得，每個web前台開發工程師都應該具有很強的想像力，發揮想像力，並去驗證自己的想法才會提高。
web前端總結 篇3
光陰似箭，日月如梭，輝煌的年即將結束，將迎來充滿希望的。回望即將過去的20xx，展現在我們面前的是一年中深淺不一的腳印，在這幅巨大的畫面上，留下的是優美的、還是些許凌亂的印記呢?不管怎樣，我們都要驕傲地說，我們已經走過來了。在過去的一年裡，我們經歷了許多，也成長了許多，我們要不斷提升自己的實力，迎接新的更大的挑戰，現將年的工作總結如下：
1. 項目方面
在過去一年裡，主要擔負銀行前端項目組的開發工作，如開發存取款系統、開發存取款系統、開發動態下拉框任務、維護存取款系統、維護系統等工作。因工作需要，現調至浦發項目組，擔負對公回單自助列印系統的開發工作。在做這些項目的工作中，不僅學習到了業務知識、技術知識，還學會了很多做人的道理。不管做什麼事情，解決問題的唯一辦法是——溝通。只要有溝通能力，一切困難都能夠迎刃而解。跟業務加強溝通、交流，認真、細心的分析需求，面對問題及時解決處理，這樣才能把項目很好的向前推進。
2. 團隊協作
從上面的主要工作內容來看，所有項目不是一個人所能完成的，正所謂一切事務離不開團隊，個人是無法逞英雄的。在公司領導的英明領導下，團隊建設有了很大的進步，跟同事在一起工作感覺非常的開心，沒有什麼其他的雜念，跟大家在一起工作，能夠相互尊重、相互關心、相互幫助，這就像是一個家庭，一個大家庭，平時大家開開玩笑、說說笑笑，能夠緩解一下緊繃的精神狀態，而工作中又能嚴於律己，認真對待工作，這就是我們需要的團隊。同時，公司領導也經常跟大家一起談心論事，放下領導的架子，融入到同事當中，拉近了與同事之間的距離，這樣更能夠體現出領導對同事們的關心，更能夠體現出領導的親切感，也更能夠讓同事們接受。
在每個項目開始之前，同事們都能好好的交流，加強理解，對問題的共識、解決問題的方法能夠很好的統一起來，在解決問題的過程中，雖然都不是風平浪靜，但事後都能夠客觀的分析，從不參雜個人的感情，每個人都能很好的融入到這個團隊，共同做好每一個項目。這正所謂——團結就是力量。
3. 工作態度
不管個人能力有多強，面對工作，就兩個字“態度”。關於這一點，給我最大的感觸就是一定要好好的去聆聽、去分析。每個人對待問題都有自己不同的看法，不管他的看法對還是不對，合理與否，考慮的角度是否正確，都要好好地聆聽，至少要等他說完，可能你不願意或者不屑聽完，但是靜下心來或許會發現他看問題的某些角度你沒有考慮過。所以我們要靜心、聆聽!
對於領導安排的工作，有些難度比較大，困難總是要去克服的，遇到問題首先自己先解決，解決不了的，相互問同事，同事之間相互討論，共同解決問題，在工作中經常會有這樣的事情，把每一次遇到的問題和技術難點都記錄下來，把問題、技術與大家共同分享，這樣才能共同提高。
在工作中、生活中，態度決定一切，態度100分，生活、工作100分。
4. 未來工作展望
回首昨天，我們要問心無愧，儘管太多的苦澀融進了昨日的犁鏵，儘管太多的憂傷充斥著我們的心靈，儘管太多的無奈寫在我們的臉上，儘管太多的精力揮灑在昨日的流程上;立足今日，我們擦亮雙眼，走過昨日逝去的歲月，點燃新的希望，放飛新的夢想。
一個開發人員，技術上的提高是必須的，但這是不夠的，還得加強管理方面的學習，自己將朝著這一目標邁進。學歷代表過去、能力代表現在、學習代表未來。雖然我現在需要學習的東西還很多，但是我仍然會不斷加油學習，讓知識充實自己的腦袋，讓情感融入自己的精神。不管怎么樣，我們要懷揣一顆感恩的心，感謝曾經幫助過我們的人，感謝公司、感謝朋友、感謝同事，真心的謝謝您們!