目錄
前端技術(shù)：...1
HTML：...1
瀏覽器：...1
瀏覽器技術(shù)：...2
CSS：...2
動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)：...3
網(wǎng)頁(yè)布局：...3
同步&異步：...4
同步：...4
異步：...4
前端開發(fā)：...5
硬件發(fā)展：...5
HyperText Markup Language，超文本標(biāo)記語(yǔ)言，它不同于編程語(yǔ)言；
超文本就是超出純文本的范疇，如描述文本的顏色、大小、字體等信息，或使用圖片、音頻、視頻等非文本內(nèi)容；
HTML由一個(gè)個(gè)標(biāo)簽組成，這些標(biāo)簽各司其職，有的提供網(wǎng)頁(yè)信息，有的負(fù)責(zé)圖片，有的負(fù)責(zé)網(wǎng)頁(yè)布局；
超文本需要顯示，就得有軟件能夠呈現(xiàn)超文本定義的排版格式，如顯示圖片、表格，顯示字體的大小、顏色，這個(gè)軟件就是browser；
超文本需要共享，產(chǎn)生了HTTP協(xié)議；
1980年，Tim Berners-Lee為CERN（歐洲核子研究中心，當(dāng)時(shí)歐洲大的互聯(lián)網(wǎng)節(jié)點(diǎn)）設(shè)計(jì)基于超文本思想的ENQUIRE項(xiàng)目，以促進(jìn)科研人員之間的信息共享和更新。
1989年，他編寫了《信息化管理：建議》，并構(gòu)建基于internet的hypertext系統(tǒng)，并在CERN開發(fā)了world wide web項(xiàng)目，打造了世界上第一個(gè)網(wǎng)站，于1991-8-6正式上線；
Tim Berners-Lee于1990年發(fā)明了第一個(gè)瀏覽器，還發(fā)明了HTTP協(xié)議；
1994年，在MIT他創(chuàng)建了W3C（萬(wàn)維網(wǎng)聯(lián)盟），負(fù)責(zé)萬(wàn)維網(wǎng)持續(xù)發(fā)展，他提出W3C的標(biāo)準(zhǔn)應(yīng)該基于無(wú)專利權(quán)、無(wú)版稅；
Marc Andreessen于1993年發(fā)明了Mosaic瀏覽器，他看到了這個(gè)技術(shù)的前景，不久后成立自己的公司——netscape；
1994年，發(fā)布了Netscape Navigator瀏覽器，席卷全球；
1995年，MS發(fā)布了IE，開啟第一次瀏覽器大戰(zhàn)，最終IE后來(lái)居上；
Netscape公司成立了Mozilla組織，使用Gecko引擎基于開源技術(shù)開發(fā)了新的瀏覽器，最終這個(gè)瀏覽器更名為firefox，發(fā)布于2004年；
Apple的Safari于2003年發(fā)布第一個(gè)測(cè)試版；
2008年google的chrome瀏覽器帶著v8引擎橫空出世；
browser是一種特殊的客戶端，能夠基于http(s)、ftp等協(xié)議和web服務(wù)器進(jìn)行交互，呈現(xiàn)網(wǎng)頁(yè)內(nèi)容的軟件；
可簡(jiǎn)單的認(rèn)為browser分為2部分：
外殼，外殼提供用戶交互的界面；
內(nèi)核，提供html、圖像的渲染引擎、提供DOM編程接口、提供javascript引擎、提供瀏覽器內(nèi)建對(duì)象；
排版引擎 | 瀏覽器 | 說(shuō)明 |
Trident | IE | 早期未按照W3C標(biāo)準(zhǔn)實(shí)現(xiàn)，兼容性較差，IE9之后內(nèi)核升級(jí)已符合標(biāo)準(zhǔn) |
Gecko | firefox | C++開發(fā)，可支持復(fù)雜的網(wǎng)頁(yè)效果，提供強(qiáng)大的瀏覽器擴(kuò)展接口 |
WebKit | Safari、Chrome | 基于KHTML；網(wǎng)頁(yè)瀏覽速度較快，但網(wǎng)頁(yè)容錯(cuò)性不高 |
Presto | Opera | 目前公認(rèn)的網(wǎng)頁(yè)瀏覽速度最快的內(nèi)核，但犧牲一部分兼容性 |
國(guó)內(nèi)browser，一般都采用了以上的一個(gè)或兩個(gè)內(nèi)核加上外殼實(shí)現(xiàn)；
js引擎，不同瀏覽器內(nèi)核中用了不同的js引擎；
常見的js引擎有JScript、TraceMonkey(firefox)、V8等，這些引擎差異不小，實(shí)現(xiàn)ECMA標(biāo)準(zhǔn)不同，甚至有不按照標(biāo)準(zhǔn)實(shí)現(xiàn)的；
cascading style sheets，層疊樣式表；
HTML本身為了格式化顯示文本，但當(dāng)網(wǎng)頁(yè)呈現(xiàn)在大家面前時(shí)，更多需求讓HTML提供更多樣式能力，使得HTML變得越來(lái)越臃腫，促使了CSS的誕生；
1994年，W3C成立，CSS設(shè)計(jì)小組成員加入W3C，并努力研發(fā)CSS的標(biāo)準(zhǔn)，MS最終加入；
1996-12，發(fā)布CSS1.0；
1998-5，發(fā)布CSS2.0；
CSS3采用了模塊化思想，每個(gè)模塊都在CSS2基礎(chǔ)上分別增強(qiáng)功能，所以這些模塊是陸續(xù)發(fā)布的；
不同廠家的browser使用的引擎，對(duì)CSS的支持不一樣，導(dǎo)致網(wǎng)頁(yè)布局、樣式在不同browser上不一樣，因此，想要保證不同用戶使用不同browser看到的網(wǎng)頁(yè)效果一樣，變得非常困難；
js的引入使得browser可顯示動(dòng)態(tài)的效果，但這不是動(dòng)態(tài)網(wǎng)頁(yè)；
發(fā)明web技術(shù)的初衷是為了分享文檔，這些內(nèi)容是靜態(tài)的（寫好的不變的文件），通過(guò)url定位到這些文檔，將內(nèi)容下載到browser上，由browser呈現(xiàn)；
互聯(lián)網(wǎng)的發(fā)展，網(wǎng)民的需求增加，大家希望提供交互式訪問(wèn)，用戶提交需求，服務(wù)端找到需求匹配的資源并發(fā)回瀏覽器端顯示，這就是動(dòng)態(tài)網(wǎng)頁(yè)；
動(dòng)態(tài)網(wǎng)頁(yè)，指網(wǎng)頁(yè)的內(nèi)容是動(dòng)態(tài)的，url不變，里面的內(nèi)容變化，如訪問(wèn)一個(gè)查詢頁(yè)面，提交的關(guān)鍵字不同，提交到后臺(tái)查詢并展示；
動(dòng)態(tài)網(wǎng)頁(yè)，表現(xiàn)的是browser端內(nèi)容的變化，而本質(zhì)上它是一種服務(wù)端動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)server-side dynamic web page；
最早誕生的動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)有：ASP、JSP、PHP等，后來(lái)幾乎所有流行的高級(jí)語(yǔ)言都提供了開發(fā)動(dòng)態(tài)網(wǎng)頁(yè)的能力；
早期的網(wǎng)頁(yè)只需要標(biāo)題，使用
標(biāo)簽分段；
來(lái)有人大量使用表格標(biāo)簽，可做好很好的內(nèi)容布局，也出現(xiàn)結(jié)構(gòu)化的布局方案，但隨著頁(yè)面內(nèi)容的堆積，出現(xiàn)了成百上千個(gè)表格嵌套的情況，browser繪制很慢；
后來(lái)出現(xiàn)了div+css布局風(fēng)格，舍棄了表格，加上js，使得前后端開發(fā)分離，而且可做到很好的自適應(yīng)布局，如流式瀑布一樣布局（https://www.guokr.com/scientific/）；
早期，網(wǎng)頁(yè)就是一頁(yè)頁(yè)的文本，沒什么圖片、樣式；
后來(lái)，互聯(lián)網(wǎng)時(shí)代到來(lái)，網(wǎng)頁(yè)的內(nèi)容越來(lái)越大；
瀏覽器渲染HTML，需要先下載CSS并加載，為的是好渲染網(wǎng)頁(yè)，之后，下載網(wǎng)頁(yè)內(nèi)容，并逐步渲染，構(gòu)建DOM樹，加載js腳本并執(zhí)行，js可能需要修改DOM網(wǎng)頁(yè)就要重新渲染；
如果js放在網(wǎng)頁(yè)head中，還需要等待js下載并加載；
圖片使用標(biāo)簽，是發(fā)起新的請(qǐng)求的，如果圖片返回，需要重新繪制網(wǎng)頁(yè)；
好不容易，一張網(wǎng)頁(yè)繪制完畢，用戶提交了請(qǐng)求，就是想看到查詢的結(jié)果，服務(wù)器響應(yīng)到來(lái)后是一個(gè)全新的頁(yè)面內(nèi)容，哪怕url不變，整個(gè)網(wǎng)頁(yè)都需要重新渲染，如用戶填寫注冊(cè)信息，只是2次密碼不一致，提交后，整個(gè)注冊(cè)頁(yè)面重新刷新，所有填寫項(xiàng)目重新填寫（有辦法讓用戶減少重填），這種交互非常不友好；
從代價(jià)的角度看，就是為了注冊(cè)的一點(diǎn)點(diǎn)信息，結(jié)果返回了整個(gè)網(wǎng)頁(yè)內(nèi)容，不但浪費(fèi)了帶寬，還需要瀏覽器重新渲染網(wǎng)頁(yè)，太浪費(fèi)資源了；
上面這些請(qǐng)求的過(guò)程，就是同步過(guò)程，用戶發(fā)起請(qǐng)求，頁(yè)面整個(gè)刷新，直至服務(wù)器端響應(yīng)的數(shù)據(jù)到來(lái)并重新渲染；
1996年，MS實(shí)現(xiàn)了iframe標(biāo)簽，可在一個(gè)網(wǎng)頁(yè)使用iframe標(biāo)簽，局部異步加載內(nèi)容；
1999年，MS推出異步數(shù)據(jù)傳輸?shù)腁ctiveX插件技術(shù)，太笨重了，但也火了很多年，有一個(gè)組件XMLHttpRequest被大多數(shù)瀏覽器支持；
AJAX，asynchronous javascript and xml，異步j(luò)avascript和xml，使用XMLHttpRequest組件，結(jié)合js，數(shù)據(jù)格式采用xml，將這三者結(jié)合，實(shí)現(xiàn)網(wǎng)頁(yè)的異步請(qǐng)求；
ajax是一種技術(shù)的組合，技術(shù)的重新發(fā)現(xiàn)，而不是發(fā)明，但是它深遠(yuǎn)地影響了整個(gè)web開發(fā)；
2005年，google在Gmail和地圖中應(yīng)用，使它大受歡迎并推廣開來(lái)；
有了異步請(qǐng)求，就可動(dòng)態(tài)的從瀏覽器發(fā)起請(qǐng)求到服務(wù)器端，服務(wù)器端返回響應(yīng)的數(shù)據(jù)封裝成XML（json）返回給瀏覽器，瀏覽器只需要使用js把內(nèi)容加入到DOM中，局部渲染就可以了，這個(gè)過(guò)程中，整個(gè)網(wǎng)頁(yè)不用重新刷新，只需要局部動(dòng)態(tài)改變即可；
早期前端開發(fā)使用網(wǎng)頁(yè)三劍客：dreamweaver、firework、flash；
MS的有frontpage；
不管使用什么工具，都不能改變js兼容、css兼容、瀏覽器版本兼容的問(wèn)題，非常頭疼；
2006年jQuery庫(kù)出現(xiàn)，有了JS框架，抹平了平臺(tái)差異，基于它產(chǎn)生眾多的插件，前端開發(fā)終于輕松了些；
2008年，V8引擎伴隨著chrome瀏覽器發(fā)布；
2009年，ES5標(biāo)準(zhǔn)發(fā)布；
2009年，Nodejs發(fā)布，服務(wù)器端也可以使用JavaScriptb ;
2009年，AngularJS誕生，之后被google收購(gòu)；
2010年，Backbone.js誕生；
2011年，React和ember誕生，React于2013年5月開源；
2014年，國(guó)人尤雨溪的Vue.js誕生；
2014年，HTML5標(biāo)準(zhǔn)發(fā)布；
前端工具和框架越來(lái)越多，前端開發(fā)已經(jīng)不是隨便使用一個(gè)什么文本編輯器就可完成的了，如果使用框架，需要很多工具的配合，配置好一個(gè)開發(fā)環(huán)境非常重要；
注：
AngularJs、React、Vue.js這三個(gè)前端框架類似py的web框架Django、Flask、Tornado；
最初，網(wǎng)頁(yè)就是簡(jiǎn)單的文本，計(jì)算機(jī)輕松勝任；
后來(lái)，網(wǎng)頁(yè)對(duì)多媒體的支持、動(dòng)態(tài)效果的支持，都需要使用大量的cpu、內(nèi)存資源，甚至是顯卡的渲染能力；
所以，個(gè)人pc需要不斷升級(jí)，否則瀏覽網(wǎng)頁(yè)很困難；
移動(dòng)互聯(lián)網(wǎng)到來(lái)的早期，手機(jī)看的網(wǎng)頁(yè)，都需要單獨(dú)處理；
手機(jī)屏幕小、cpu弱、內(nèi)存小，能看的網(wǎng)頁(yè)純文本加小圖，這樣產(chǎn)生的流量小，2G時(shí)代談不上網(wǎng)速；
2007年，第一代iphone誕生，2008年安卓手機(jī)誕生，3G的移動(dòng)互聯(lián)網(wǎng)時(shí)代到來(lái)了；
手機(jī)硬件水平不斷提升，手機(jī)的開發(fā)平臺(tái)可以讓眾多開發(fā)者開發(fā)app，用戶可下載安裝使用這些app；
對(duì)于開發(fā)者來(lái)說(shuō)，開發(fā)就是個(gè)問(wèn)題了，是不是需要開發(fā)一套iphone版本、再開發(fā)一套安卓、再開發(fā)一套網(wǎng)頁(yè)的版本？
2013年，中國(guó)進(jìn)入4G時(shí)代，手機(jī)硬件水平也得到了很大的提升；
眾多平臺(tái)思考的是，能夠有一套架構(gòu)，解決所有前端問(wèn)題，還是最通用的網(wǎng)頁(yè)+js；
如今的前端開發(fā)，已不是以前的幾個(gè)js文件、幾百行代碼了，為了適應(yīng)需求，新框架、新編程模式不斷涌現(xiàn)，這些工具都大大方便了協(xié)作開發(fā)，同時(shí)解決平臺(tái)兼容性問(wèn)題；
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)cdcxhl.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。
重慶分公司
重慶分公司
