免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

淺談這些年WEB前端變化

2023-05-31    分類: 網站建設

作為一個java程序員寫的代碼主要還是后臺的代碼,雖然開始的時候前后端都寫,但是也是用別人造好的輪子來用,學學html,css,js,jquery,再找一個前端ui框架學學,上手之后我們就可以寫界面,寫后臺了,當然這只是企業的后臺管理項目,界面要求不是特別高,對于網站項目還是需要前端童鞋來設計,布局,寫好html給到我們,我們轉成jsp,或者各種模板引擎文件。

這種模式對前端童鞋要求不是特別高,會設計,切圖,就差不多了,什么前端組件化,模塊化,自動化這些概念都沒有,可能是小公司沒有接觸到,大公司應該很早就開始實踐了。那個時候常用的就是yahoo的yui,和jquery ui還有jquery一系列插件了等等。

記得11年到12年的時候移動端的開發特別火,很多人都轉型去做native的開發了,那個時候移動端的開發工資特別高,但是我沒有選擇做移動開發,而是選擇安靜的做個后臺。

那個時候很多創業公司選擇做產品的時候首先會在移動端發力,先做一個android版本的或者做一個ios版本的,等到積攢一定的用戶量之后在針對多個平臺制定一個版本,因為很多產品可能沒得到有機會做多個版本就已經死了,所以一個產品可能有ios,android,winphone,pc等版本,需要多個團隊來開發一個產品。

那個時候雖然也有公司用webapp(純html5)和Hybrid來做移動端的開發,但是很多公司還是擔心h5在性能和體驗方面不如原生的好,畢竟移動端最重要的還是用戶體驗,是快,是流暢,那個時候解決方案也沒有像現在這么多,所以很多公司還是選擇采用原生的開發。

現在

隨著h5在移動端的使用越來越多,前端超級火爆的情況下各種框架,各種解決方案層出不窮,一個還沒學會,另一個就出來了,亂花漸入迷人眼,導致沒有經驗的前端人員都不知道應該學什么好了。 看到網上有童鞋總結了前端近幾年的變化,出來的輪子有多少,大家自己感受一下。

那些年,一度追捧,一度放棄

下面,花一些篇幅簡單回顧下 09 年到 15 年前端的發展歷程。

09 年,基礎類庫完善,尋求突破

09 年之前,JavaScript 還處于對自身語言的完善過程中,而到了 09 年,JavaScript 類庫已經頗為成熟,jQuery/Prototype/Script.aculo.us/Dojo 等都已經發布了好幾個 stable 版本,各大類庫也是相互吸收優點,不斷完善并提高自身性能,然而功能上已經沒有太多增加的勢頭。部分框架開始了思想上的轉變,更加注重前端開發的組織和結構,條理性強了很多,如 YUI,Dojo 等。

從 ECMAScript 規范的爭執,開啟了瀏覽器引擎大戰,各大廠商也趁機瓜分 IE6 份額,Chrome 和 Firefox 在這場戰役中取得小勝,V8 也敲響了前端的大門。為了迎合市場的激烈競爭,IE 開始了升級之旅,09 年初發布 IE8,全面兼容 CSS2.1。

而此時,Node.js 和 3G Mobile 這兩只巨獸開始浮出水面,Web 標準也開始向 HTML5、ECMAScript5.0 靠攏。

10 年,Web2.0 深入人心,開始性能挑戰

毫無疑問,這一年,各大巨頭都看清了 HTML5 是 web 發展的未來,在保留原來前端技術的狀態下,都簇擁著拉扯 HTML5 的裙擺。富客戶端應用也在這一年蓬勃生長,ExtJS/Dojo 搖身變為企業級框架,各類組件化概念和產品如約而至。

延續著 09 年的變化,10 年的前端顯得頗為沉寂,然而在標準的運用和推動上,各大廠商也是十分賣力。IE 9 出來了預覽第三版,iPhone 的 Safari 已經能夠支持眾多 HTML5 內容:Canvas/Video/Audio/Geolocation/Storage/Application Cache/Web SQL Database 等。

W3C 宣布成立 Web 性能工作組,Google 和 Mozilla 紛紛推出應用商店,瀏覽器調試工具也豐富了起來,人們開始更多地關注開發體驗和性能問題。

