神奇JavaScript框架---Top5

来源:http://www.cnblogs.com/jiaoyu121/archive/2017/06/17/7040641.html
-Advertisement-
Play Games

前言 個人觀點,供您參考 觀點源自作者的使用經驗和日常研究 排名基於框架的受歡迎度, 語法結構, 易用性等特性 ...


前言

  1. 個人觀點,供您參考
  2. 觀點源自作者的使用經驗和日常研究
  3. 排名基於框架的受歡迎度, 語法結構, 易用性等特性
  4. 希望大家能夠基於此視頻找到最適合自己的框架
  5. 下麵介紹的都是嚴格的前端框架和庫

前言

Top5: Polymer

Polymer是由谷歌Chorme組織內的前端開發團隊領導的一個開源項目, 該項目的口號是: [UseThePlatform]. 團隊相信, 擁抱現代Web平臺是向用戶和開發人員提供應用的最佳方式. 該producer介紹了Polymer的以下特性:

  1. Web組件:基於W3C標準的Web組件API.
  2. 使用原生瀏覽器的技術:Web組件內嵌於原生瀏覽器, 所以不需要像jQuery, dojo等第三方庫 ,可以和其他Web組件無縫協作.
  3. Behaviors:其獨有的Behaviors去分享Web組件和申明其屬性.
  4. 封裝:能夠將代碼和結構封裝到相同位置.
  5. 自定義元素:開發人員能夠自定義元素, 添加標簽和屬性

Polymer

Top4: Ember

Ember.js是一款開源的JavaScript MVC框架，用來創建Web應用程式。它免除了樣板文件並提供了一套標準的應用程式架構。 項目口號是:「A framework for creating ambitious web applications」。

  1. 高效的生產力:其友好的API和符合人體工程學的設計理念, 使得開發人員能夠快速完成構建工作
  2. 命名約定: Ember通過命名約定這種方式最少的節約代碼的縮寫
  3. Ember-CLI: 開發Ember應用程式的官方命令行工具包,通過提供您在一個集成包中構建可生產就緒的Web應用程式所需的一切
  4. 豐富的插件: Ember提供豐富的插件,能夠輕鬆的在應用程式之間共用通用代碼
  5. Handlebars集成模板: 能夠在底層數據更改時自動更新, 可以大大減少代碼量

Ember

Top3: Angular

AngularJS最初由Misko Hevery 和Adam Abrons於2009年開發，後來成為了Google公司的項目。AngularJS彌補了HTML在構建應用方面的不足，其通過使用標識符（directives）結構，來擴展Web應用中的HTML辭彙，使開發者可以使用HTML來聲明動態內容，從而使得Web開發和測試工作變得更加容易.

  1. 全功能框架:具有HTML模塊, 其特有的模塊化, 自動化雙向數據綁定, 語義化標簽, 依賴註入等屬性. 特別適合重量級的應用開發.
  2. 十分流行:首先它由Google維護. 其次是因為Angular是MEAN全堆棧的一部分
  3. Angular CLI : 只需要掌握幾條命令就可以構建Angular項目
  4. TypeScript: Angular預設使用的TypeScript寫,對喜歡TypeScript的開發者更加友好.
  5. 使用Ionic框架: Ionic框架被用來建立Hybrid App, 是目前最有潛力的一款HTML5手機應用開發框架.

Angular

Top2: React

React 起源於 Facebook 的內部項目, 近年來,React從最早的UI引擎變成了一整套前後端通吃的 Web App 解決方案. React的理念是:[ Learn once, write everywhere]

  1. 輕量&高效: 和Angular不同,React並不是全功能框架, 所以比較輕量. 虛擬DOM也使得擁有很好的性能表現.
  2. 十分火: 可以替代Angular成為MERN全堆棧的一部分.
  3. Flux&Redux: 雖然React在視圖層中運行,但是也可以使用Flux和Redux
  4. 創造響應式應用:React提供了響應式的視圖組件和自有的命令行
  5. 移動端應用:Producer認為React是最好用的搭建移動端應用的框架

React

Top1: Vue.js

