互聯(lián)網進入Web2.0時代，各種類似桌面軟件的Web應用大量涌現(xiàn)，網站的前端由此發(fā)生了翻天覆地的變化。下面由學習啦小編為大家整理的web前端開發(fā)的演變，希望大家喜歡!

　　web前端開發(fā)的演變

　　Web前端開發(fā)工程師是一個很新的職業(yè)，在國內乃至國際上真正開始受到重視的時間不超過10年。Web前端開發(fā)是從網頁制作演變而來的，名稱上有很明顯的時代特征。在互聯(lián)網的演化進程中，網頁制作是Web 1.0時代的產物，那時網站的主要內容都是靜態(tài)的，用戶使用網站的行為也以瀏覽為主。

　　2005年以后，互聯(lián)網進入Web 2.0時代，各種類似桌面軟件的Web應用大量涌現(xiàn)，網站的前端由此發(fā)生了翻天覆地的變化。網頁不再只是承載單一的文字和圖片，各種豐富媒體讓網頁的內容更加生動，網頁上軟件化的交互形式為用戶提供了更好的使用體驗，這些都是基于前端技術實現(xiàn)的。

　　其實中國的“web前端開發(fā)攻城獅” 這個職位好多人并不知道是怎么叫出來的，那么我偷偷告訴你：其實是淘寶團隊，發(fā)明出來的本土化的名稱，因為歷史原因，淘寶在2005以后迅速崛起，并且爆發(fā)式的訪問量，讓淘寶網的用戶體驗受到巨大考驗和急需前進。

　　然后淘寶官方第一次有了【 web前端開發(fā)】這個字眼和招聘職位，或許其他網站也想到了這樣一種描述，但是畢竟知名度巨高的淘寶，受關注度自然高，口碑相傳，就把前端開發(fā) 這個叫法發(fā)揚光大了。

　　在早期點Web前端不叫前端，而是被親切的叫做“網頁設計師”，沒錯你沒看錯，就是這個名字，我記得那時候 【網頁三劍客】的說法滿天飛，你掌握了這3賤客，真的很賤，就可以被人叫做網頁設計師了。

　　網頁三劍客：DW \ FW \ Falsh

　　網頁三劍客(Flash、Dreamweaver、Firewoks) 并稱為Macromedia的網頁制作三劍客，由于是同一公司的產品，因而在功能上有著一個非常緊密的結合 。后來Firewoks被Adobe這個變態(tài)的巨頭收購以后，ps就基本取代Firewoks來做設計網頁的工作了，雖然我知道現(xiàn)在還有人用，估計是一種懷念和某些好用的切圖功能吧。

　　而那時候的網頁設計師 如果要入此道，必須要掌握的就是Dreamweaver，并不是說只有他能寫html 和 css ，而是它在當時的自動提示實在太好用、太強大了，簡直不用費腦細胞，你就可以輕輕松松的完成你所想。在當時前端工具和編輯器貧乏的時代，這個絕對是神奇級別了(當然后來 寫的多了都熟悉基本不用提示的)。當年還有很多基于Dreamweaver構建網站的教程，那時候真的是個基情滿滿的年代，這些工具類的歷史產物，有興趣的朋友可以去了解一下就好了，我們不在多舌。

　　web前端開發(fā)基礎

　　雖說這個問題很大，但是這個話題就很好回答了;因為現(xiàn)在前端如此眼花繚亂，技能多多，都是基于此三板斧：

　　HTML、CSS、JavaScript

　　語言基礎：HTML、CSS、JavaScript

　　思想標準：W3C標準

　　W3C萬維網聯(lián)盟創(chuàng)建于1994年，是Web技術領域最具權威和影響力的國際中立性技術標準機構。到目前為止，W3C已發(fā)布了200多項影響深遠的Web技術標準及實施指南，如廣為業(yè)界采用的 【超文本標記語言】、【[標準通用標記語言】、【可擴展標記語言】等。

　　有效促進了Web技術的互相[兼容]，對互聯(lián)網技術的發(fā)展和應用起到了基礎性和根本性的支撐作用。

　　所以 我們現(xiàn)在運用的html 超文本標記語言，css 等所有基于web技術的范疇，基本都是w3c標準，并全世界統(tǒng)一執(zhí)行的，所以符合w3c 也就是開啟前段之門了。

　　HTML： 是構成網頁展示的基礎，是一種很簡單可視化的標識語言，說白了就是 一是一，你寫二就出二。網上所有的網頁網站，不管多么牛鼻最后都會轉化成html，被瀏覽器渲染出來，用作展示。

　　CSS： 又稱作樣式表，簡單點說就是html的外衣，將html包裝的明艷動人。

　　JavaScript：是一種直譯式腳本語言，非常靈活，可以在任何瀏覽器上開發(fā)與調試的一種動態(tài)類型、弱類型、基于原型的語言。

　　Web前端十種優(yōu)化方式

　　1.盡量減少HTTP請求 (Make Fewer HTTP Requests)

　　2.減少 DNS 查找 (Reduce DNS Lookups)

　　3.避免重定向 (Avoid Redirects)

　　4.使得 Ajax 可緩存 (Make Ajax Cacheable)

　　5.延遲載入組件 (Post-load Components)

　　6.預載入組件 (Preload Components)

　　7.減少 DOM 元素數(shù)量 (Reduce the Number of DOM Elements)

　　83切分組件到多個域 (Split Components Across Domains)

　　9.最小化 iframe 的數(shù)量 (Minimize the Number of iframes)

　　10.杜絕 http 404 錯誤 (No 404s)