11 年,HTML5 抗大旗,Flash 堪憂

2011 年 HTML5 的技術發展和推廣都向前邁進了一大步,語義明確的標簽體系、簡潔明了的富媒體支持、本地數據的儲存技術、canvas 等等各類技術被廣泛應用。這一年,很多 web 開發者也面臨一項技術的抉擇,HTML5 or Flash?從 Flash Player 11.1 開始,Adobe 不再繼續開發面向移動設備瀏覽器的 Flash 插件,積極投身于 HTML5,這意味著 Flash 技術的凋零。

這一年,HTML5 游戲火爆到了一個高潮,他的低門檻和高收益讓很多開發者眼紅,正因如此,移動端開發工具和調試工具也日益成熟。jQuery 已經成為大小公司日常開發的標配,成千上萬的 JQ 插件讓網頁開發變得尤為輕松,而隨之而來的也是頁面的臃腫和性能調優的深入探索。

Node.js 已經悄然崛起,在 github 上的訪問量已經超過了 Rails,國內的云應用開始嘗試使用 Node.js,Node.js 相關工具也紛紛出來。

12 年,響應式開發,工程化推進

隨著硬件技術的發展,各手機廠商又開始騷動起來,為了占有更多的市場,不斷提高產品的性價比,體驗也得到了不斷的優化。借著先前兩年 HTML5 刮起的東風,移動端上的 web 開發也顫抖了起來。移動端的開發挑戰不亞于 PC 上對多個瀏覽器的支持,這一年,萌生了眾多移動端框架,如 Sencha Touch/Zepto.js/JQ Mobile 等,相對 PC 端框架,它們更加輕便。

而移動端的崛起,帶來了許多終端開發難題:多終端適配,多分辨率適配,遠程調試等等,而隨著這些難題一個個被解決,移動端生長的勢頭變得更加強盛。此時 Twitter 也推出了 Bootstrap, 這個前端開發工具包不僅方便了前端,也方便了后端同學,它的出現讓快速建站更加簡單。

編程思想的切換,迎來了 CoffeeScript 和 TypeScript,這兩個預處理語言的出現又為 JavaScript 引來了不少其他方向轉型過來的開發者。JavaScript 的兄弟 Node.js,也在命令行領域開拓了一片不小的疆域,甚至有動搖 Perl 和 Ruby 地位的趨勢。

在前端工程化上,幾個派系相互爭斗,產出了 AMD、CMD、KMD 等規范,也衍生了 SeaJS、RequireJS 等模塊化工具。前端在這一年很有跳躍感。

13 年,爆發式增長,百花齊放

規范和標準上有不少產出。Web Components 的出現給前端開發開辟了新思路;WebDriver 規范的出來推動了自動化測試的進程,ECMAScript 6 的規范草案落地,Webapp 工作小組在這一年也是相當活躍。

Chrome 瀏覽器在這一年也有了很大的突破,開始支持 SPDY,使用 Blink 取代 webkit 作為 Chromium 的新渲染引擎,Chrome DevTools 的調試體驗大幅度提升。這一年中,Chrome 連同其他瀏覽器廠商快速推動了各項草案規范的實現。

語言能力上依舊在增強,并且從 JS 開始擴散到 CSS,出現了 LESS、SASS 和 Stylus 等預處理語言,Web 開發變得更加緊湊。

而在無線端,應用不再局限于 Webapp,由于流暢度、性能等方面不能滿足用戶體驗的需求,各大公司開始轉向 Native 方向的研究,進而出現了 Hybrid 和 PhoneGap 的繁榮,它們為 JS 調用了提供更多的設備 API。

Node.js 大放異彩,很多公司在生產環境中使用 Node.js,同時也出現了諸如 Express、Meteor 等小巧的快速搭建 Node.js Server 的應用框架。

各瀏覽器的調試也是種類繁多、功能豐富,PhantomJS 在自動化測試上開始取代 Selenium,出現了眾多的遠程調試方案和工具。

前端工程化開始普及,各公司開始推出自己的前端集成開發解決方案。

14 年,移動端的崛起,HTML5 和 ES6 落地

