69前端技術(shù)-創(chuàng)新互聯(lián)

目錄

連平網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián)公司,連平網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為連平超過千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)公司要多少錢，請(qǐng)找那個(gè)售后服務(wù)好的連平做網(wǎng)站的公司定做！

前端技術(shù)：...1

HTML：...1

瀏覽器：...1

瀏覽器技術(shù)：...2

CSS：...2

動(dòng)態(tài)網(wǎng)頁技術(shù)：...3

網(wǎng)頁布局：...3

同步&異步：...4

同步：...4

異步：...4

前端開發(fā)：...5

硬件發(fā)展：...5

前端技術(shù)：

HTML：

HyperText Markup Language，超文本標(biāo)記語言，它不同于編程語言；

超文本就是超出純文本的范疇，如描述文本的顏色、大小、字體等信息，或使用圖片、音頻、視頻等非文本內(nèi)容；

HTML由一個(gè)個(gè)標(biāo)簽組成，這些標(biāo)簽各司其職，有的提供網(wǎng)頁信息，有的負(fù)責(zé)圖片，有的負(fù)責(zé)網(wǎng)頁布局；

超文本需要顯示，就得有軟件能夠呈現(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ǎng)聯(lián)盟），負(fù)責(zé)萬維網(wǎng)持續(xù)發(fā)展，他提出W3C的標(biāo)準(zhǔn)應(yīng)該基于無專利權(quán)、無版稅；

Marc Andreessen于1993年發(fā)明了Mosaic瀏覽器，他看到了這個(gè)技術(shù)的前景，不久后成立自己的公司——netscape；

1994年，發(fā)布了Netscape Navigator瀏覽器，席卷全球；

1995年，MS發(fā)布了IE，開啟第一次瀏覽器大戰(zhàn)，最終IE后來居上；

Netscape公司成立了Mozilla組織，使用Gecko引擎基于開源技術(shù)開發(fā)了新的瀏覽器，最終這個(gè)瀏覽器更名為firefox，發(fā)布于2004年；

Apple的Safari于2003年發(fā)布第一個(gè)測(cè)試版；

2008年google的chrome瀏覽器帶著v8引擎橫空出世；

瀏覽器技術(shù)：

browser是一種特殊的客戶端，能夠基于http(s)、ftp等協(xié)議和web服務(wù)器進(jìn)行交互，呈現(xiàn)網(wǎng)頁內(nèi)容的軟件；

可簡(jiǎn)單的認(rèn)為browser分為2部分：

外殼，外殼提供用戶交互的界面；

內(nèi)核，提供html、圖像的渲染引擎、提供DOM編程接口、提供javascript引擎、提供瀏覽器內(nèi)建對(duì)象；

排版引擎	瀏覽器	說明
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)頁效果，提供強(qiáng)大的瀏覽器擴(kuò)展接口
WebKit	Safari、Chrome	基于KHTML；網(wǎng)頁瀏覽速度較快，但網(wǎng)頁容錯(cuò)性不高
Presto	Opera	目前公認(rèn)的網(wǎng)頁瀏覽速度最快的內(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)的；

CSS：

cascading style sheets，層疊樣式表；

HTML本身為了格式化顯示文本，但當(dāng)網(wǎng)頁呈現(xiàn)在大家面前時(shí)，更多需求讓HTML提供更多樣式能力，使得HTML變得越來越臃腫，促使了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)頁布局、樣式在不同browser上不一樣，因此，想要保證不同用戶使用不同browser看到的網(wǎng)頁效果一樣，變得非常困難；

動(dòng)態(tài)網(wǎng)頁技術(shù)：

js的引入使得browser可顯示動(dòng)態(tài)的效果，但這不是動(dòng)態(tài)網(wǎng)頁；

發(fā)明web技術(shù)的初衷是為了分享文檔，這些內(nèi)容是靜態(tài)的（寫好的不變的文件），通過url定位到這些文檔，將內(nèi)容下載到browser上，由browser呈現(xiàn)；

