「前端開發」一篇文章概括目前流行的前端開發框架

2020-09-04 前端開發小白

01. 概述

作為前端開發者，各種框架的層出不窮，促使我們要不斷學習才能防止落後，但是我們不可能做到每個框架都有學習的時間，我們只需要掌握流行的，坑少的即可。從以下三個方面了解目前流行的前端開發框架。

我自己是一名從事了多年開發的web前端老程式設計師，目前辭職在做自己的web前端私人定製課程，今年我花了一個月整理了一份最適合2019年學習的web前端學習乾貨，各種框架都有整理，送給每一位前端小夥伴，想要獲取的可以關注我的頭條號並在後臺私信我：前端，即可免費獲取。

02. 跨多平臺開發框架

(1).uni-app--開發一次，多端覆蓋uni-app 是DCloud公司使用 Vue.js 開發跨平臺應用的前端框架，開發者編寫一套代碼，可編譯到iOS、Android、H5、小程序等多個平臺。

框架圖

Github地址：https://github.com/dcloudio/uni-app

官網地址：https://uniapp.dcloud.io

如果學過vue,會微信小程序開發，了解mpvue，很容易上手。強烈推薦學習。

(2).Taro–一次編寫，多端運行Taro 是由京東 - 凹凸實驗室打造的一套遵循 React 語法規範的多端統一開發框架。通過 Taro 的編譯工具，將原始碼分別編譯出可以在不同端（微信小程序、H***pp、快應用等）運行的代碼。

Github地址：http://github.com/nervjs/taro

官網地址：http://taro.aotu.io/

多端 UI 組件庫:https://aotu.io/notes/2018/08/27/the-birth-of-taro-ui/

如果你會React ,很容易上手Taro。

03. 移動端混合開發框架

混合開發是指JS開發+原生渲染 一套代碼，iOS 安卓都可使用。

(1).Flutter–極速構建漂亮的原生應用Flutter是谷歌的移動UI框架，可以快速在iOS和Android上構建高質量的原生用戶界面。Flutter Framework是一個完全由Dart語言構建的SDK，它實現了一整套自底而上的基礎庫。

框架結構

官網地址：https://flutterchina.club

(2).React Native--使用JavaScript和React編寫原生移動應用React Native (簡稱RN)是Facebook於2015年4月開源的跨平臺移動應用開發框架，是Facebook早先開源的JS框架 React 在原生移動應用平臺的衍生產物，目前支持iOS和安卓兩大平臺。

框架結構

Github地址：https://github.com/facebook/react-native

官網地址：https://reactnative.cn

(3).Weex–Web 開發體驗來開發高性能原生應用的框架

Weex 致力於使開發者能基於通用跨平臺的 Web 開發語言和開發經驗，來構建 Android、iOS 和 Web 應用。簡單來說，在集成了 WeexSDK 之後，你可以使用 JavaScript 語言和前端開發經驗來開發移動應用。

Vue.js 和 Rax 是最廣泛應用於 Weex 開發的前端框架，也是目前功能最全、最穩定的方案。

框架結構

Github地址：https://github.com/apache/incubator-weex?spm=a2c7j.-zh-.0.0.45dac8eec3weZx

官網地址：https://weex.apache.org/zh/

04. 前端開發框架

(1).Vue–漸進式JavaScript 框架

Vue框架是用於構建用戶界面的漸進式框架。它是可以自底向上逐層應用。Vue 的核心庫只關注視圖層，上手簡單而且還便於與第三方庫進行整合。

Github地址：https://github.com/vuejs/vue

官網地址：https://weex.apache.org/zh/

(2).React–用於構建用戶界面的 JavaScript 庫

React 使創建交互式 UI 變得輕而易舉。為你應用的每一個狀態設計簡潔的視圖,當數據改變時 React 能有效地更新並正確地渲染組件。

Github地址：https://github.com/facebook/react/

官網地址：https://react.docschina.org

(3).Angular–一套框架，多種平臺移動端 & 桌面端

Angular是一個強大的前端框架,其強大之處主要是可以把靜態頁面與動態數據綁定起來。首先angular是一個mvc框架，它與jquery不同之處在於，前者致力於mvc代碼解耦，採用model,controller以及view方式去組織代碼，而後者提供給你了很多APi函數，你可以不用寫很多原生js去實現比較複雜的效果，比如說動畫，$.animate,

Github地址：https://github.com/angular/angular

官網地址：https://www.angular.cn

前端框架少不了UI組件框架的結合。

05. 附錄

參考：https://my.oschina.net/u/3308739/blog/3098156

原文連結：https://blog.csdn.net/dengjin20104042056/article/details/100606445

