但凡從事互聯網的人基本都會寫幾行 html代碼，用過 Word 和 Dreamweaver 也能做出規整的頁面，所以大部分人會很自然地認爲“頁面的開發沒什麼技術含量，很簡單”。
不僅有這種普遍的認知，對從業者來說也有很多疑惑：做頁面前端實現，沒問題；兼容性，小 case；圖片集成，一直都在用……
能有什麼問題？瓶頸啊、天花板啊、轉型啊、出路啊，這裏面的水有多深，讓我們舀舀看。
在不同的時期對頁面前端的看法似乎是多變的。在互聯網早期的時候，小車還是比房子貴的，燒餅和 粉絲還只是用來吃的，菊花還只是用來泡茶的。學習資料的話可以加下web前端開發學習裙：659加上479再加上860自己去羣裏下載下。
那時的頁面設計風格相對單一，對應的頁面需求比較簡單，並且當時的瀏覽器也基本是 IE6 的天下，javascript 也只是網頁特效的代名詞，HTML 頁面本身沒有引起太多人的關注，似乎只要能用 div 甚至 table 加 css 輔助把圖片定好位，把頁面內容預留好就OK了。
隨着頁面內容的豐富，設計風格的發展，交互複雜性的增加，AJAX 的應用，瀏覽器的更新換代，又讓大家重新對最基本的頁面本身重視起來。
1..實現效果圖是最基本的工作
把視覺稿通過頁面代碼的方式表現出來包含了兩個基本訴求：
1.能夠真實反映視覺稿;
2.能夠通 過瀏覽器的兼容。
這兩個訴求的達成需要我們有追求細節的態度和一定的頁面功底，能完成這兩個內容就可以初步進入頁面前端的從業者行列了，但這就代表着我們 可以勝任頁面開發的工作了?
不，纔剛剛開始。
2.與設計師的溝通和項目的參與
溝通很重要。
先拋出幾個問題：我們有沒有和設計師探討過某些效果對低端瀏覽器渲染效率影響比較大?
有沒有探討過部分效果可以用 CSS3 實現從而使得結構更加簡潔清晰?
有沒有在代碼和視覺中尋追求過平衡?
X 圖片上傳失敗，請重新上傳
頁面前端的開發向基本用戶，編寫的代碼也直接作用在瀏覽器上，我們有義務對頁面的穩定性和渲染效率負責。我們也經常碰到項目在總體進度壓力下導致的設計與頁面前端開發同步進行，這時更有必要儘量多地獲取項目信息，瞭解我們還要做些什麼，這些可以幫助我們充分考慮重用和框架拓展。
3.良好的頁面結構
頁面結構的編寫好比蓋房的地基建設，其好壞會直接影響到 CSS 代碼的質量、js 開發、後臺開發還會影響到以後的頁面拓展、迭代和頁面調整。
4.關於 hack
很多同學在頁面開發時上網搜索最多的就是 hack 了，我們完全要依賴 hack 來實現頁面兼容性，答案是否定的。
5.優美的代碼
現在很多 web 項目功能複雜，代碼規模也會變得很龐大，如何更好地進行協同開發和維護是我們面臨的一個問題。需要考慮完善統一的規劃，還有要養成良好的代碼開發習慣纔會在面臨各種情況時遊刃有餘。翻閱頁面代碼，看到合理的標籤使用、良好的註釋、清晰的代碼結構、用意準確的 css 不僅猶如欣賞一個藝術品，更爲下游開發和協同開發降低了不小的溝通成本。
8年編程經驗，整理了一批2019年最新WEB前端教學視頻，幫助自學前端、想轉行學習前端的同學，不論是學習規劃、學習路線、學習資料、問題解答。私信我回復：領取資料
6、具有企業家的精神
最優秀的開發人員不會是遊手好閒者。對他們來講，產品的成功不僅僅意味着他們的薪水有着落了。因爲他們在工作中熱情飽滿，他們是爲了項目有更好的發展而工作，而且會一往無前。
HTML5技術人員掌握的內容：
第一階段：前端頁面重構：PC端網站佈局、HTML5+CSS3基礎項目、WebAPP頁面佈局；
第二階段：JavaScript高級程序設計：原生JavaScript交互功能開發、面向對象開發與ES5/ES6、JavaScript工具庫自主研發；
第三階段：PC端全棧項目開發：jQuery經典特效交互開發、HTTP協議，Ajxa進階與後端開發、前端工程化與模塊化應用、PC端網站開發、PC端管理信息系統前端開發；
第四階段：移動端項目開發：Touch端項目、微信場景項目、應用Vue.js開發WebApp項目、應用Ionic開發WebApp項目、應用React.js開發WebApp；
第五階段：混合（Hybrid）開發：各類混合應用開發；
第六階段：NodeJS全棧開發：WebApp後端系統開發。