互聯(lián)網(wǎng)的發(fā)展，網(wǎng)民的需求增加，大家希望提供交互式訪問，用戶提交需求，服務(wù)端找到需求匹配的資源并發(fā)回瀏覽器端顯示，這就是動(dòng)態(tài)網(wǎng)頁；

動(dòng)態(tài)網(wǎng)頁，指網(wǎng)頁的內(nèi)容是動(dòng)態(tài)的，url不變，里面的內(nèi)容變化，如訪問一個(gè)查詢頁面，提交的關(guān)鍵字不同，提交到后臺(tái)查詢并展示；

動(dòng)態(tài)網(wǎng)頁，表現(xiàn)的是browser端內(nèi)容的變化，而本質(zhì)上它是一種服務(wù)端動(dòng)態(tài)網(wǎng)頁技術(shù)server-side dynamic web page；

最早誕生的動(dòng)態(tài)網(wǎng)頁技術(shù)有：ASP、JSP、PHP等，后來幾乎所有流行的高級(jí)語言都提供了開發(fā)動(dòng)態(tài)網(wǎng)頁的能力；

網(wǎng)頁布局：

早期的網(wǎng)頁只需要標(biāo)題，使用<P>標(biāo)簽分段；

來有人大量使用表格標(biāo)簽，可做好很好的內(nèi)容布局，也出現(xiàn)結(jié)構(gòu)化的布局方案，但隨著頁面內(nèi)容的堆積，出現(xiàn)了成百上千個(gè)表格嵌套的情況，browser繪制很慢；

后來出現(xiàn)了div+css布局風(fēng)格，舍棄了表格，加上js，使得前后端開發(fā)分離，而且可做到很好的自適應(yīng)布局，如流式瀑布一樣布局（https://www.guokr.com/scientific/）；

同步&異步：

同步：

早期，網(wǎng)頁就是一頁頁的文本，沒什么圖片、樣式；

后來，互聯(lián)網(wǎng)時(shí)代到來，網(wǎng)頁的內(nèi)容越來越大；

瀏覽器渲染HTML，需要先下載CSS并加載，為的是好渲染網(wǎng)頁，之后，下載網(wǎng)頁內(nèi)容，并逐步渲染，構(gòu)建DOM樹，加載js腳本并執(zhí)行，js可能需要修改DOM網(wǎng)頁就要重新渲染；

如果js放在網(wǎng)頁head中，還需要等待js下載并加載；

圖片使用<img>標(biāo)簽，是發(fā)起新的請(qǐng)求的，如果圖片返回，需要重新繪制網(wǎng)頁；

好不容易，一張網(wǎng)頁繪制完畢，用戶提交了請(qǐng)求，就是想看到查詢的結(jié)果，服務(wù)器響應(yīng)到來后是一個(gè)全新的頁面內(nèi)容，哪怕url不變，整個(gè)網(wǎng)頁都需要重新渲染，如用戶填寫注冊(cè)信息，只是2次密碼不一致，提交后，整個(gè)注冊(cè)頁面重新刷新，所有填寫項(xiàng)目重新填寫（有辦法讓用戶減少重填），這種交互非常不友好；

從代價(jià)的角度看，就是為了注冊(cè)的一點(diǎn)點(diǎn)信息，結(jié)果返回了整個(gè)網(wǎng)頁內(nèi)容，不但浪費(fèi)了帶寬，還需要瀏覽器重新渲染網(wǎng)頁，太浪費(fèi)資源了；

上面這些請(qǐng)求的過程，就是同步過程，用戶發(fā)起請(qǐng)求，頁面整個(gè)刷新，直至服務(wù)器端響應(yīng)的數(shù)據(jù)到來并重新渲染；

異步：

1996年，MS實(shí)現(xiàn)了iframe標(biāo)簽，可在一個(gè)網(wǎng)頁使用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)頁的異步請(qǐng)求；

