前端的發展和將來趨勢

本文由葡萄城技術團隊於博客園原創並首發

轉載請註明出處：葡萄城官網，葡萄城爲開發者提供專業的開發工具、解決方案和服務，賦能開發者。

 

前端技術的發展突飛猛進，過一段時間就會出現新的框架、工具、插件，伴隨着十幾年的發展，前端領域已經告別了野蠻生長的時期，愈加表現出成熟和現代化，引領了整個技術行業的潮流，那麼讓咱們在文中過一遍前端發展中一些重要的節點。

前端是什麼？

針對瀏覽器開發，代碼在客戶端瀏覽器運行。

 

前端「三劍客」

這裏提到的「三劍客」指的不是某公司出品的三個產品，而指的是在前端開發過程當中用到的三種技術：HTML、CSS、JavaScript。

 

HTML：

是HyperText Markup Language的縮寫， HTML是前端開發的基礎，用戶看到網頁中的結構和基礎樣式都是由HTML來提供的，目前HTML的標準已經於2014年被推動到了HTML5。

 

CSS：

是Cascadeing Style Sheets的縮寫，它能對網頁中的元素位置、排版、外觀進行精準的像素級控制，可以爲用戶提供更豐富的網頁樣式呈現。

 

JavaScript：

JavaScript 一個客戶端腳本語言，做爲一個弱類型語言，它能爲網頁用戶增長一些有限的動態交互效果。

 

小前端時代

隨着JavaScript被髮明，前端開發進入了小前端時代，那麼JavaScript爲何會被髮明出呢？

1995年，網上衝浪開始興起，但當時用戶仍是經過一條28.8 kbit/s的調制解調器鏈接互聯網，例如用戶若是要簡單的作註冊表單驗證，和服務器交互一輪就須要近30秒。讓咱們試想一下，在通過了半分鐘的等待後，服務器告訴你你的一個字段忘填了，是怎樣的一種心情。

 

（圖片來自網絡）

 

因此基於客戶端運行的腳本語言需求逐漸增大，由Netscape於1995年開發的JavaScript前身LiveScript應運而生，後來爲了傍Java這個時髦詞彙，LiveScript改名爲了JavaScript。有了JavaScript 客戶端也能夠作邏輯判斷，動態交互等行爲。

因此由HTML爲骨架、CSS爲外貌、JavaScript爲交互的搭配正式被固定下來了。後來隨着Ajax技術的興起，Web由1.0時代，邁入了2.0時代，web頁除了基礎的內容展現功能外，還具有了數據處理、動態效果、優秀的用戶體驗等功能。

 

大前端時代

隨着對前端動效、數據交互的需求量愈來愈強，jQuery跨瀏覽器的工具庫應運而生，它爲Web帶來了新的活力，使開發者能更方便的開發操做DOM，數據交互，動態交互等行爲，開發者的思路被進一步打開。

後來，谷歌V8引擎發佈，Node誕生，爲前端開發提供了使用同一語言實現全棧開發的機會（JavaScript再也不是一個只能寫頁面交互的前端語言）。隨後React、Angular、Vue 等 MVVM 前端框架的出現，使前端實現了項目真正的應用化。前端迎來了大前端時代，前端開發的從業者也終於告別了 「切圖仔」的稱謂，由於他們有了全新的職稱「前端開發工程師」。

2009年開始，大屏智能手機開始陸續出現，到後來進入了4G時代， 人們對Web產品的要求和指望愈來愈高，Web開發從業者不只須要面對的是PC端單方面的需求，甚至在面對移動端、PWA（小程序）、app hybird平臺的需求也成了屢見不鮮。

由於業務需求的不斷變化，這致使了Web應用須要不斷的提高迭代開發的速度，縮短髮布週期。這一點企業中的開發者也在一樣面對着。同時，一位名叫Issam Elbaytam的美國工程師也一樣注意到了，他曾多年在.NET領域持續積累，曾設計、開發了多款知名.NET控件，面對這樣的技術風口，他在想如今既有的.NET控件是否是能夠全面轉到前端平臺上？

帶着這樣的問題，他投入了新產品的設計、開發工做中，開發過程當中他也注意到了，大部分用戶在處理數據、統計數據時，仍是更習慣於使用Excel來作，Excel憑藉着出色的計算性能、直觀的數據分析和圖表成爲數據統計領域不可或缺的軟件之一。但一樣Excel也具備它的短板，例如：和企業已有應用接駁困難、沒法徹底脫離Office套件、高昂的受權價格、沒法分佈式修改數據等。

在瞭解了這些短板後，他開始想是否是能夠用純JavaScript開發一套和Excel相似的開發工具供開發者使用，這樣全面知足了用戶進一步把應用遷移B/S的需求，也能夠徹底脫離Office套件使用，同時也下降了由於快速迭代的發佈週期。終於，在2015年，通過了幾年的開發，SpreadJS終於應運而生。藉助SpreadJS，用戶能夠以不到100行代碼便可在前端實現Excel所有功能，並能夠實現一次開發，多端使用的目的。

迄今已爲國內外知名企業和機構的服務賦能，例如：天弘基金、華爲、中國平安、招商銀行、騰訊、蘇寧易購等，爲他們實現了Web Excel組件開發、數據填報、在線文檔、圖表公式聯動、數據可視化等核心業務場景。

 

 

過幾天，咱們將會邀請Issam Elbaytam爲咱們帶來一場線上直播，日期會在2019-11-20（星期三） 下午14:00準時開始，報名地址：https://live.vhall.com/347833693

由他來爲咱們講講他爲什麼如此癡迷於技術研究，他的初心是什麼，面對當今大熱的HTML五、JavaScript，以及區塊鏈等新興技術，他又有哪些不一樣的見解和觀點呢？

葡萄城員工對Issam Elbaytam的評價：

• Allan：「他是我所認識的25年來天天只休息4小時，除了平常休息時間，其餘時間不是在研究技術和產品，就是在去研究技術發展趨勢的路上。 」
• Zenos：「開着保時捷上班的技術大佬，對技術和產品的研究很是狂熱，是一位超級酷的Geek，甚至車牌都是「CODE」。「
• Mark：「原先是Data Dynamics 創始人，曾開發出與水晶報表市場表現不分伯仲的標杆產品ActiveReports。」
• Willie：「現任葡萄城全球首席架構師的Issam Elbaytam是一位很是牛的人，負責葡萄城全球產品線的架構設計，30多年開發經驗，是我所知的一位優秀的全棧開發工程師。」
• …

總結

Issam 坦言道,「中國開發人員喜歡使用最新和最好的技術， SpreadJS必定會爲他們的項目提供強大的支撐，並在財務、預算、工程、統計等領域的信息系統開發中，經過強大的計算引擎和靈活的數據可視化呈現，爲商業表單控制面板提供更爲豐富、有效的內容信息。」。

隨着JavaScript和瀏覽器的不斷髮展，基於Web應用程序的系統開發提供了良好的性能支持和運行環境基礎。相信隨着將來前端技術的發展，以及不斷更新迭代的Web程序集，這些技術將爲用戶提供更加史無前例且愈來愈強大的解決方案。他對將來前端領域的發展也充滿了期待。