Vue.js是一種漸進式的JavaScript框架. 與其他重量級框架不同的是,Vue 採用自底向上增量開發的設計.Vue 的核心庫只關註視圖層,它不僅易於上手,還便於與第三方庫或既有項目整合.

  1. 簡單: 比較其他框架,有著更友善的學習曲線, 只有使用者有基本的HTML和JavaScript知識, 都可以學習使用Vue
  2. 靈活 & 生產性高: 在Vue2.0版本中添加了模板功能,其簡單小巧的核心,漸進式的技術棧,可以應付所有應用.
  3. 速度快: Vue的虛擬DOM優化很好,速度十分的快,特別適合開發要求比較高的數據可視化和動畫的應用中.
  4. v-model & 2 way data binding: 可以使用v-model和2 way model進行數據綁定
  5. Vue-CLI:Vue有自己的命令行,部署Vue比Angular簡單很多.

Vue.js


學習過程中遇到什麼問題或者想獲取學習資源的話，歡迎加入學習交流群
343599877，我們一起學前端！


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • js中replace方法游標不跳最後（VX）
    $("#wetg_Left_ipt2").bind("input",function() { //獲取游標位置 var Txt1Curs = $scope.getTxt1CursorPosition(this); var oldtexv = this.value; //格式化字元串4位分割，去掉非字 ...
  • less基礎入門
    平時在工作中,偶爾會遇到老大讓你修改原來寫好的樣式,如果修改的多的話,修改起來是非常麻煩的.他不像js一樣,定義變數、函數,需要修改某些值,直接修改方法就行了。less的出現,恰恰幫我們解決了這個問題 在這呢,我們簡要說明一下less: LESSCSS是一種動態樣式語言，屬於CSS預處理語言的一種， ...
  • CSS 層疊與繼承
    三種繼承css方式 1.段內繼承 樣式原文 原文變成 紅色, 原文字體變大 兩個都是通過改變樣式屬性的值去實現的. 語法詳解: 1.每個樣式屬性會有不同的值, "color: red" 通過冒號表達color的屬性. 2.屬性間要用分號間隔和閉合 3.font-size 屬於複合屬性 2. 文檔內繼... ...
  • javascript功能插件大集合，寫前端的親們記得收藏
    包管理器、載入器、測試框架、運行器、QA、MVC框架和庫、模板引擎、數據可視化、時間軸、編輯器等等。 ...
  • 用CSS3/JS繪製自己想要的按鈕
    我認為按鈕的繪製分以下三個步驟 第一步，繪製按鈕的輪廓 選擇合適的html標簽，設置輪廓的CSS 選擇合適的html標簽，設置輪廓的CSS 效果圖 仿IOS-1.jpg 仿IOS-1.jpg 第二步，繪製按鈕的預設狀態 這一步很重要，由於我們不會再給html文件添加其他的標簽，所以我們需要用 :af ...
  • HTML5 audio標簽自製音樂播放器
    相關技能 HTML5+CSS3（實現頁面佈局和動態效果） Iconfont（使用矢量圖標庫添加播放器相關圖標） LESS （動態CSS編寫） jQuery（快速編寫js腳本） gulp+webpack（自動化構建工具，實現LESS,CSS,JS等編譯和壓縮代碼） 實現的功能 播放暫停（點擊切換播放狀 ...
  • H5JS二維動畫製作！two.js的基本操作class1
    今天介紹一個網路上並不常用的插件two.js，剛開始學習的過程中，發現網上並沒有合適的教程，在此發表基本操作 two.js是一款網頁二維繪圖軟體，可以在指定區域內產生自設的各種動畫效果 下載網址如下： https://two.js.org/#download class1： 一：如何使用： 首先在頁 ...
  • js使用my97插件顯示當前時間，且select控制計算時間差
    做頁面需要兩個時間輸入框一個顯示當前時間，一個顯示之前的時間，並且需要一個select下拉框控制兩個時間輸入框之間的差,效果如下圖： 這裡使用的是My97DatePicer,簡單方便,引入my97插件，設置input時間框的格式，這裡設置的時間最大是當前時間，開始時間框不能比結束時間框的時間大 弄完 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類