整合營銷服務商

          電腦端+手機端+微信端=數(shù)據(jù)同步管理

          免費咨詢熱線:

          高性能HTML5/JavaScript開發(fā)框架DevExtreme v22.1.3正式發(fā)布

          evExtreme擁有高性能的HTML5 / JavaScript小部件集合,使您可以利用現(xiàn)代Web開發(fā)堆棧(包括React,Angular,ASP.NET Core,jQuery,Knockout等)構建交互式的Web應用程序。從Angular和Reac,到ASP.NET Core或Vue,DevExtreme包含全面的高性能和響應式UI小部件集合,可在傳統(tǒng)Web和下一代移動應用程序中使用。 該套件附帶功能齊全的數(shù)據(jù)網(wǎng)格、交互式圖表小部件、數(shù)據(jù)編輯器等

          DevExtreme Complete Subscription官方最新版免費下載試用,歷史版本下載,在線文檔和幫助文件下載-慧都網(wǎng)

          具體更新內(nèi)容如下:

          重大更新:

          這個列表包含了v22.1.3中引入的所有重大更改。

          Angular/HTML JS/React/Vue

          所有Angular/HTML JS/React產(chǎn)品

          • API T1089321 – DevExtreme需要TypeScript v4.2和更新版本
          • API T1082662 – 終止對 Angular 11 及更早版本的支持

          DevExtreme Data Grid

          • UI T1082914 – DataGrid 列的過濾器 UI 現(xiàn)在僅顯示相關值

          DevExtreme Dialogs & Notifications

          • UI T1071184 – Popup、LoadPanel、Popover、Tooltip:如果將根父級傳遞給 `container` 屬性,則 DOM 中的覆蓋包裝位置會更改

          DevExtreme Editors & Validation

          • UI T1072460 – 可調(diào)整大小:在 v22.1 中,默認情況下按角處理程序調(diào)整大小是成比例的

          DevExtreme Layout & Navigation

          • UI T1089296 – TileView - showScrollbar 選項的接受值已更改

          錄結構

          關鍵代碼解釋

          項目首頁 index.html

          主文件,引入主模塊,引入重置樣式表,引入對應的css文件

          如果首頁有tabbar區(qū)域,則寫在此區(qū)域內(nèi)

          主模塊 main.js

          requirejs的主模塊,所有的配置都在這里

          加載angularjs,并且加載所有的控制器、自定義指令、服務等等

          返回App app.js

          返回代表angularjs程序的app變量,為了其它文件的使用

          路由配置 appRouter.js

          路由文件,所有的路由配置都寫在這里

          控制器示例 home.js

          模板頁面示例 home.html

          樣式示例 home.css

          自定義指令 swiperDirective.js

          服務示例 dataService.js

          者 | 徐杰承

          審校 | 云昭

          提到前端界的三大主流框架,相信每位前端開發(fā)者都能夠脫口而出:React、Vue、Angular。在過去的兩年中,React和Vue在圈內(nèi)的熱度可以說是節(jié)節(jié)攀升,“究竟誰才是最好的前端框架”這一話題也在國內(nèi)外的前端圈子中引起了一輪又一輪的熱議。

          然而與之不同的是,業(yè)界對于Angular的關注度卻在近兩年間卻變得越來越低。在去年由Best of JavaScript官網(wǎng)發(fā)布的第六版JavaScript Rising Stars中,Angular的受歡迎程度遠遠落后React和Vue,甚至被后來者Svelte超越,近幾年來首次跌出了前三名的隊列。

          圖源:網(wǎng)絡

          1、從AngularJS到Angular

          提到Angular的興衰,我們始終繞不過的便是其前身AngularJS。AngularJS起初只是Google開發(fā)人員Misko Hevery的一個業(yè)余項目,Misko Hevery希望能讓web設計師也可以使用html創(chuàng)建出簡單的應用。

          隨著AngularJS的落地以及其在Google內(nèi)部的成功普及,Hevery和他的團隊于2010年將AngularJS作為一個單獨的開源項目進行了發(fā)布。

          一旦開發(fā)人員掌握了AngularJS,便能夠使用其輕松地在移動開發(fā)框架Apache Cordova之上構建移動UI工具包Ionic Framework等應用程序。這也使得AngularJS在大量企業(yè)中逐漸流行了起來。

          然而隨著時間的推移,AngularJS的受歡迎程度卻開始逐漸減弱。尤其是當JavaScript開始引入開發(fā)規(guī)范要求后,盡管Google大面積采用AngularJS并將其帶到了大型企業(yè)應用程序中,但由于AngularJS原始設計上的一些局限性,導致了綁定和模板基礎架構始終存在性能瓶頸。為解決這個問題,Angular的核心團隊希望對AngularJS進行全面的重構,以便將其從此前的設計中解放出來。

          整個第二版Angular的重寫,曾在當時的前端圈中引起了一陣不小的轟動。直到2018年,AngularJS框架終于成功重獲新生,全新版本由TypeScript寫成,引入了更好的構建大小、穩(wěn)定的API和整體更優(yōu)的性能。自此,AngularJS也正式更名為Angular。

          然而,盡管Angular在原有的基礎上實現(xiàn)了頗多改進,但React和Vue在這一時期的進步明顯更加迅速,并在Angular短暫的停滯時期依靠更輕的體量、更好的易用性和更易上手等優(yōu)勢快速搶占了大量市場,一舉超過了Angular作為頂級JavaScript前端框架的地位。stateofjs曾在一份報告中提到,自2018年起,雖然Angular始終擁有著龐大的用戶群體,且使用率始終保持前列,但從整體的變化趨勢來看,Angular似乎已經(jīng)在下坡路上愈行愈遠。

          圖源:網(wǎng)絡

          2、Angular:三大困境

          當談到Angular所面臨的困境時,絕大多數(shù)人的第一印象都是Angular在企業(yè)項目中的采納率較低及其社區(qū)活躍度遠不如React與Vue。

          造成這一現(xiàn)象的首要原因,也就是Angular最大的問題——框架沉重,使用其構建的應用程序實在太大了。項目文件中不僅會包含JavaScript包,還會存在Angular CLI。無論與React還是Vue對比,Angular應用程序的運行效率都不夠理想。這也導致面向消費者的、追求短平快的互聯(lián)網(wǎng)公司通常并不會將Angular作為他們的第一選擇。

          圖源:知乎

          其次,Angular作為一個以企業(yè)級開發(fā)為重點的框架,存在更多的內(nèi)置關系,而且相對而言并不那么重視那些沒有開發(fā)基礎的用戶,而是針對有一定開發(fā)經(jīng)驗的開發(fā)者。因此Angular的學習曲線會比React和Vue陡峭得多,且由于用戶群體多為企業(yè)應用開發(fā)者的緣故,也導致了Angular社區(qū)的活躍度并沒有React與Vue那么高,這也在無形之間又一次抬高了新手開發(fā)者接觸Angular的門檻。

          導致Angular逐漸走向沒落的最后一個原因,則一般會被廣大開發(fā)者歸結于AngularJS到Angular的那一次斷崖式更新。由于前端技術的飛速發(fā)展以及Angular超前的技術選型,使得AngularJS到Angular的升級非常不平滑。并且當Angular團隊還沉浸在對AngularJS的重寫時,React、Vue等競爭對手已悄然開始發(fā)力。這也導致了在Angular問世前后的一段時間里,一大批原先AngularJS的使用者轉而投向了React或是Vue的懷抱。

          3、Angular 15:新的改進

          那么,在這場激烈的零和競爭中,Angular還有機會翻身嗎?

          在今年的11月,Angular發(fā)布了另一個版本更新 :Angular 15,其承諾為開發(fā)人員提供更簡潔易用的功能。從開發(fā)者近期對其的評價中不難發(fā)現(xiàn),該更新的確使Angular更加精致、穩(wěn)定,并擴展了其支持能力,這無疑有望提升開發(fā)人員的體驗。

          與Angular 14一樣,Angular 15的更新具有獨立的組件API,可提供更高的穩(wěn)定性。Angular開發(fā)人員可以使用這些獨立的組件,并將它們與HttpClient、Angular Elements 等同步。獨立API可用于在一個組件中引導應用程序。

          Angular 15還帶有一個路由器獨立API,可以構建多路由應用程序。Angular Bundlers 可以在構建時刪除未使用的功能,從而使代碼文件的大小減少11%。

          隨著 Angular v15 的更新,調(diào)試 Angular 應用程序得到了極大的簡化,并通過堆棧跟蹤變得更加清晰和直接。Angular 開發(fā)人員團隊確保實現(xiàn)一個標準來跟蹤更多的開發(fā)代碼,而不是顯示它調(diào)用的庫。這一成就使得錯誤消息可以使用一些改進。

          此外,Angular的開發(fā)團隊還致力于根據(jù)Web應用程序的Angular Material Design Components重構其組件。這些組件具有更好的可訪問性,并符合角度材料設計規(guī)范。且Angular的開發(fā)團隊已棄用多個組件的舊實現(xiàn),因此開發(fā)人員可以選擇舊版導入。

          對于大多數(shù)開發(fā)人員來說,他們最喜歡的框架具有很強的指令可重用性。Angular團隊推出了開發(fā)人員經(jīng)常要求的指令組合API。該API可以提高代碼可用性,并允許開發(fā)人員使用指令推送主機元素并優(yōu)化Angular。如果開發(fā)人員使用 Angular 編譯器,這將變得更加容易。

          Angular 15還改進了先前版本中引入的穩(wěn)定的NgOptimisedImage指令,以幫助更有效地加載圖像。如今,這一功能可以在用戶請求時自動上傳正確大小的圖像,從而減少圖像的下載時間。新的版本還消除了用戶輸入圖像尺寸的需要,并將圖像適當?shù)靥畛涞狡涓溉萜髦小.斢脩舨恢缊D像尺寸時,可以輕松的通過“填充模式”解決這方面的問題。

          4、拒絕出局

          一位使用過新版本的Angular開發(fā)人員表示:以目前的情況來看,Angular15版本可能不會在前端圈內(nèi)引起大規(guī)模的風浪,但它已經(jīng)足以吸引一批新用戶了。Angular是標準化的,具有內(nèi)置功能,是一個成熟且完善的框架,已經(jīng)存在了很長時間。

          即使在最近幾年它變得不再像原來那么受歡迎,但我們不得不承認,Angular現(xiàn)在依然擁有非常強大的社區(qū)支持和足夠的資源以及堅實的團隊。從Angular 15的更新來看,谷歌開發(fā)人員也將在未來繼續(xù)致力于它,別忘了Angular正被應用于谷歌內(nèi)部的數(shù)千個應用程序。

          一位用戶談到Angular 15新的改進時說:“我喜歡Angular團隊采取的方向——引入一種功能方法并將其轉換為OOP基礎知識之上的功能。對我來說,依賴注入、標記化、抽象事物并以響應式方式構建組件能夠幫助我創(chuàng)建干凈且可擴展的代碼。Angular不斷提供新的東西,它們可以用來提高項目的質量。盡管Angular現(xiàn)在不像React和Vue那樣流行,但我絕對推薦你去嘗試使用它。”

          參考鏈接:

          ?https://www.bbsmax.com/A/Vx5MDLeGJN/??

          ??https://www.zhihu.com/question/383137600/answer/1252878373?


          主站蜘蛛池模板: 亚洲第一区在线观看| 亚洲AⅤ无码一区二区三区在线| 精品视频一区二区观看| 人妻少妇精品视频一区二区三区| 成人免费一区二区无码视频| 精品人妻少妇一区二区三区不卡| 久久久久人妻一区二区三区vr| 色狠狠色噜噜Av天堂一区| 三上悠亚一区二区观看| 精品国产一区二区三区香蕉事| 色综合久久一区二区三区| 亚洲熟女乱综合一区二区| 国产一区二区三区高清视频 | 人妻aⅴ无码一区二区三区| 相泽南亚洲一区二区在线播放| 国产日韩一区二区三区在线播放| 精品一区二区三人妻视频| 伊人色综合一区二区三区影院视频 | 精品一区二区三区无码免费直播 | 中文字幕aⅴ人妻一区二区| 亚洲av成人一区二区三区 | 国产精品福利区一区二区三区四区 | 中文字幕日韩一区二区三区不卡| 日本一区二区三区不卡视频| 日韩精品一区二区三区不卡 | 91视频一区二区三区| 国产韩国精品一区二区三区 | 日韩美女在线观看一区| 午夜福利一区二区三区高清视频 | 在线成人一区二区| 狠狠做深爱婷婷综合一区 | 在线视频一区二区三区三区不卡| 国产色情一区二区三区在线播放 | 精品国产精品久久一区免费式| 一区二区三区久久精品| 国产精品福利一区二区| 视频在线一区二区三区| 人妻无码一区二区三区AV | 在线观看国产区亚洲一区成人| 亚洲一区免费在线观看| 国产激情无码一区二区三区|