相關焦點

  • 程式設計師前端開發框架工具匯總「渡一教育」
    孔子說：「工欲善其事，必先利其器」，學習WEB前端開發也是一樣。在開發過程中，經常我們會遇到很多繁雜精細的麻煩問題，雖然知道要去按照步驟解決，但總歸耗費大量的時間。小渡今天就特地整理了一批好用的web前端開發框架和他們的特點，幫助大家根據不同的需求，不同的業務場景，做出最合適的選擇，讓開發變得高效，快速。有了這些工具在手，就可以從繁重的工作任務中解脫出來，有大把的時間去王者峽谷散步打野浪一圈了。前方乾貨來襲！
  • 移動前端開發和Web前端開發的區別是什麼？
    特別是隨著網絡制式的發展，行動裝置在全球範圍內得到了空前的普及，在前端領域，Hybird Web、React Native、Weex、Flutter 等等一系列新的移動前端技術也如同雨後春筍般冒出來，今天來和大家分享一下我對「移動前端開發和 Web 前端開發」的理解。
  • 瘋狂前端開發講義——前端開發實戰，一本書搞定前端開發
    本書提供兩個綜合案例，綜合利用了jQuery、AngularJS、Bootstrap前端開發技術，並在後端採用了極為流行、規範的輕量級Java EE架構：控制器層->業務邏輯層->數據持久化層。書中案例對實際項目具有極好的指導價值和借鑑意義。
  • 前端開發大盤點:2015最流行前端框架TOP20
    2015年已經過去了，作為一個親歷前端開發多年的開發者，目睹和見證了前端開發從最初的Javascript 語言類庫到HTML5標準定稿後帶來的Web Components 跨終端組件的快速發展。
  • 最詳細，快速入門Web前端開發的正確姿勢
    第一個概念是「單頁應用程式」，就是只有一個 Web 頁面的應用，是只加載單個 HTML 頁面並在用戶與應用程式交互式動態更新該頁面的 Web 應用程式。第二個概念是「Virtual DOM」，即虛擬 DOM，簡單說就是一個模擬 DOM 樹的 JavaScript 對象，是為了避免大面積操作真實 DOM 而導致的性能問題。
  • 三大前端開發框架流行程度對比
    三大前端開發框架Vue、React、Angular，到底誰最流行，除了有GitHub的star指標，NPM的下載量則更能說明問題。 從國內的情況來看，Vue比React要更流行，但是放到世界範圍來看，情況就會有所不同了，竟有3.2倍的差距之多，國內的程式設計師並沒有想像中那麼多啊，還有很大的HC空間。
  • 2020必看的5個最佳前端開發框架
    這都要歸功於無數的框架在幕後運行。然而，隨著客戶和市場的需求不斷增加，在可用性和功能性方面需要不斷提高質量。這就是擔憂開始出現的時候。很多人在選擇能夠快速解決問題的最佳前端javascript框架時陷入了困境。通過這篇文章希望可以有所幫助。下面，我們將介紹一些2019年和2020年最好的前端框架。
  • 流行的前端框架，真的適合開發嗎？5年經驗告訴你
    隨著IT行業的發展，各種前端框架如雨後春筍，到底是不是真的幫助了程式設計師的開發呢？我從業全棧開發有5年時間，剛開始做前端，用到html,div,css,js,jq，當時沒有那麼多框架，後來出現各類框架，網上也傳得名聲大噪，每家都說自己是如何如何的好。
  • Web前端開發必不可少的9個開源框架
    大多數人想到Web開發時，通常會想到HTML或JavaScript，往往忽略了CSS，根據Wikipedia的說法，CSS既是網頁中最重要也是最常被遺忘的部分之一，儘管它是全球資訊網的三大基礎技術之一。今天就和大家分享9個流行的、強大的前端開源框架，幫助你輕鬆構建漂亮的網站前端。
  • 談談前端框架 2020該怎麼選擇前端框架？
    由於瀏覽器與JavaScript 標準的進展，近年來前端領域可以說是突飛猛進，各種前端框架/函式庫也如雨後春筍般紛紛出現。常常有人問，「怎麼選擇前端框架」你會怎麼回答？如果要我用一句話來解釋，我會說前端框架/工具庫的發展方向，實際上是「在簡單的專案使用會變得複雜，在複雜專案的開發變得單純」。談這個問題前，讓我們先來看看網頁技術的發展。我相信，唯有了解過往的時空背景，我們才能看清現在與未來技術發展的脈絡。
  • 鴻蒙2.0開源，前端開發的機會來了
    近日，華為發布鴻蒙2.0作業系統，該系統應用開發框架採用JavaScript作為開發語言，這對於前端開發工程師來說無疑是一個好消息！「輕量級 JS 核心開發框架」。在「鴻蒙 2.0」上，開發者只需編寫形如 Vue 組件式的 JavaScript 業務邏輯，即可將其渲染為智能手錶等嵌入式硬體上的 UI 界面。
  • 微軟推出 Office UI Fabric:響應式 Web 前端開發框架
    IT之家訊 微軟今天面向開發者發布了一套新的Web前端開發框架，名為Office UI Fabric。與當今流行的Bootstrap框架一樣，Office UI Fabric目的是幫助開發者快速構建Web頁面/應用。
  • Web前端開發好不好學
    Web前端開發是現在網際網路行業中的一個熱門職位，對於想要進入IT行業的小白來講，最疑惑的就是這門技術好不好學、我能不能學會、怎麼學才能入門找到工作這些問題。優妹兒總結了一篇關於Web前端如何學習，怎麼入門找工作的文章，幫助小夥伴們答疑解惑。
  • 哪些專業適合學習前端開發？前端市場前景怎麼樣？
    電氣工程及其自動化」和「機械設計製造及其自動化」，經管科的「工商管理」和「國際經濟與貿易」，文科的「英語」以及藝術類的「藝術設計」。如果你不甘於現狀，尋求改變，想轉行做Web前端開發，完全可以現在就加入進來，學習要趁早，才可以早就業，早加入到Web前端開發中來。學習Web前端最常見的幾個問題和誤區1. 無腦盲目的刷視頻去看，但是很少去練習。正常的狀態應該是在整個學習的過程中，四分之三的時間都是在練習。視頻只是讓你了解學習什麼內容，看一遍就行了。
  • 前端開發工程師的工作內容是什麼?
    一.什麼是HTML5前端開發？HTML5是HTML的最新標準，它是Web前端開發的核心和標準通用標記語言，儘管CSS3和HTML5是兩種語言，但由於它們經常一起使用，因此人們普遍認為HTML5也指CSS3。因此，目前許多頁面製作，WebAPP，微型網站開發和網路遊戲都離不開HTML5。
  • 0基礎可以學Web前端嗎？如何快速掌握前端開發技能？
    Web前端開發是網際網路行業中的熱門職位，對於想要進入IT行業的小白來講，比較疑惑的是這門技術好不好學、能不能學會、怎麼學才能入門找到工作？優妹兒總結了一篇關於Web前端如何學習，怎麼入門找工作的文章，幫助小夥伴們答疑解惑。
  • Web前端開發技術的核心思想
    入門標準入門標準很簡單，就一條：達到能參與 Web 前端實際項目的開發水平。請注意，是實際項目，這就需要了解如今的實際項目開發都用了哪些技術棧。HTML/CSS/JavaScript 這三大基礎技術棧肯定是需要掌握的，但要能參與實際項目開發，肯定還要掌握其他一些主流的框架體系。
  • 「前端必備」介紹幾款優秀的前端UI框架
    直到現在適合於各種開發的UI框架相應而生，針對不同的界面開發選擇相應的UI框架，能使開發效率事半功倍。這篇文章就為大家介紹多種前端UI框架，助你高效開發。LayUI由職業前端傾情打造，面向全層次的前後端開發者，低門檻開箱即用的前端 UI 解決方案，layui是一個採用自身模塊規範化編寫的前端UI框架，它依照原生HTML/CSS/JS的書寫與組織形式，入門簡單，使用也非常簡單。
  • 盤點:11個最流行的前端框架,UI必備
    作為開發者，我們需要了解一些不錯的CSS UI開源框架資源，幫助我們更快更好地實現一些現代化的界面，今天小編就給大家分享11個最流行的前端框架，UI必備，一起來看看吧。2、ATUI at-ui 是一款基於 Vue 2.x 的前端 UI 組件庫，主要用於快速開發 PC 網站產品。它提供了 npm + webpack + babel 前端開發工作流程，CSS 樣式獨立，即使採用不同的框架實現都能保持統一的 UI 風格，挺實用的。
  • 前端開發和後端開發哪個崗位更辛苦
    首先，從事程式設計師工作，無論是從事前端開發還是後端開發，總體上來說都不輕鬆。要判斷前端開發和後端開發哪個崗位更辛苦一些，主要取決於以下幾個方面的因素：第一：開發場景。不同的開發場景對於前後端程式設計師的要求是不同的，通常來說，to B端開發場景下，後端程式設計師更辛苦一些，因為前端的應用場景比較固定，所以變化不會很大。2C端開發場景下，前端程式設計師更辛苦一些，因為前端變化比較多，而且前端開發的要求會比較高，比如很多2C類的網際網路產品幾乎每天都有新的變化。第二：開發崗位。