HTML5 正式定稿,這意味著,web page 正式演變為 web application。ES6 華麗麗走進前端,走的很穩重,它的 Module/Class 等特性已經完全讓這們語言具備了開發大型應用的能力。

大而厚的基礎庫難以滿足靈活場景,Mobile 要求極致體驗,MV* 庫鋪卷而來,如 avalon/angular/knockout 等。

Web Components 跨終端組件快速發展,移動端開發迎來一次升華。Node.js 前后端分離的流行,中間層的出現改變了前后端的合作模式。

2014 是顛覆式的一年,前端發展在這一年開始形成了一個短暫的穩定格局。

15 年,觀念的轉變,步入前端工業化生產

今年格外引人注目的框架是,類 React。Facebook 在 React.js Conf 2015 大會上推出了基于 JavaScript 的開源框架 React Native,它結合了 Web 應用和 Native 應用的優勢,可以使用 JavaScript 來開發 iOS 和 Android 原生應用。在 JavaScript 中用 React 抽象操作系統原生的 UI 組件,代替 DOM 元素來渲染等。敲一次代碼,能夠運行在多個平臺上,其優勢可見一斑。除了 React ,還有手機淘寶推出的 Weex 框架,它吸收了 vue.js 的編程精華,編程風格更加簡約。

在眾多構建工具中,如今瀟灑存活的并不多。體驗完 grunt 和 browserify 后,gulp 順勢而至,爾后又出現了 webpack、jspm 等。而包管理工具,經歷了 components、bower、spm 后,npm 開始主導整個市場。

Node.js 的應用已經鋪天蓋地,各大公司前端都把 Node.js 作為分離前后端的主要手段,并且在測試、監控等方面沉淀了大量內容。不過,這個市場是很苛刻的,Node.js 的性能難以達到 C/C++ 的水平,那么接下來要做的就是要提升性能,至少得接近 C/C++。

參考:http://www.barretlee.com/blog/2015/12/10/after-framework-we-gonna-to-hug-data/

雖然出來的東西多,但是各種東西各有各的應用場景,還是可以根據需要選擇相應的框架和解決方案,就像大家經常說的不為技術而技術,為了業務而技術(相信還是有很多童鞋感覺某個東西高大上,而沒有太多考慮試用場景,當做自己學習和實踐的用到生產環境環境中吧)。

所以現在創業公司做產品選的應該是Hybrid來做移動開發,一套代碼可以跑在移動端瀏覽器,可以打包成android的app和ios的app(打包可以了解cordova(選),appcan, APICloud等等),后期在根據發展開發其他的比如pc web版本。這樣一來不僅節約時間成本,也節約了金錢成本,后期的維護也只需要維護一套代碼,是不是感覺比之前的多套代碼好很多。

自從14年我一直很關注前端的變化與發展,所以我覺得我現在不能再錯過h5的浪潮了,我覺得只有了解前后端才能有一個更加全面的視野來做產品,來把一個東西做好,做技術選型的時候也更加得心應手了。雖然我之前也會一些前端技術,但是跟現在大家常說的大前端比起來,感覺還是會得太少。

我經常在項目強調前端優化的重要性,可能由于歷史原因其他童鞋并不以為然,那個時候覺前后端都由自己來掌控多好。所以從現在開始有時間就要好好學習一下大前端了。畢竟有基礎,上手應該也快。希望在技術的道路上,越走越遠。

以后

以后前端的發展必然是越來越火,出來的輪子和解決方案也會越來越多,雖然一個輪子出來可能很快就會被替換掉,增大了我們的學習成本,但這也是證明了前端是在良性發展,就像我們常說的“長江后浪推前浪”,更好的東西出來了就應該替換掉舊的東西,當然舊的輪子經過時間和市場的檢驗當然更加穩定,更加成熟。

在選擇上就仁者見仁,智者見智了,希望還是從業務場景出發吧。既然選擇了技術這條路,就努力走下去吧。

這也算我的一個年終總結,有誤的地方希望大家糾正。最后,祝所有人“新年快樂”!

網頁題目:淺談這些年WEB前端變化
轉載注明:http://m.newbst.com/news44/261544.html

成都網站建設公司_創新互聯,為您提供網站建設、做網站自適應網站、定制網站、搜索引擎優化、網站排名

廣告

聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯

小程序開發