【知識庫】八款你不得不知的開源前端JS框架

2021-01-07 CSDN技術社區

本文推薦了八款比較熱門和經典的Javascript 開源框架,並給出了相關學習資料,有興趣的朋友可以看看~

angular.js


Angular.JS是一個開源的JavaScript框架,最適於開發客戶端的單頁面應用。它實現了前端MVC架構,專注於擴展HTML功能,提供動態數據綁定(Data Binding),且能與其它框架(如jQuery)合作融洽。(項目詳情)

相關文檔:

相關下載:

backbone


Backbone.js是一個JavaScript MVC框架,用於創建模型-視圖-控制器 (model-view-controller, MVC)類應用程式和單頁界面。在Backbone.js中,模型會存儲通過RESTful JSON接口從伺服器檢索到的數據。模型與視圖密切關聯,負責為特定UI組件渲染HTML並處理元素上觸發的事件。處理Ajax應用程式或者SPI應用程式時,Backbone.js可能是最好的解決方案。(詳情)

相關文檔:

相關下載:

ember.js


Ember.js是一款開源的JavaScript MVC框架,用來創建Web應用程式。它免除了樣板文件並提供了一套標準的應用程式架構。Ember.js由Yehuda Katz創建,它是由SproutCore 2.0改名進化而來。在2013年8月31日發布Ember.js 1.0版本。(項目詳情)

相關文檔:

knockout


Knockout 是個JavaScript 庫,幫助創建豐富的顯示和編輯器UI,通過乾淨的底層數據模型。你可以在任何時候動態更新UI的選擇部分。(詳情)

項目主頁:http://knockoutjs.com/

相關文檔

todomvc


TodoMVC是一款開源的JavaScript框架,它使用各種不同的MV*框架實現一個相同的Todo應用。TodoMVC最大的優點就是幫助開發者挑選出合適的MV*框架,從Backbone, Ember, AngularJS, Spine...一系列框架中決定使用哪個框架。(項目詳情)

相關文檔:

Spine.js

Spine是一個構建JavaScript Web應用的輕量級框架。 Spine給你提供MVC框架,讓你放心做自己事,讓你集中精力在有意思的事情上,從而構建出令人驚嘆的Web應用。Spine用CoffeeScript寫成,但開發應用時不必要用CoffeeScript。你可以使用CoffeeScript或是JavaScript,選擇你最熟悉的就好。(項目詳情)

相關文檔

Meteor

Meteor是一種新型JavaScript框架,用於WebApp應用程式開發。Meteor在2012年4月首次發布。Meteor的基礎構架是Node.JS+MongoDB,官方總結的Meteor的9個優勢是:純粹的JavaScript、實時頁面更新、強大的數據同步、延遲補償、代碼熱推送、敏感代碼運行於受限環境中、完全獨立應用包、互操作性強、智能的包。Meteor團隊表示,包括Facebook、Google及Twitter在內等多家網際網路巨頭在Web應用方面都採用了與Meteor一樣的技術。(項目詳情)

相關文檔

jQuery


jQuery是繼Prototype之後又一優秀JavaScript框架。它可方便地操作文檔對象、處理事件、實現動畫效果、使用Ajax與網站交互等。提供API,可供開始者編寫插件,且具有詳盡的說明文檔。兼容CSS3及各種瀏覽器(jQuery2.0及後續版本不支持IE6/7/8瀏覽器)。(項目詳情)

相關文檔

相關下載

更多開源項目及項目資料請查看: 

CODE開源知識庫

