流行前端框架介紹
2020-02-11 16:41 作者：艾銻無限 瀏覽量：
迎戰疫情,艾銻無限用愛與您同行
為中國中小企業提供免費IT外包服務
為中國中小企業提供免費IT外包服務
這次的肺炎疫情對中國的中小企業將會是沉重的打擊，據釘釘和微信兩個辦公平臺數據統計現有2億左右的人在家遠程辦公，那么對于中小企業的員工來說不懂IT技術將會讓他們面臨的最大挑戰和困難。
電腦不亮了怎么辦？系統藍屏如何處理？辦公室的電腦在家如何連接？網絡應該如何設置？VPN如何搭建？數據如何對接？服務器如何登錄？數據安全如何保證？數據如何存儲？視頻會議如何搭建？業務系統如何開啟等等一系列的問題，都會困擾著并非技術出身的您。
好消息是當您看到這篇文章的時候，就不用再為上述的問題而苦惱，您只需撥打艾銻無限的全國免費熱線電話:400 650 7820，就會有我們的遠程工程師為您解決遇到的問題，他們可以遠程幫您處理遇到的一些IT技術難題。
如遇到免費熱線占線，您還可以撥打我們的24小時值班經理電話:15601064618或技術經理的電話:13041036957，我們會在第一時間接聽您的來電，為您提供適合的解決方案，讓您無論在家還是在企業都能無憂辦公。
那艾銻無限具體能為您的企業提供哪些服務呢？
第一版塊是保障性IT外包服務:如電腦設備運維，辦公設備運維，網絡設備運維，服務器運維等綜合性企業IT設備運維服務。
第二版塊是功能性互聯網外包服務:如網站開發外包，小程序開發外包，APP開發外包，電商平臺開發外包，業務系統的開發外包和后期的運維外包服務。
第三版塊是增值性云服務外包:如企業郵箱上云，企業網站上云，企業存儲上云，企業APP小程序上云，企業業務系統上云，阿里云產品等后續的云運維外包服務。
您要了解更多服務也可以登錄艾銻無限的官網:www.bjitwx.com查看詳細說明，在疫情期間，您企業遇到的任何困境只要找到艾銻無限，能免費為您提供服務的我們絕不收一分錢，我們全體艾銻人承諾此活動直到中國疫情結束,我們將這次活動稱為——春雷行動。
以下還有我們為您提供的一些技術資訊，以便可以幫助您更好的了解相關的IT知識，幫您渡過疫情中辦公遇到的困難和挑戰，艾銻無限愿和中國中小企業一起共進退，因為我們相信萬物同體，能量合一，只要我們一起齊心協力，一定會成功。再一次祝福您和您的企業，戰勝疫情，您和您的企業一定行。
北京艾銻無限告訴您：流行前端框架介紹
目前前端的主流框架沒有太大的變化，業務代碼仍由三大框架（React、Vue、Angular）所主宰著，打包工具一般仍使用webpack、Rollup.js，狀態管理器還是Redux、MobX。
但隨著這兩年崛起的新框架與類庫，一些細微之處悄悄地起變化了，這些變量可能在未來推動著前端的發展。因此本文為大家介紹最近比較流行前端框架。
ramda
近幾年來，前端面試的難度上了一個檔次，我們前端工程師要刷 LeetCode， 要手寫一大堆工具函數：函數節流、防抖、數組去重、扁平化，對象深拷貝等。
這些方法大家可以從網上搜，但代碼質量可能不太好，可能面試官不認可你的實現，因此更好的學習方法是從 Underscore.js 抽取出來學習。
國外開發者 Underscore.js ，推出另一個高性能版本叫 Lodash，但是方法間互相調用，盤根錯節，使用起來較麻煩。
自從 Redux 將函數式編程帶火后， Underscore.js 又有一個函數式版本，就是 ramda，其代碼清晰易懂，且可以讓我們學到更多函數式編程技巧。
WeUI
WeUI原來是微信官方團隊為微信Web開發打造的一個樣式庫，類似于 Bootstrap，但它只是運行于瀏覽器端。微信小程序在CSS與瀏覽器有許多出入，如不能使用標簽選擇器、ID選擇器與眾多偽類，因此在微信小程序火起來后，官方又將這個庫兼容到小程序上。
ColorUI
ColorUI 是小程序組件庫，但不是純樣式庫。由于WeUI有些淡雅，可能不合某些時尚公司的風格，因此 ColorUI 也有龐大的追捧者。
ColorUI 的兩大特點：
1、顏色鮮艷飽滿；
2、基于uni-app 開發，可運行于多種小程序中。未來跨端開發將成為前端的主流工作方式，打通更多分銷渠道是必然趨勢。而跨端轉譯框架只用編寫一份代碼，就能跑N個平臺，能變相提高產能，降低成本，深得大家的好評。
Omi
騰訊出品的跨終端框架 Omi，它最初只是個模仿 Vue.js 的迷你框架。后來經過不斷地技術升級，現在能支持微信小程序和 QQ 小程序，并且能與騰訊其他前端庫相組合，可適用于更多場合（SVG、Markdown、SSR等）。
Omi 具備以下優點：
1、支持多種渲染引擎。支持JSX、Mustache模板技術、HTM（Hyperscript Tagged Markup）。Omi 最大的優勢是不需要經過 Babel 復雜的轉譯，簡單易懂。
4、Omi 生態強大，有點像阿里的 KISSY，大多數是同事貢獻代碼，但是騰訊也好，阿里也好，他們的同事水平都是業務一流的，這就保證了生態圈內的插件不會參差不齊。
Taro
與 Omi 的演化路線相反，京東出品的 Taro 一開始便支持跨平臺。
Taro 是第二代轉譯框架，之前許多小程序框架都是走 vue 路線，在運行時處理小程序兼容問題。
但隨著越來越多的小程序推出，如果要兼容3～5種小程序，前端工程師要在業務代碼中加許多 if-else 分支，這些在當前平臺上無效的代碼也無法刪除，徒然浪費資源。
Taro 使用 React 技術棧開發小程序，在編譯期轉換代碼，刪掉非本平臺的代碼，因此生成的代碼更精練。
Taro 有以下特點：
1、公司投入的研發資源較多，據了解，目前有 7、8 個不同事業部的團隊介入這框架的開發，共同解決很多問題，包括小程序轉 H5、小程序轉 RN、小程序轉其他小程序等。2、擁有微信小程序原生轉 Taro 代碼的工具，這樣可以吸引那些已經用微信原生代碼寫好小程序的公司轉換代碼，方便他們更一步布局更多小程序平臺。3、Taro 遷移了 Redux、MobX、Router、UI 庫這整套全家桶都移植過來，是 vue 系不可比擬的。4、Taro 的社區運營得非常好，單拿 GitHub 上的 issue 運營來說，有機器人自動回復提問者，并且把過往已經解決的同型問題的鏈接給他們，沒有搞定則上報到專門的團隊。每周都有周報，統計一共關了多少 issue，解決了多少問題，添加了多少新特性，讓大家用得非常安心。更不用說其官方運營的社區， http://taro-club.jd.com/， 可見官方在這方面投入非常大。5、Taro 擁有一個物料市場，號稱“讓每一個輪子產生價值”。物料就是一些組件，如果單純讓官方來做，肯定無法考慮到那么巨細。太多垂直領域待覆蓋，由專門領域的人來寫的組件更有說服力。6、Taro 支持轉 RN 是一個非常亮眼的特性，超出目前所有的小程序轉譯框架。這也只有京東這種深耕RN多年的大公司才有能力適配。京東早些年就實現了自己的 RN-WEB 與 RN 轉微信小程序框架（Alita）。
這幾年，國內各大企業對小程序的投入非常大，除了 Taro，還有去哪兒網的 nanachi、網易的 megalo，滴滴的 Chameleon， 百度的 Okam，不一而足。
Flutter
Flutter 是這兩年來廣受開發者熱議的移動端跨平臺開發工具。并且經過咸魚與毒這兩大標桿式 App 的引導，國內越來越多人投入 Flutter的開發行列。
Flutter 的優點:
1、跨全平臺：移動端的兩大平臺、PC 的三大操作系統以及 Web 端。2、性能卓越。Flutter 和其他跨平臺不同的是，它并不走 JavaScript 引擎，而是通過自己的 Flutter Engine，然后通過 skia 繪制 UI 框架。skia是C++寫的類似canvas 2D圖形庫。另外，在渲染時，Flutter 借鑒 React 的虛擬 DOM 思想，在 UI 進行變化后，會進行 diff 算法。3、開發高效率。Flutter 在開發時可以通過熱重載，實現所見即所得的效果。用過 webpack 開發頁面的同學都知道， 在編輯器中保存后，界面立馬就能看到變化。Flutter 也是這樣，當 App 在虛擬容器中或者真機設備中調試，保存后，App 會立刻響應, 節省了大量時間。4、Flutter SDK 高度自由靈活，上層有豐富 UI 套件，除了 Material Design的主題之外，還有一套 iOS 主題的配套組件。除此之外，對于復雜 UI，可從底層 canvas 入手來繪制，靈活度堪比系統的 SDK。
5、當然它不是沒有缺點，最大的詬病是它使用了 Dart，我認為如果是用 TypeScript 的話可能會更火，一些前端工程師為此放棄使用 Flutter。
其次，在編寫界面時 Flutter 沒有使用標簽語言，工程師要費勁地用 Widget 類來堆砌，很易出現套嵌地獄，也不直觀。現成的解決方案有兩個，一是通過野生的 DSX， 二是官方的擴展函數。沒有太大的硬傷，但小問題不斷，需要時間來磨平。
SpriteJS
SpriteJS 是由 360 奇舞團推出的跨終端 canvas 繪圖框架，可以基于 canvas 快速繪制結構化 UI、動畫和交互效果，是跨平臺的 2D 繪圖對象模型庫，它能夠支持 Web、Node.js、桌面應用和微信小程序的圖形繪制和實現各種動畫效果。對比業界有名的 ECharts，前者是側重于企業級的圖表繪制，SpriteJS 則傾向于動畫與游戲。
SpriteJS 的優點有：
1、跨平臺，支持服務端渲染、微信小程序。
2、對 D3、Matter-js、Proton 和其他第三方庫友好。
3、性能卓越，主要是通過高性能的緩存機制，離屏 Canvas 與 WebWorker 多線程渲染這三大策略實現。最新的 SpriteJS 支持 WebGL，對于大數據量性能更佳。
NestJS
可能大家聽說過 Next.js，這是在 React 團隊早些年沒推出后端渲染框架時，由第三方推出的 Node.js 框架。大家也可能聽說過 Nuxt.js，基于 Vue.js 的輕量級應用框架。
而NestJS可劃歸為AngularJS社區的。它有 TypeScript、DI、DTO、Decorator，并提供了全套解決方案，包含了認證、數據庫、上傳文件、驗證、緩存、序列化、記錄器、安全、配置、壓縮、請求等開箱即用的技術。不再像 KoaJS、Express 那樣讓用戶自己找中間件。因此也有人稱之為 Node.js 的 Spring。
從趨勢來看， NestJS 在 GitHub 的關注人數僅用一年就超越了 Egg.js。目前仍在持續高速增長中，可見 Node.js 也厭惡了 KoaJS、Express 這樣的迷你框架，在開發大型應用，必須有 Spring 級別的框架。
DoKit
DoKit，全稱為DoraemonKit， 是滴滴推出一個跨平臺的功能集合面板，有點像 Windows 下的超級兔子或 360 管家。它的功能較完備，可直接看下面的截圖：
imgcook
imgcook 是阿里出品的人工智能切圖工具，但它不只是切圖。我們可以上傳 Sketch、PSD、靜態圖片等形式的視覺稿作，通過智能化技術一鍵生成可維護的前端代碼，包含視圖代碼、數據字段綁定、組件代碼、部分業務邏輯代碼。在對設計稿輕約束的前提下實現高度還原，釋放前端生產力，助力前端與設計師高效協作，讓前端工程師關注更具挑戰性的事情。
可能有人會質疑它生成的代碼可讀性，會拿之前的 Dreamweave 做比較，但是不要忘記，這是一個人工智能平臺，它會不斷進化的，機器的進化速度是人工的 1000 倍以上，這是對“頁面仔”的暴擊，因此前端工程師努力將自己轉移到工具鏈開發這樣高技術含量的活兒上。
相關文章
IT電腦維護外包
關閉