現(xiàn)在web前端也是一個(gè)非常熱門(mén)的行業(yè),想要學(xué)習(xí)web前端開(kāi)發(fā)的同學(xué)請(qǐng)看這里北京web前端的發(fā)展歷程 ,通過(guò)對(duì)Web前端發(fā)展歷程--一目了然,java和web前端相比?哪個(gè)學(xué)起來(lái)比較難?,一文帶你了解Web前端發(fā)展歷程,帶你了解Web前端發(fā)展歷程?? 的了解,希望以上信息可以幫助到您
1.Web前端發(fā)展歷程--一目了然
摘要:自互聯(lián)網(wǎng)行業(yè)發(fā)展以來(lái),web前端不斷發(fā)展變化著。在前人的基礎(chǔ)上,后人有幸能夠站在前人的肩膀上行走。前端的發(fā)展變化不僅是繼承式的迭代,同時(shí)也是不斷的變革和創(chuàng)造。一、前端到底是個(gè)什么?簡(jiǎn)單點(diǎn)說(shuō),瀏覽器呈現(xiàn)出來(lái)的頁(yè)面,給用戶看的、操作的就是前端(客戶端);你看不到的,類(lèi)似一些游戲數(shù)據(jù)、應(yīng)用數(shù)據(jù)之類(lèi)的就是后端(服務(wù)端)。那么再簡(jiǎn)單點(diǎn)就可以說(shuō),前端指的就是瀏覽器端,后端指的就是為瀏覽器提供服務(wù)和數(shù)據(jù)的服務(wù)器端。這是比較準(zhǔn)確的描述,如果往大了講,你所有看到的一切,網(wǎng)頁(yè)、移動(dòng)端網(wǎng)頁(yè)、小程序、甚至某些APP,都是屬于前端的范疇。二、前端的起源世界上*臺(tái)計(jì)算機(jī)背景:二戰(zhàn)時(shí)期,美國(guó)軍方為了計(jì)算炮彈彈道,讓一些科學(xué)家造出了這世界上的*臺(tái)計(jì)算機(jī)“ENIAC”。1946年2月14日,世界上*臺(tái)計(jì)算機(jī)“ENIAC”(埃尼阿克)在美國(guó)賓夕法尼亞*誕生。這是一群科研人員共同努力的成果,但是起到最關(guān)鍵作用的是其數(shù)學(xué)家馮 · 諾依曼的設(shè)計(jì)思想,所以其被稱(chēng)為“現(xiàn)代計(jì)算機(jī)之父”。意義:標(biāo)志著電腦時(shí)代的開(kāi)始。想不到吧!!This Big Boy就是我們現(xiàn)在電腦的祖先??!↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓互聯(lián)網(wǎng)的前身背景:二戰(zhàn)時(shí)期,美國(guó)軍方為了防止部分網(wǎng)絡(luò)被摧毀后失去通信。1969年,美國(guó)國(guó)防部的高級(jí)研究計(jì)劃局(ARPA)建立了軍用網(wǎng)叫“阿帕網(wǎng)”(ARPnet)。阿帕網(wǎng)就是互聯(lián)網(wǎng)的前身。1983年,APRA和美國(guó)國(guó)防部通信局研制了用于異構(gòu)網(wǎng)絡(luò)(本文不做講解)的TCP/IP協(xié)議,后該協(xié)議在社會(huì)上流行起來(lái),因此誕生了真正的Internet。Internet和計(jì)算機(jī)的誕生,為前端技術(shù)的開(kāi)始奠定了基礎(chǔ)。前端發(fā)展將近20年,也算是一個(gè)比較漫長(zhǎng)的發(fā)展過(guò)程,大致可以分為以下幾個(gè)階段:三、洪荒時(shí)代(1990~1995年)這個(gè)時(shí)代最重大的幾件事有:WWW的誕生(1990)、瀏覽器的誕生(1992)、W3C理事會(huì)成立(1994)、的誕生(1995);1990年,WWW(萬(wàn)維網(wǎng))誕生。全稱(chēng):World Wide Web。1992年,NCSA研發(fā)了*個(gè)瀏覽器:Mosaic,可以窗口瀏覽網(wǎng)頁(yè)。隨后新一代瀏覽器:Netscape Navigator(網(wǎng)景瀏覽器),于1994年誕生;隸屬于Netscape(網(wǎng)景)公司,下文統(tǒng)稱(chēng)為網(wǎng)景公司。1994年,Tim Berners - Lee創(chuàng)建了W3C理事會(huì)。蒂姆 · 伯納斯 · 李被稱(chēng)為”萬(wàn)維網(wǎng)之父“,南安普頓*、麻省理工*教授。W3C理事會(huì)主要負(fù)責(zé)HTML的發(fā)展路徑,其宗旨是通過(guò)促進(jìn)通用協(xié)議的發(fā)展;成員機(jī)構(gòu):美國(guó)麻省理工*、歐洲數(shù)學(xué)與信息學(xué)研究聯(lián)盟、日本慶應(yīng)*、*北京航空航天*。1995年,待這一切就緒后,應(yīng)運(yùn)而生!發(fā)明者是Brendan Eich(布蘭登 · 艾奇)。主要語(yǔ)言特征:借鑒了C語(yǔ)言的基本語(yǔ)法;借鑒了Java語(yǔ)言的數(shù)據(jù)類(lèi)型和內(nèi)存管理;借鑒了Scheme語(yǔ)言;借鑒了Self語(yǔ)言,使用基于原型的繼承機(jī)制四、鐵器時(shí)代(1995~2005年)這個(gè)時(shí)期的瀏覽器五花八門(mén),互相競(jìng)爭(zhēng)激烈。IE瀏覽器、網(wǎng)景瀏覽器、火狐瀏覽器、谷歌瀏覽器是這個(gè)時(shí)期的主角!雖然當(dāng)時(shí)已經(jīng)有了比較統(tǒng)一的ECMA(規(guī)范文檔)標(biāo)準(zhǔn)和W3C(HTML、CSS規(guī)范文檔),但是瀏覽器先于標(biāo)準(zhǔn)在市場(chǎng)上流行,成為了事實(shí)標(biāo)準(zhǔn)。所以這就導(dǎo)致了我們現(xiàn)在在開(kāi)發(fā)項(xiàng)目的時(shí)候還要去處理一些瀏覽器兼容性問(wèn)題(大家最遇到的IE兼容問(wèn)題)。隨著1998年,AJax的出現(xiàn),前端開(kāi)發(fā)從Web1.0升級(jí)到了Web2.0,從純內(nèi)容的靜態(tài)頁(yè)面,發(fā)展到了動(dòng)態(tài)網(wǎng)頁(yè),富交互、前端數(shù)據(jù)處理的新時(shí)期。在這一時(shí)期,比較*的兩個(gè)富交互動(dòng)態(tài)的瀏覽器產(chǎn)品是:Gmail(2004年)、Google地圖(2005年)。由于動(dòng)態(tài)交互、數(shù)據(jù)交互的需求增多,還衍生出了JQuery(2006年)這種跨瀏覽器的JS工具庫(kù),主要用于DOM操作,數(shù)據(jù)交互。2005~2009年的前端發(fā)展歷程就涉及到小作者的知識(shí)盲區(qū)啦~~還請(qǐng)有意的大佬們補(bǔ)充,給小白們科普科普嘻嘻!五、JQuery時(shí)代(2009~2016年)2006年,jQuery發(fā)布,它當(dāng)時(shí)的競(jìng)爭(zhēng)對(duì)手很多,也很激烈基本持平。直到2009年,Sizzle選擇器引擎研發(fā)成功,jQuery才取得了壓倒性的優(yōu)勢(shì)。這個(gè)時(shí)期,前端面對(duì)的主要是瀏覽器的兼容性問(wèn)題,而jQuery在處理DOM兼容性問(wèn)題上有這大量的解決方案。jQuery的流行間接帶來(lái)以下的發(fā)展:促使人們對(duì)CSS1~CSS3選擇器的學(xué)習(xí)促進(jìn)了瀏覽器原生選擇器引擎document.、Element.matches的誕生提高人們對(duì)domReady的認(rèn)識(shí)促進(jìn)了Promise與 的誕生降低前端門(mén)檻,前端工程師的隊(duì)伍越來(lái)越壯大。這個(gè)時(shí)期涌現(xiàn)了大量jQuery-like的庫(kù),其中最著名的是Zepto.js。Zepto的出現(xiàn)也標(biāo)志著我們進(jìn)入移動(dòng)互聯(lián)網(wǎng)時(shí)代。JQuery時(shí)代以RequireJS的誕生為起點(diǎn),以RN的出現(xiàn)結(jié)束。JQuery的出現(xiàn)讓前端開(kāi)發(fā)更加輕松,假如工程師想實(shí)現(xiàn)一個(gè)功能,現(xiàn)搜索出一個(gè)jQuery插件來(lái)實(shí)現(xiàn)。*通過(guò)這篇文章,相信你對(duì)web前端的發(fā)展歷程有個(gè)明顯的了解了,請(qǐng)不要吝嗇你的小心心,你的支持就是我*的動(dòng)力
2.java和web前端相比?哪個(gè)學(xué)起來(lái)比較難?
Web前端開(kāi)發(fā)優(yōu)勢(shì):人才缺口大,發(fā)展前景好,需求量大前景指數(shù):★★★★★web前端開(kāi)發(fā)前景大好!其中的HTML5技術(shù)更是日趨成熟,HTML5是移動(dòng)互聯(lián)網(wǎng)前端的主流開(kāi)發(fā)語(yǔ)言,目前還沒(méi)有任何一種前端開(kāi)發(fā)技術(shù)能夠取代HTML5。因此,無(wú)論是PC端還是APP端的應(yīng)用,前端樣式都離不開(kāi)HTML5?;A(chǔ)學(xué)習(xí)web前端,java,附帶學(xué)習(xí)資料 JAVA優(yōu)勢(shì):全球*,就業(yè)方向廣,選擇性多前景指數(shù):★★★★★Java的發(fā)展前景都是很樂(lè)觀的。Java開(kāi)發(fā)語(yǔ)言是全球*的開(kāi)發(fā)語(yǔ)言,無(wú)論是程序界還是整個(gè)互聯(lián)網(wǎng)行業(yè)勢(shì)必帶來(lái)很大的影響。不管是人才需求還是薪資水平上,Java的發(fā)展前景都是很樂(lè)觀的。VS難易程度Web前端開(kāi)發(fā)起點(diǎn)低、容易入門(mén)相對(duì)于其他IT技術(shù)職位來(lái)說(shuō), HTML5前端工程師相當(dāng)于半個(gè)程序員,所以你不用擔(dān)心學(xué)不會(huì)。很多程序員都是0基礎(chǔ)開(kāi)始學(xué)的,而且因?yàn)槁毼凰幬恢玫慕徊嫘?,也就有很多Web前端開(kāi)發(fā)人員是轉(zhuǎn)行而來(lái)。HTML5前端源于HTML語(yǔ)言發(fā)展而來(lái),由于HTML和CSS起點(diǎn)低、容易入門(mén)。 JAVA語(yǔ)言語(yǔ)法簡(jiǎn)單,但有一定難度Java語(yǔ)言擁有與C、C++等眾多流行語(yǔ)言一樣的簡(jiǎn)潔易懂的關(guān)鍵字、語(yǔ)法,而且是各種后臺(tái)開(kāi)發(fā)語(yǔ)言中相對(duì)比較容易上手的語(yǔ)言。使用Java語(yǔ)言開(kāi)發(fā)諸如服務(wù)后臺(tái)等復(fù)雜的應(yīng)用場(chǎng)景都有簡(jiǎn)單完美的解決方案。 Java的入門(mén)難度在后臺(tái)開(kāi)發(fā)語(yǔ)言中也是屬于比較容易的,但相比前端還是較難VSROUND3—薪資Web前端開(kāi)發(fā)web前端開(kāi)發(fā)工程師的薪資月平均收入為1萬(wàn)元,工作經(jīng)驗(yàn)達(dá)到3年的web前端工程師甚至達(dá)到3萬(wàn)元。 北京前端開(kāi)發(fā)平均工資:¥9766元/月*工資2K-3K,*工資20K-30K。上海前端開(kāi)發(fā)平均工資:¥9541元/月*工資2K-3K,*工資20K-30K。 JAVAJava的薪資還是非??捎^的。初級(jí)Java工程師的待遇大概在5000-7000之間,而高級(jí)JavaEE工程師的待遇基本破萬(wàn)。北京前端開(kāi)發(fā)平均工資:¥19730元/月*工資4.K-6K,*工資10K-15K。上海前端開(kāi)發(fā)平均工資:¥21920元/月*工資2K-3K,*工資10K-15K。學(xué)習(xí)路線當(dāng)然,每個(gè)小伙伴們想學(xué)習(xí)的路線也各不相同,其實(shí)這二者沒(méi)有高下之分,都是很高薪的行業(yè),選擇適合自己的最重要,小職在這里幫助大家規(guī)劃了學(xué)習(xí)路線,以便更輕松的學(xué)習(xí)。 Web前端開(kāi)發(fā)HTML5理解HTML基本語(yǔ)法規(guī)范,連接之間跳轉(zhuǎn),節(jié)點(diǎn)子節(jié)點(diǎn)層級(jí)關(guān)系。CSS3復(fù)習(xí)基礎(chǔ)語(yǔ)法,盒子模型、常用布局、CSS3的新增動(dòng)畫(huà),CSS預(yù)處理工具 LESS 和SaSS。 JavaJs基礎(chǔ)教程、js內(nèi)置對(duì)象常用方法、常見(jiàn)DOM樹(shù)操作大全、ECMA、DOM、BOM、定時(shí)器和焦點(diǎn)圖。 目前是在職程序開(kāi)發(fā),如果你現(xiàn)在也想學(xué)習(xí)web前端Java Python技術(shù),在入門(mén)學(xué)習(xí)的過(guò)程當(dāng)中有遇見(jiàn)任何關(guān)于學(xué)習(xí)方法,學(xué)習(xí)路線,學(xué)習(xí)效率等方面的問(wèn)題都可以問(wèn)響應(yīng)式開(kāi)發(fā)響應(yīng)式概念、媒體查詢(xún)、響應(yīng)式網(wǎng)站制作、刪格系統(tǒng)、刪格系統(tǒng)原理、Bootstrap常用模板、LESS和SASS。 全棧開(kāi)發(fā)學(xué)習(xí)思路,附帶學(xué)習(xí)資料移動(dòng)Web開(kāi)發(fā)跨終端WEB和主流設(shè)備簡(jiǎn)介、視口、流式布局、彈性盒子、rem、移動(dòng)終端Java事件、手機(jī)中常見(jiàn)JS效果制作、Zepto.js、手機(jī)聚劃算頁(yè)面、手機(jī)滾屏。前端發(fā)展歷史前端開(kāi)發(fā)的歷史和趨勢(shì)、前端模塊化演化階段主要了解新的mvvc概念、模塊化概念、前后端分離。 基礎(chǔ)從計(jì)算機(jī)基本概念,DOS命令開(kāi)始,什么是程序,如何配置JAVA開(kāi)發(fā)環(huán)境,JAVA編程的過(guò)程是怎樣的,JAVA有什么物特點(diǎn),程序是如何運(yùn)行的等內(nèi)容前端開(kāi)發(fā)基礎(chǔ)和框架、Servlet和JSP在Web后端的應(yīng)用、Web后端開(kāi)發(fā)相關(guān)專(zhuān)題、MVC和分層架構(gòu)以及項(xiàng)目開(kāi)發(fā)流程及CASE工具的使用等。java框架此階段涉及的技術(shù)知識(shí)點(diǎn):框架整合開(kāi)發(fā)(SSH/SSS)、RESTful架構(gòu)和移動(dòng)端接口設(shè)計(jì)、第三方接口和在線支付功能、網(wǎng)站安全和Spring Security應(yīng)用實(shí)戰(zhàn)、復(fù)雜用戶交互處理和Spring Web Flow的應(yīng)用、MyBatis的應(yīng)用和SSM整合java+大數(shù)據(jù)主要涉及的技術(shù)知識(shí)點(diǎn):億級(jí)并發(fā)架構(gòu)演進(jìn)、Linux基礎(chǔ)、搭建tomcat環(huán)境以及大數(shù)據(jù)開(kāi)發(fā)云計(jì)算等高級(jí)Java教程。
3.一文帶你了解Web前端發(fā)展歷程
摘要:自互聯(lián)網(wǎng)行業(yè)發(fā)展以來(lái),web前端不斷發(fā)展變化著。在前人的基礎(chǔ)上,后人有幸能夠站在前人的肩膀上行走。前端的發(fā)展變化不僅是繼承式的迭代,同時(shí)也是不斷的變革和創(chuàng)造。一、前端到底是個(gè)什么?簡(jiǎn)單點(diǎn)說(shuō),瀏覽器呈現(xiàn)出來(lái)的頁(yè)面,給用戶看的、操作的就是前端(客戶端);你看不到的,類(lèi)似一些游戲數(shù)據(jù)、應(yīng)用數(shù)據(jù)之類(lèi)的就是后端(服務(wù)端)。那么再簡(jiǎn)單點(diǎn)就可以說(shuō),前端指的就是瀏覽器端,后端指的就是為瀏覽器提供服務(wù)和數(shù)據(jù)的服務(wù)器端。這是比較準(zhǔn)確的描述,如果往大了講,你所有看到的一切,網(wǎng)頁(yè)、移動(dòng)端網(wǎng)頁(yè)、小程序、甚至某些APP,都是屬于前端的范疇。二、前端的起源世界上*臺(tái)計(jì)算機(jī)背景:二戰(zhàn)時(shí)期,美國(guó)軍方為了計(jì)算炮彈彈道,讓一些科學(xué)家造出了這世界上的*臺(tái)計(jì)算機(jī)“ENIAC”。1946年2月14日,世界上*臺(tái)計(jì)算機(jī)“ENIAC”(埃尼阿克)在美國(guó)賓夕法尼亞*誕生。這是一群科研人員共同努力的成果,但是起到最關(guān)鍵作用的是其數(shù)學(xué)家馮 · 諾依曼的設(shè)計(jì)思想,所以其被稱(chēng)為“現(xiàn)代計(jì)算機(jī)之父”。意義:標(biāo)志著電腦時(shí)代的開(kāi)始。想不到吧!!This Big Boy就是我們現(xiàn)在電腦的祖先??!↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓(圖源來(lái)自:百度圖片)互聯(lián)網(wǎng)的前身 背景:二戰(zhàn)時(shí)期,美國(guó)軍方為了防止部分網(wǎng)絡(luò)被摧毀后失去通信。1969年,美國(guó)國(guó)防部的高級(jí)研究計(jì)劃局(ARPA)建立了軍用網(wǎng)叫“阿帕網(wǎng)”(ARPnet)。阿帕網(wǎng)就是互聯(lián)網(wǎng)的前身。1983年,APRA和美國(guó)國(guó)防部通信局研制了用于異構(gòu)網(wǎng)絡(luò)(本文不做講解)的TCP/IP協(xié)議,后該協(xié)議在社會(huì)上流行起來(lái),因此誕生了真正的Internet。Internet和計(jì)算機(jī)的誕生,為前端技術(shù)的開(kāi)始奠定了基礎(chǔ)。前端發(fā)展將近20年,也算是一個(gè)比較漫長(zhǎng)的發(fā)展過(guò)程,大致可以分為以下幾個(gè)階段:三、洪荒時(shí)代(1990~1995年)這個(gè)時(shí)代最重大的幾件事有:WWW的誕生(1990)、瀏覽器的誕生(1992)、W3C理事會(huì)成立(1994)、的誕生(1995);1990年,WWW(萬(wàn)維網(wǎng))誕生。全稱(chēng):World Wide Web。1992年,NCSA研發(fā)了*個(gè)瀏覽器:Mosaic,可以窗口瀏覽網(wǎng)頁(yè)。隨后新一代瀏覽器:Netscape Navigator(網(wǎng)景瀏覽器),于1994年誕生;隸屬于Netscape(網(wǎng)景)公司,下文統(tǒng)稱(chēng)為網(wǎng)景公司。1994年,Tim Berners - Lee創(chuàng)建了W3C理事會(huì)。蒂姆 · 伯納斯 · 李被稱(chēng)為”萬(wàn)維網(wǎng)之父“,南安普頓*、麻省理工*教授。W3C理事會(huì)主要負(fù)責(zé)HTML的發(fā)展路徑,其宗旨是通過(guò)促進(jìn)通用協(xié)議的發(fā)展;成員機(jī)構(gòu):美國(guó)麻省理工*、歐洲數(shù)學(xué)與信息學(xué)研究聯(lián)盟、日本慶應(yīng)*、*北京航空航天*。1995年,待這一切就緒后,應(yīng)運(yùn)而生!發(fā)明者是Brendan Eich(布蘭登 · 艾奇)。主要語(yǔ)言特征:借鑒了C語(yǔ)言的基本語(yǔ)法;借鑒了Java語(yǔ)言的數(shù)據(jù)類(lèi)型和內(nèi)存管理;借鑒了Scheme語(yǔ)言;借鑒了Self語(yǔ)言,使用基于原型的繼承機(jī)制;(1994年,Netscape Navigator網(wǎng)景瀏覽器截圖,圖源來(lái)自百度圖片)四、鐵器時(shí)代(1995~2005年)這個(gè)時(shí)期的瀏覽器五花八門(mén),互相競(jìng)爭(zhēng)激烈。IE瀏覽器、網(wǎng)景瀏覽器、火狐瀏覽器、谷歌瀏覽器是這個(gè)時(shí)期的主角!雖然當(dāng)時(shí)已經(jīng)有了比較統(tǒng)一的ECMA(規(guī)范文檔)標(biāo)準(zhǔn)和W3C(HTML、CSS規(guī)范文檔),但是瀏覽器先于標(biāo)準(zhǔn)在市場(chǎng)上流行,成為了事實(shí)標(biāo)準(zhǔn)。所以這就導(dǎo)致了我們現(xiàn)在在開(kāi)發(fā)項(xiàng)目的時(shí)候還要去處理一些瀏覽器兼容性問(wèn)題(大家最遇到的IE兼容問(wèn)題)。隨著1998年,AJax的出現(xiàn),前端開(kāi)發(fā)從Web1.0升級(jí)到了Web2.0,從純內(nèi)容的靜態(tài)頁(yè)面,發(fā)展到了動(dòng)態(tài)網(wǎng)頁(yè),富交互、前端數(shù)據(jù)處理的新時(shí)期。在這一時(shí)期,比較*的兩個(gè)富交互動(dòng)態(tài)的瀏覽器產(chǎn)品是:Gmail(2004年)、Google地圖(2005年)。由于動(dòng)態(tài)交互、數(shù)據(jù)交互的需求增多,還衍生出了JQuery(2006年)這種跨瀏覽器的JS工具庫(kù),主要用于DOM操作,數(shù)據(jù)交互。2005~2009年的前端發(fā)展歷程就涉及到小作者的知識(shí)盲區(qū)啦~~還請(qǐng)有意的大佬們補(bǔ)充,給小白們科普科普嘻嘻!五、JQuery時(shí)代(2009~2016年)2006年,jQuery發(fā)布,它當(dāng)時(shí)的競(jìng)爭(zhēng)對(duì)手很多,也很激烈基本持平。直到2009年,Sizzle選擇器引擎研發(fā)成功,jQuery才取得了壓倒性的優(yōu)勢(shì)。這個(gè)時(shí)期,前端面對(duì)的主要是瀏覽器的兼容性問(wèn)題,而jQuery在處理DOM兼容性問(wèn)題上有這大量的解決方案。jQuery的流行間接帶來(lái)以下的發(fā)展:促使人們對(duì)CSS1~CSS3選擇器的學(xué)習(xí)促進(jìn)了瀏覽器原生選擇器引擎document.、Element.matches的誕生提高人們對(duì)domReady的認(rèn)識(shí)促進(jìn)了Promise與 的誕生降低前端門(mén)檻,前端工程師的隊(duì)伍越來(lái)越壯大。這個(gè)時(shí)期涌現(xiàn)了大量jQuery-like的庫(kù),其中最著名的是Zepto.js。Zepto的出現(xiàn)也標(biāo)志著我們進(jìn)入移動(dòng)互聯(lián)網(wǎng)時(shí)代。JQuery時(shí)代以RequireJS的誕生為起點(diǎn),以RN的出現(xiàn)結(jié)束。JQuery的出現(xiàn)讓前端開(kāi)發(fā)更加輕松,假如工程師想實(shí)現(xiàn)一個(gè)功能,現(xiàn)搜索出一個(gè)jQuery插件來(lái)實(shí)現(xiàn)。下一篇將為大家繼續(xù)帶來(lái)三大框架時(shí)代的發(fā)展史,還有前端現(xiàn)狀以及未來(lái)的發(fā)展趨勢(shì)哈~敬請(qǐng)期待啦!本文在創(chuàng)作過(guò)程中有幾處參考了網(wǎng)絡(luò)資料,如CSDN、微信公眾號(hào)等,感謝各位大神的內(nèi)容貢獻(xiàn)~點(diǎn)擊關(guān)注,*時(shí)間了解華為云新鮮技術(shù)~
4.帶你了解Web前端發(fā)展歷程
摘要: 自互聯(lián)網(wǎng)行業(yè)發(fā)展以來(lái),web前端不斷發(fā)展變化著。在前人的基礎(chǔ)上,后人有幸能夠站在前人的肩膀上行走。前端的發(fā)展變化不僅是繼承式的迭代,同時(shí)也是不斷的變革和創(chuàng)造。一、前端到底是個(gè)什么?簡(jiǎn)單點(diǎn)說(shuō),瀏覽器呈現(xiàn)出來(lái)的頁(yè)面,給用戶看的、操作的就是前端(客戶端);你看不到的,類(lèi)似一些游戲數(shù)據(jù)、應(yīng)用數(shù)據(jù)之類(lèi)的就是后端(服務(wù)端)。那么再簡(jiǎn)單點(diǎn)就可以說(shuō),前端指的就是瀏覽器端,后端指的就是為瀏覽器提供服務(wù)和數(shù)據(jù)的服務(wù)器端。這是比較準(zhǔn)確的描述,如果往大了講,你所有看到的一切,網(wǎng)頁(yè)、移動(dòng)端網(wǎng)頁(yè)、小程序、甚至某些APP,都是屬于前端的范疇。二、前端的起源世界上*臺(tái)計(jì)算機(jī)背景:二戰(zhàn)時(shí)期,美國(guó)軍方為了計(jì)算炮彈彈道,讓一些科學(xué)家造出了這世界上的*臺(tái)計(jì)算機(jī)“ENIAC”。1946年2月14日,世界上*臺(tái)計(jì)算機(jī)“ENIAC”(埃尼阿克)在美國(guó)賓夕法尼亞*誕生。這是一群科研人員共同努力的成果,但是起到最關(guān)鍵作用的是其數(shù)學(xué)家馮 · 諾依曼的設(shè)計(jì)思想,所以其被稱(chēng)為“現(xiàn)代計(jì)算機(jī)之父”。意義:標(biāo)志著電腦時(shí)代的開(kāi)始。想不到吧?。his Big Boy就是我們現(xiàn)在電腦的祖先??!↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓(圖源來(lái)自:百度圖片)互聯(lián)網(wǎng)的前身背景:二戰(zhàn)時(shí)期,美國(guó)軍方為了防止部分網(wǎng)絡(luò)被摧毀后失去通信。1969年,美國(guó)國(guó)防部的高級(jí)研究計(jì)劃局(ARPA)建立了軍用網(wǎng)叫“阿帕網(wǎng)”(ARPnet)。阿帕網(wǎng)就是互聯(lián)網(wǎng)的前身。1983年,APRA和美國(guó)國(guó)防部通信局研制了用于異構(gòu)網(wǎng)絡(luò)(本文不做講解)的TCP/IP協(xié)議,后該協(xié)議在社會(huì)上流行起來(lái),因此誕生了真正的Internet。Internet和計(jì)算機(jī)的誕生,為前端技術(shù)的開(kāi)始奠定了基礎(chǔ)。前端發(fā)展將近20年,也算是一個(gè)比較漫長(zhǎng)的發(fā)展過(guò)程,大致可以分為以下幾個(gè)階段:三、洪荒時(shí)代(1990~1995年)這個(gè)時(shí)代最重大的幾件事有:WWW的誕生(1990)、瀏覽器的誕生(1992)、W3C理事會(huì)成立(1994)、的誕生(1995);1990年,WWW(萬(wàn)維網(wǎng))誕生。全稱(chēng):World Wide Web。1992年,NCSA研發(fā)了*個(gè)瀏覽器:Mosaic,可以窗口瀏覽網(wǎng)頁(yè)。隨后新一代瀏覽器:Netscape Navigator(網(wǎng)景瀏覽器),于1994年誕生;隸屬于Netscape(網(wǎng)景)公司,下文統(tǒng)稱(chēng)為網(wǎng)景公司。1994年,Tim Berners - Lee創(chuàng)建了W3C理事會(huì)。蒂姆 · 伯納斯 · 李被稱(chēng)為”萬(wàn)維網(wǎng)之父“,南安普頓*、麻省理工*教授。W3C理事會(huì)主要負(fù)責(zé)HTML的發(fā)展路徑,其宗旨是通過(guò)促進(jìn)通用協(xié)議的發(fā)展;成員機(jī)構(gòu):美國(guó)麻省理工*、歐洲數(shù)學(xué)與信息學(xué)研究聯(lián)盟、日本慶應(yīng)*、*北京航空航天*。1995年,待這一切就緒后,應(yīng)運(yùn)而生!發(fā)明者是Brendan Eich(布蘭登 · 艾奇)。主要語(yǔ)言特征:借鑒了C語(yǔ)言的基本語(yǔ)法;借鑒了Java語(yǔ)言的數(shù)據(jù)類(lèi)型和內(nèi)存管理;借鑒了Scheme語(yǔ)言;借鑒了Self語(yǔ)言,使用基于原型的繼承機(jī)制;(1994年,Netscape Navigator網(wǎng)景瀏覽器截圖,圖源來(lái)自百度圖片)四、鐵器時(shí)代(1995~2005年)這個(gè)時(shí)期的瀏覽器五花八門(mén),互相競(jìng)爭(zhēng)激烈。IE瀏覽器、網(wǎng)景瀏覽器、火狐瀏覽器、谷歌瀏覽器是這個(gè)時(shí)期的主角!雖然當(dāng)時(shí)已經(jīng)有了比較統(tǒng)一的ECMA(規(guī)范文檔)標(biāo)準(zhǔn)和W3C(HTML、CSS規(guī)范文檔),但是瀏覽器先于標(biāo)準(zhǔn)在市場(chǎng)上流行,成為了事實(shí)標(biāo)準(zhǔn)。所以這就導(dǎo)致了我們現(xiàn)在在開(kāi)發(fā)項(xiàng)目的時(shí)候還要去處理一些瀏覽器兼容性問(wèn)題(大家最遇到的IE兼容問(wèn)題)。隨著1998年,AJax的出現(xiàn),前端開(kāi)發(fā)從Web1.0升級(jí)到了Web2.0,從純內(nèi)容的靜態(tài)頁(yè)面,發(fā)展到了動(dòng)態(tài)網(wǎng)頁(yè),富交互、前端數(shù)據(jù)處理的新時(shí)期。在這一時(shí)期,比較*的兩個(gè)富交互動(dòng)態(tài)的瀏覽器產(chǎn)品是:Gmail(2004年)、Google地圖(2005年)。由于動(dòng)態(tài)交互、數(shù)據(jù)交互的需求增多,還衍生出了JQuery(2006年)這種跨瀏覽器的JS工具庫(kù),主要用于DOM操作,數(shù)據(jù)交互。2005~2009年的前端發(fā)展歷程就涉及到小作者的知識(shí)盲區(qū)啦~~還請(qǐng)有意的大佬們補(bǔ)充,給小白們科普科普嘻嘻!五、JQuery時(shí)代(2009~2016年)2006年,jQuery發(fā)布,它當(dāng)時(shí)的競(jìng)爭(zhēng)對(duì)手很多,也很激烈基本持平。直到2009年,Sizzle選擇器引擎研發(fā)成功,jQuery才取得了壓倒性的優(yōu)勢(shì)。這個(gè)時(shí)期,前端面對(duì)的主要是瀏覽器的兼容性問(wèn)題,而jQuery在處理DOM兼容性問(wèn)題上有這大量的解決方案。jQuery的流行間接帶來(lái)以下的發(fā)展:(1)促使人們對(duì)CSS1~CSS3選擇器的學(xué)習(xí)(2)促進(jìn)了瀏覽器原生選擇器引擎document.、Element.matches的誕生(3)提高人們對(duì)domReady的認(rèn)識(shí)(4)促進(jìn)了Promise與 的誕生(5)降低前端門(mén)檻,前端工程師的隊(duì)伍越來(lái)越壯大。這個(gè)時(shí)期涌現(xiàn)了大量jQuery-like的庫(kù),其中最著名的是Zepto.js。Zepto的出現(xiàn)也標(biāo)志著我們進(jìn)入移動(dòng)互聯(lián)網(wǎng)時(shí)代。JQuery時(shí)代以RequireJS的誕生為起點(diǎn),以RN的出現(xiàn)結(jié)束。JQuery的出現(xiàn)讓前端開(kāi)發(fā)更加輕松,假如工程師想實(shí)現(xiàn)一個(gè)功能,現(xiàn)搜索出一個(gè)jQuery插件來(lái)實(shí)現(xiàn)。作者:華為云 著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。推薦這段時(shí)間收集了很多前端面試的相關(guān)問(wèn)題,發(fā)現(xiàn)有些東西還是很需要深入理解的,有時(shí)候僅僅停留在 ‘會(huì)用’ 的階段還是遠(yuǎn)遠(yuǎn)不夠的阿里巴巴騰訊前端面試經(jīng)驗(yàn),最完整面試真題分享!Web 前端知識(shí)體系精簡(jiǎn)
看了以上有關(guān)Web前端發(fā)展歷程--一目了然,java和web前端相比?哪個(gè)學(xué)起來(lái)比較難?,一文帶你了解Web前端發(fā)展歷程,帶你了解Web前端發(fā)展歷程??的講解,如果還有什么疑問(wèn)可以直接來(lái)電咨詢(xún)