ajax是一種技術(shù)的組合，技術(shù)的重新發(fā)現(xiàn)，而不是發(fā)明，但是它深遠(yuǎn)地影響了整個(gè)web開發(fā)；

2005年，google在Gmail和地圖中應(yīng)用，使它大受歡迎并推廣開來；

有了異步請(qǐng)求，就可動(dòng)態(tài)的從瀏覽器發(fā)起請(qǐng)求到服務(wù)器端，服務(wù)器端返回響應(yīng)的數(shù)據(jù)封裝成XML（json）返回給瀏覽器，瀏覽器只需要使用js把內(nèi)容加入到DOM中，局部渲染就可以了，這個(gè)過程中，整個(gè)網(wǎng)頁不用重新刷新，只需要局部動(dòng)態(tài)改變即可；

前端開發(fā)：

早期前端開發(fā)使用網(wǎng)頁三劍客：dreamweaver、firework、flash；

MS的有frontpage；

不管使用什么工具，都不能改變js兼容、css兼容、瀏覽器版本兼容的問題，非常頭疼；

2006年jQuery庫出現(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ā)布；

前端工具和框架越來越多，前端開發(fā)已經(jīng)不是隨便使用一個(gè)什么文本編輯器就可完成的了，如果使用框架，需要很多工具的配合，配置好一個(gè)開發(fā)環(huán)境非常重要；

注：

AngularJs、React、Vue.js這三個(gè)前端框架類似py的web框架Django、Flask、Tornado；

硬件發(fā)展：

最初，網(wǎng)頁就是簡(jiǎn)單的文本，計(jì)算機(jī)輕松勝任；

后來，網(wǎng)頁對(duì)多媒體的支持、動(dòng)態(tài)效果的支持，都需要使用大量的cpu、內(nèi)存資源，甚至是顯卡的渲染能力；

所以，個(gè)人pc需要不斷升級(jí)，否則瀏覽網(wǎng)頁很困難；

移動(dòng)互聯(lián)網(wǎng)到來的早期，手機(jī)看的網(wǎng)頁，都需要單獨(dú)處理；

手機(jī)屏幕小、cpu弱、內(nèi)存小，能看的網(wǎng)頁純文本加小圖，這樣產(chǎn)生的流量小，2G時(shí)代談不上網(wǎng)速；

2007年，第一代iphone誕生，2008年安卓手機(jī)誕生，3G的移動(dòng)互聯(lián)網(wǎng)時(shí)代到來了；

手機(jī)硬件水平不斷提升，手機(jī)的開發(fā)平臺(tái)可以讓眾多開發(fā)者開發(fā)app，用戶可下載安裝使用這些app；

對(duì)于開發(fā)者來說，開發(fā)就是個(gè)問題了，是不是需要開發(fā)一套iphone版本、再開發(fā)一套安卓、再開發(fā)一套網(wǎng)頁的版本？

2013年，中國(guó)進(jìn)入4G時(shí)代，手機(jī)硬件水平也得到了很大的提升；

眾多平臺(tái)思考的是，能夠有一套架構(gòu)，解決所有前端問題，還是最通用的網(wǎng)頁+js；

如今的前端開發(fā)，已不是以前的幾個(gè)js文件、幾百行代碼了，為了適應(yīng)需求，新框架、新編程模式不斷涌現(xiàn)，這些工具都大大方便了協(xié)作開發(fā)，同時(shí)解決平臺(tái)兼容性問題；

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)cdcxhl.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+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)景需求。

當(dāng)前題目：69前端技術(shù)-創(chuàng)新互聯(lián)
新聞來源：http://www.muchs.cn/article2/dsssic.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、虛擬主機(jī)、標(biāo)簽優(yōu)化、關(guān)鍵詞優(yōu)化、微信公眾號(hào)、動(dòng)態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)