資訊專欄INFORMATION COLUMN
摘要：前端的文藝復(fù)興從簡單數(shù)據(jù)的展示，到復(fù)雜數(shù)據(jù)的交互展示，隨著瀏覽器的發(fā)展，我們有了簡潔多樣的功能，順暢極佳的體驗(yàn)。在我們對用戶體驗(yàn)的要求越來越高，數(shù)據(jù)量的增加復(fù)雜邏輯的增加交互多樣性的增加，都是前端工程師的挑戰(zhàn)。
數(shù)據(jù)的發(fā)展
沒有計(jì)算機(jī)的時(shí)代，數(shù)據(jù)被顯式的記錄存儲(chǔ)在具體的物品上，石頭、木頭、竹子、羊皮，紙等等。一旦被記錄，調(diào)整和修改都是相當(dāng)困難，數(shù)據(jù)之間大多不能交互，幾乎都是靜態(tài)，數(shù)據(jù)的傳播大多靠口頭或物品相傳觀看。
計(jì)算機(jī)的出現(xiàn)，數(shù)據(jù)突然可以隱式的被存儲(chǔ)在某個(gè)介質(zhì)中。變得容易修改、可以交互、動(dòng)態(tài)顯示、快速分析等等。這已經(jīng)是革命性的了，人們保存數(shù)據(jù)和獲取數(shù)據(jù)的方便性得到了質(zhì)的提升。
互聯(lián)網(wǎng)的出現(xiàn)，讓數(shù)據(jù)變得可以快速傳播，幾乎每個(gè)人都可以方便獲取到比之前多得多的數(shù)據(jù)，并且可以獲取這些數(shù)據(jù)對它們做任何的操作。從不能方便的獲取數(shù)據(jù)到突然可以有大量的數(shù)據(jù)，我們沉浸在這些具體的數(shù)據(jù)之中。
瀏覽器的出現(xiàn)，讓普通人就可以獲取到的數(shù)據(jù)資訊開始指數(shù)型的增加，人們的選擇性大大提高。這時(shí)，數(shù)據(jù)的如何展現(xiàn)、數(shù)據(jù)之間的交互、數(shù)據(jù)交互展現(xiàn)中的用戶體驗(yàn)等等，對數(shù)據(jù)的各種包裝在人們選擇時(shí)占據(jù)了一席之地。
對數(shù)據(jù)交互展示的愈發(fā)重視，出現(xiàn)了產(chǎn)品、設(shè)計(jì)、視覺、交互、前端等職業(yè)，人們除了對數(shù)據(jù)內(nèi)容的重視之外，數(shù)據(jù)的"顏值"和"體驗(yàn)"也是成了人們選擇看這些數(shù)據(jù)的因素之一。
之后，人們追求數(shù)據(jù)的交互展示精益求精。深入人心的功能點(diǎn)、眼前一亮的視覺沖擊、符合直覺的操作體驗(yàn) 、毫秒級別的加載速度，這些有形無形的存在，也是決定著一個(gè)產(chǎn)品的生存因素之一。
瀏覽器出現(xiàn)之初，人們獲取資訊的方式就是就是幾大門戶網(wǎng)站。資訊呈現(xiàn)的方式是文字和圖片等，到現(xiàn)在，也是這幾種主要的元素形式，只不過隨著人們審美的迭代，交互、排版、顏色、字體、圖片等等都有些許變化。如果讓我們回去看90年代的網(wǎng)站，我們會(huì)覺得丑、用戶體驗(yàn)差，但使用上基本沒有任何障礙。
很多東西的本質(zhì)都沒有變化，與出現(xiàn)計(jì)算機(jī)、出現(xiàn)互聯(lián)網(wǎng)時(shí)代的巨變，這些變化微不足道。但是，我們還是不斷的在發(fā)展，在發(fā)展中尋找發(fā)現(xiàn)更多更深刻的東西，剛開始的出現(xiàn)我們可能看到的只是表象，現(xiàn)在的我們可能慢慢理解了它的本質(zhì)。一個(gè)時(shí)代的開啟不是一蹴而就，而是在發(fā)展中尋覓打開下一個(gè)時(shí)代大門的鑰匙。
前端的文藝復(fù)興從簡單數(shù)據(jù)的展示，到復(fù)雜數(shù)據(jù)的交互展示，隨著瀏覽器的發(fā)展，我們有了簡潔、多樣的功能，順暢、極佳的體驗(yàn)。
這個(gè)過程誕生了專門的web前端工程師。在我們對用戶體驗(yàn)的要求越來越高，數(shù)據(jù)量的增加、復(fù)雜邏輯的增加、交互多樣性的增加，都是前端工程師的挑戰(zhàn)。有挑戰(zhàn)就有思考，有發(fā)展就有探索，誕生了許多的框架/工具/概念，百花齊放、百家爭鳴，就像中世紀(jì)的文藝復(fù)興時(shí)代，大師輩出，有幸我們可以站在巨人的肩膀上。
這是最好的時(shí)代，這是最壞的時(shí)代。
許多概念的出現(xiàn)、封裝的框架、構(gòu)建流程的自動(dòng)化，選擇不斷的增加、選擇不斷的減少。對工程師的能力是一個(gè)考驗(yàn)，可能會(huì)讓部分人在最基礎(chǔ)的HTML、JS、CSS瀏覽器基礎(chǔ)知識(shí)和直接使用最新的框架/工具/全家桶之間產(chǎn)生一個(gè)知識(shí)斷層?；A(chǔ)是重要的，掌握框架也是需要的，掌握知識(shí)的原理，你才能對公式有著深刻的理解。就像了解歷史，在面對新事物時(shí)候，你能思考過去，去其糟粕，取其精華。
前端在用戶體驗(yàn)細(xì)節(jié)方面是有追求的。我們會(huì)為了減少幾毫秒的加載時(shí)間、過渡的更加順暢、顯示更好看的字體等等去找到最優(yōu)解。也是對這些細(xì)節(jié)方面的零容忍，我們從瀏覽器里看到數(shù)據(jù)內(nèi)容的感受體驗(yàn)是噌噌噌的上升。
未來的前端所以，我認(rèn)為，如果你正確地估量自己，善于抓住所有的機(jī)遇，然后盡快行動(dòng)起來，去爭取，去努力，去做，你就能發(fā)現(xiàn)該做些什么，就能真正把你自己生活中的這個(gè)時(shí)代變?yōu)椤白詈玫臅r(shí)代”。
或許以后的前端，不再會(huì)直接使用HTML、JS、CSS，出現(xiàn)更高級的語言或使用方式，就像機(jī)器語言=>匯編語言=>其他語言，HTML、JS、CSS變成了前端的底層語言，發(fā)展出更高級的語言。
現(xiàn)在已有趨勢，JSX、TypeScript、Sass、Babel、WebAssembly等等，通過編譯器轉(zhuǎn)化為HTML、JS、CSS（WebAssembly 例外），再放到瀏覽器運(yùn)行?？赡芤院鬄g覽器就直接運(yùn)行JSX、TypeScript等或一個(gè)全新的更強(qiáng)大的語言。
不過，可能以后我們不使用瀏覽器了
可能我們以后使用的不是電腦手機(jī)了
可能...
本文，如有雷同，純屬意外，如有錯(cuò)誤，也是必然
微信：前端這么大我想去看看
歡迎您掃一掃微信公眾號，訂閱我的博客
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/91976.html
摘要：數(shù)據(jù)浪潮之間的前端工程師十年來，波瀾壯闊的移動(dòng)互聯(lián)網(wǎng)浪潮促進(jìn)了技術(shù)的迅猛發(fā)展，隨著瀏覽器性能網(wǎng)絡(luò)帶寬等基礎(chǔ)設(shè)施的提升，也能夠承載起包含復(fù)雜交互可視化計(jì)算邏輯需求的富客戶端應(yīng)用。 showImg(https://segmentfault.com/img/remote/1460000016874425); 本文是架構(gòu)師 2018-10 月刊的卷首語，歸納于自筆者的技術(shù)之路系列文章，也是對 ...
摘要：歡迎大家收看聊一聊系列，這一套系列文章，可以幫助前端工程師們了解前端的方方面面不僅僅是代碼作為現(xiàn)代應(yīng)用，的大量使用，使得前端工程師們?nèi)粘５拈_發(fā)少不了拼裝模板，渲染模板。我們今天就來聊聊，拼裝與渲染模板的那些事兒。一改俱改，一板兩用。 歡迎大家收看聊一聊系列，這一套系列文章，可以幫助前端工程師們了解前端的方方面面（不僅僅是代碼）：https://segmentfault.com/blog...
摘要：歡迎大家收看聊一聊系列，這一套系列文章，可以幫助前端工程師們了解前端的方方面面不僅僅是代碼作為現(xiàn)代應(yīng)用，的大量使用，使得前端工程師們?nèi)粘５拈_發(fā)少不了拼裝模板，渲染模板。我們今天就來聊聊，拼裝與渲染模板的那些事兒。一改俱改，一板兩用。 歡迎大家收看聊一聊系列，這一套系列文章，可以幫助前端工程師們了解前端的方方面面（不僅僅是代碼）：https://segmentfault.com/blog...
摘要：歡迎大家收看聊一聊系列，這一套系列文章，可以幫助前端工程師們了解前端的方方面面不僅僅是代碼作為現(xiàn)代應(yīng)用，的大量使用，使得前端工程師們?nèi)粘５拈_發(fā)少不了拼裝模板，渲染模板。我們今天就來聊聊，拼裝與渲染模板的那些事兒。一改俱改，一板兩用。 歡迎大家收看聊一聊系列，這一套系列文章，可以幫助前端工程師們了解前端的方方面面（不僅僅是代碼）：https://segmentfault.com/blog...
摘要：發(fā)布是由團(tuán)隊(duì)開源的，操作接口庫，已成為事實(shí)上的瀏覽器操作標(biāo)準(zhǔn)。本周正式發(fā)布，為我們帶來了，，支持自定義頭部與腳部，支持增強(qiáng)，兼容原生協(xié)議等特性變化。新特性介紹日前發(fā)布了大版本更新，引入了一系列的新特性與提升，本文即是對這些變化進(jìn)行深入解讀。 showImg(https://segmentfault.com/img/remote/1460000012940044); 前端每周清單專注前端...
閱讀 2585·2021-09-26 10:13
閱讀 5999·2021-09-08 10:46
閱讀 696·2019-08-30 15:53
閱讀 2970·2019-08-29 16:13
閱讀 2763·2019-08-26 12:23
閱讀 3490·2019-08-26 11:24
閱讀 1097·2019-08-23 18:09
閱讀 1036·2019-08-23 17:08