相關焦點

  • 開源前端框架縱橫談
    近年來隨著Web應用交互複雜度的提升,前端開發也迎來了一個高速發展的時期。除了一些老牌框架紛紛推出改動較大的升級之外,還湧現出一批新生代的開源庫和框架,推動著Web應用開發理念向越來越強調前端架構的方向發展。當下的前端技術可以說是處在一個新舊交替的過程之中,同時存在著許多不同的觀念和實踐。
  • 前端高效開發必備的 js 庫梳理
    作者: 徐小夕 來源:趣談前端之前有很多人問學好前端需要學習哪些 js 庫, 主流框架應該學 vue 還是 react ? 針對這些問題, 筆者來說說自己的看法和學習總結。首先我覺得在學習任何知識之前必須要有一個明確的學習目標, 知道自己為什麼要學它, 而不是看網上說的一股腦的給你灌輸各種知識, 讓你學習各種庫, 從而不斷的製造大家的焦慮感。前端由於入行門檻低, 更新換代很快, 每年都會有大量新的框架和庫出現, 也有大量庫被淘汰(比如 JQuery, 但是學習它的設計思想很有必要).
  • Ember.js和Vue.js,哪種框架更適合前端開發?
    隨著前端技術的發展,比起純JavaScript 腳本,大多數開發人員更喜歡使用基於JavaScript的框架來開發Web應用,如Vue、React等。這些框架大大簡化了你的代碼,也使你能夠完成更多的全棧工作。使用什麼類型的框架決定了應用程式的敏捷程度。因此,您必須慎重選擇。在充滿多樣性的前端生態中,有兩個框架十分引人矚目——Ember.js和Vue.js。
  • 2020年的前端工程師請收下這幾個Vue.js開源框架
    vue是一套用於構建用戶界面的漸進式JavaScript框架,簡單說Vue是類似於view的前端框架。目前vue技術社區在英文或中文都非常豐富,社區都有很多經驗豐富的開發人員,其功能也非常豐富與使用性,屬於輕量級框架。vue還有一個優點是容易學習,有前端經驗的開發者容易上手,所以請前端開發者要掌握幾個實用的Vue.js開源框架。
  • 5款最火的Node.js框架,你都用過嗎?
    Node.js已經誕生10年,在這10年裡,它因後端簡化並發編程而被關注,因作為前端輔助開發工具而流行。今天,小編就給大家介紹5款最火的Node.js框架,來看看你有沒有用過吧。2、xpress.js 第二個推薦的框架,是針對Node.js新手的,這個框架也是很有名了,它的特點有:擁有小且靈活的Node.js Web應用程式框架;帶有MVC(模型-視圖-控制器);允許用戶動態呈現大型HTML頁面;允許通過設置中間件來響應HTTP請求;有一組路由庫,這些庫集基於HTTP方法執行各種web操作;帶有多視圖支持系統
  • 谷歌也發布了Web前端機器學習庫,就叫deeplearn.js
    以往大家對前端機器學習庫的關注度較低,不外乎人們認為 JavaScript 運行速度低、應用範圍窄、支持前端的庫少等幾個原因。不過許多JS圖形庫已經有力地證明了 JavaScript 不是低速的代名詞,帶有構建好的機器學習算法的庫也確實有一些,比如 brain.js、Synaptic、Natural、ConvNetJS、mljs等等,分別是幾個神經網絡、自然語言處理等的庫,其中最出名、最先進的是卷積神經網絡庫 ConvNetJS,不過據雷鋒網(公眾號:雷鋒網) AI 科技評論了解,它已經不再積極地維護了
  • Web前端三大主流框架,你覺得哪個更好?
    Web前端發展,簡直是日新月異,Web前端技術也是突飛猛進,也誕生了很多優秀的Web前端框架,比如我們所熟知的「Web前端三大主流框架」,當然還有些不知名的小框架等。React 起源於 Facebook 的內部項目,用來架設 Instagram 的網站, 並於 2013年 5 月開源。React 擁有較高的性能,代碼邏輯非常簡單,越來越多的人已開始關注和使用它。它最大優勢在於它們相對簡單和專注。做一件事情並把它做好是非常困難的,但這個庫很有效地完成了它的目標。
  • Web前端三大主流框架是什麼?
    前端框架對於前端開發的好處是顯而易見的,比如減少代碼中因失誤產生的bug,還能大大節約時間和人力成本,縮短開發周期等等。目前,市面上Web前端三大主流框架分別指的是Angular、React和Vue,在Web前端開發中,它們平分秋色,各有優劣。
  • 【開源專訪】Sea.js創始人玉伯的前端開發之路
    在Web應用程式的用戶體驗越來越被重視的今天,前端開發的地位也上升到了前所未有的高度,而隨之而來的也有更多的挑戰。為了將前端開發者繁重的工作變得簡單,框架應運而生。國內也不乏一些非常優秀的前端開發框架。本期【開源專訪】我們邀請到了國內前端大牛玉伯(@玉伯也叫射鵰),請他為我們分享一些關於前端框架、前端開發的那些事,以及前端大牛是如何煉成的。
  • 十大新興前端框架大盤點
    作者 | 司徒正美責編 | 伍杏玲2019年在整體上,前端的主流框架沒有太大的變化,業務代碼仍由三大框架(React、Vue、Angular)所主宰著,打包工具一般仍使用webpack、Rollup.js,狀態管理器還是Redux、MobX。
  • 前端開發大盤點:2015最流行前端框架TOP20
    隨著Web 越來越規範和標準的統一,Web組件化技術不斷革新以及移動端開發不斷升華的今天,我覺得有必要把過去一年幫助過我或朋友們的優秀開源前端框架做個盤點,希望這些與時俱進,具有行業代表性的項目能夠越來越好,幫助到更多的前端開發者們。此榜單根據github上star數作為排名依據,一個人力量有限,如果收集有遺漏歡迎補充。
  • Feather Icon - 簡單漂亮的免費開源圖標庫
    一套面向設計師和開發者,功能性強、風格高度一致的免費開源圖標庫。介紹Feather 是一套面向設計師和開發者的開源圖標庫,是一個簡單漂亮的開源圖標庫。 每個圖標都設計在一個24×24的網格上,強調簡單,一致性和易讀性。
  • 基於的ASP.NET Core+Vue.js開源的前後端分離內容管理系統CMS
    今天我將給大家介紹另外一個基於.NET Core + Vue.js開源的前後端分離的CMS框架LinCms,之所以要介紹這款CMS,主要是因為它的界面做工精美,並且使用了很多良好的設計理念,項目還集成了Swagger的增強版Knife4jUI,非常值得學習研究。什麼是 Lincms?
  • 開源前端框架Bootstrap中文翻譯版上線
    站長之家(chinaz.com)7月25日消息:知名開源WEB前端框架Bootstrap中文翻譯版昨日上線,該版本由wrongway開發者翻譯。據wrongway稱,翻譯Bootstrap的初衷是為其網站選擇一款能快速開發的前端框架,為了更廣泛的分享推廣Bootstrap,因此發布了中文版。
  • 國內最火的五款HTML5前端開發框架
    本文主要為大家推薦五款國內最火的HTML5前端開發框架,它們分別是騰訊團隊開發的JX、淘寶團隊開發的KISSY、百度團隊開發的QWrap和Tangram,以及上海康尚實驗室推出的Como。1.JX(騰訊)JX 是一個類似 Google Closure Library 的 Web 前端開發框架,服役於 WebQQ 等大規模的 WebApp。JX 是模塊化的非侵入式Web前端框架,開發於2008年,並於2009年開源於GoogleCode ,於2012年切換到Github。
  • 基於NodeJS的14款Web框架
    在幾年的時間裡,Node.js逐漸發展成一個成熟的開發平臺,吸引了許多開發者。有許多大型高流量網站都採用Node.js進行開發,像PayPal,此外,開發人員還可以使用它來開發一些快速移動Web框架。下面就介紹14款基於Node.js的Web應用框架,大家不妨過來看看有沒有適合你的那一款。
  • 適合JS 新手學習的開源項目——在 GitHub 學編程
    作為一個入門的圖文教程,Web 遵循了事無巨細原則,在所有的介紹中詳細講 HTML、CSS、JS 等知識點,簡單的移動端開發、Vue 等框架使用、Node.js 介紹也略有涉獵。值得一提得失,它所有的示例中代碼注釋清楚地標註了使用某個函數時你所需要注意的事項,貼心到不行。
  • Chart.js - 漂亮的 Javascript 圖表開源庫
    這是一個使用簡單、動效現代酷炫js圖表庫,用來構建專業美觀的數據圖表。介紹Chart.js 是一個基於 canvas 的可視化開源庫。它可以用於構建簡單漂亮的 H5 圖表,滿足產品數據可視化的需求。智能響應式,如果瀏覽器改變了大小,Chart.js 會重新調整圖表的大小,同時為這個大小提供了完美的縮放粒度;支持模塊化加載,並且每個圖表類型都已經分離,可以按需加載項目所需的圖表類型;針對滑鼠和觸摸設備上提供了對畫布工具提示的簡單支持,也支持自定義觸發事件,能滿足複雜的交互需求。
  • 去哪兒網前端架構師司徒正美:如何挑選適合的前端框架?
    最近幾年,前端技術迅猛發展,差不多每年都會冒出一款主流的框架。 每次新開業務線或啟動新項目時,首先第一件事就是糾結:使用什麼框架,重造什麼輪子?我很高興應CSDN的邀請談我的看法。RequireJS,前端技術發展分水嶺在五六年前,移動端還沒有興起,我們沒有什麼選擇,就是jQuery。
  • 各種前端框架 您應該選擇哪個?
    該框架是完全開源的,出色的文檔有助於平滑學習曲線。如果您想了解如何使用Bootstrap,請嘗試有關BitDegree的在線入門課程。Bootstrap優先考慮負責任的Web設計,並通過功能強大的網格系統和實用程序類簡化了該設計。除此之外,它還提供了各種預樣式化的組件,這些組件包括HTML,CSS和某些情況下的JavaScript。