前端技術的發展日新月異,過一段時間就會出現新的框架、工具、插件,伴隨著十幾年的發展,前端領域已經告別了野蠻生長的時期,越發表現出成熟和現代化,引領了整個技術行業的潮流,那麼讓我們在文中過一遍前端發展中一些重要的節點。
前端是什麼?
針對瀏覽器開發,代碼在客戶端瀏覽器運行。
前端「三劍客」
這裡提到的「三劍客」指的不是某公司出品的三個產品,而指的是在前端開發過程中用到的三種技術: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組件開發、數據填報、在線文檔、圖表公式聯動、數據可視化等核心業務場景。

喜歡小編文章的可以點個贊關注小編哦,小編每天都會給大家更新文章。
原創文章,作者:投稿專員,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/218745.html
微信掃一掃
支付寶掃一掃