MUI 和 framework7區別之 UI元件的幾點差異

阿新 • • 發佈：2019-01-17

在做專案的時候，有時候會糾結是用framework7還是MUI，這裡簡單列出來二者在ui方面的一些區別，肯定不夠全面，供大家參考，有不足和錯誤歡迎指正。

一、MUI 中有而framework7 中沒有的UI元件

1. number box 數字輸入框

數字輸入框

2. MUI九宮格

九宮格

3. 分頁

4. MUI擁有圖示元件，而framework7 只有自帶的幾個icon，如icon-back 返回，icon- forward前進，icon-camera，icon-bars導航按鈕，表單demo演示的圖示form-password/form-email/form-calendar/form-name，需要使用 svg。

2016年11月：v1.5.0版本的f7更新了豐富的圖示元件。

5. MUI擁有左側選項卡。

左側選項卡

6. MUI的底部選項卡擁有二級選單，這個功能在F7裡可以通過【底部工具欄】配合【Popover】實現。

底部選項卡擁有二級選單

7. MUI的input擁有專門的密碼框。

input

二、MUI與framework7 存在細微差異的元件

F7 複選框圖示為左對齊，MUI複選框圖示即可左對齊也可右對齊。

MUI複選框

F7單選框material風格和MUI預設風格基本一致，IOS風格和MUI的列表模式風格一致。
F7的二級導航欄和MUI頂部選項卡div模式風格一致，另外MUI還有MUI頂部選項卡可左右拖動模式，這種選項卡樣式在APP中也比較常見，F7中只能自己寫了。

MUI頂部選項卡可左右拖動模式

MUI的索引列表和F7的聯絡人列表類似，但是前者有搜尋功能，F7需要使用虛擬列表才有搜尋功能，並利用虛擬列表裡的模版實現相關樣式。

索引列表

F7的搜尋框更接近原生IOS的風格。

三、MUI擴充套件功能

廣告模版
整合 chart
chat聊天視窗

四：總結：
Framework7自有DOM庫集成了大量常用的DOM操作，語法和JQuery大同小異，並且集成了模版引擎Template7。

MUI封裝了部分事件，較F7擁有更豐富的UI元件,部分元件有H5版和原聲版，後者無法在瀏覽器訪問。

MUI 和 framework7區別之 UI元件的幾點差異

在做專案的時候，有時候會糾結是用framework7還是MUI，這裡簡單列出來二者在ui方面的一些區別，肯定不夠全面，供大家參考，有不足和錯誤歡迎指正。一、MUI 中有而framework7 中沒有

c++和java區別之彩38平臺出售

substr 高效率 ++ 簡單的語言區分 substring 構建字符串拼接從概念上講，java字符串就是Unicode字符序列。彩38平臺出售（企娥:217 1793 408） 1，提取子串 String類提取子串的方法是substring方法

Android外掛化原理和實踐 (六) 之四大元件解決方案

在前面的幾篇文章中已經介紹完了Android外掛化的第一和第二個根本問題，就是宿主和外掛的程式碼互相呼叫問題和外掛中資源的讀取問題。現剩下的就是Android外掛化裡最麻煩的第三個根本問題，也就是在外掛中使用四大元件的問題。我們知道，目前外掛中的四大元件要想正常使用就必須要在宿主中的Androi

自學Android之UI元件：（二）Fragment的基本使用（上）

本篇為UI元件的第二篇，主要探討關於Fragment的基本使用，包括簡單的原理以及建立、修改、刪除等操作。在本篇文章中，你將瞭解到： 1.什麼是Fragment。 2.Fragmen

magento2前端之UI元件

UI元件概述 Magento 2 UI元件用來代表不同的UI元素，如表、按鈕、對話方塊和其他。它們是專為簡單和靈活的使用者介面（UI）渲染。元件負責渲染結果頁片段，並提供/支援JavaScript元件和伺服器的進一步互動。 Magento 2 UI 元件實現了一個標

加薪攻略之UI元件庫實踐—storybook

[TOC] # 加薪攻略之UI元件庫實踐—storybook > 領導“拍了拍”你，是時候搭建你們團隊的 UI 元件文件庫了 ## 一、業務背景專案中抽離的元件較多的時候，沒有集中展示出來具體有些什麼，而是分佈在各個使用的業務場景中。對於新接觸專案的開發人員來說，由於不清楚業務場景，考慮複用元件時不是

IE與Firefox處理Attribute的幾點差異

提醒：本文最後更新於 3782 天前，文中所描述的資訊可能已發生改變，請謹慎使用。前端開發中，經常需要動態的新增、移除或者獲取元素的Attribute。也就是說經常會用到setAttribute、removeAttribute和getAttribute。今天要討論的是開發中遇到的幾處IE與Fire

mui開發app之plusready和init區別

除了function定義函式之外，全都寫在plusReady之中，function呼叫也放在其中，畢竟做app開發呼叫html5+api十分的頻繁，就像jq的$(document).ready()一樣的道理，尤其是出現plus物件的一定放在plusReady裡面！

BaiduMap---百度地圖官方Demo之UI控制功能（介紹開關手勢功能和顯示隱藏UI控制元件）

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layo

2000行之宏中#和##的區別

ret fun color bsp nbsp urn div def include #include<stdio.h> #define Fun(a,b) a##b int main() { x=‘H‘; y=‘W‘; printf("

2018/03/07 每日一學PHP 之常量defind 和 const區別

報錯問題條件語句 const 識別是否定義運行 fin 　　什麽是常量？　　　　如字面理解的，在腳本執行期間不可改變的的量。　　定義一個常量應該註意的事項？　　　　1：常量默認大小寫敏感，錯誤的大小寫不會被識別為常量。　　　　2：常量只能是標量數據，也可

堆和棧的主要區別由以下幾點：

C/C++1、管理方式不同；2、空間大小不同；3、能否產生碎片不同；4、生長方向不同；5、分配方式不同；6、分配效率不同；管理方式：對於棧來講，是由編譯器自動管理，無需我們手工控制；對於堆來說，釋放工作由程序員控制，容易產生memory leak（內存泄漏）。空間大小：一般來講在32位系統下，堆內存可以達到4

CSS的position之absolute、fixed和relative區別

abs 當前 splay body left position borde ati aud 首先，我們應了解position的默認值——static static 默認值，沒有定位，元素出現在正常的流中，即忽略 top, bottom, left, right 或者 z-

【小家java】Session和Cookie的區別和聯絡、分散式session的幾種實現方式

相關閱讀【小家java】java5新特性（簡述十大新特性）重要一躍【小家java】java6新特性（簡述十大新特性）雞肋升級【小家java】java7新特性（簡述八大新特性）不溫不火【小家java】java8新特性（簡述十大新特性）飽受讚譽【小家java】java9

React學習之旅----按需載入Antd UI元件及自定義主題

package.json "babel": { "presets": [ "react-app" ], "plugins": [ [ "import", { "libraryName": "a

Java之JSONObject存取值以及和HashMap區別, optString()和getString()區別和他的遍歷方式

結論: 1.JSONObject和HashMap用法上是一樣的,用put()方法存對於的Key-values鍵值對,取可用optString(key)和getString(key),get(key),存入的是什麼型別,取出來的時候就是什麼型別 2**.optString()在沒找到k

int和Integer的區別---之面試常考

int和Integer的區別 1、Integer是int的包裝類，int則是java的一種基本資料型別 2、Integer變數必須例項化後才能使用，而int變數不需要 3、Integer實際是物件的引用，當new一個Integer時，實際上是生成一個指標指向此物件；而int則是直接儲存資

JavaFX UI控制元件教程（二十八）之UI控制元件的自定義

翻譯自 Customization of UI Controls 本章介紹了UI控制元件自定義的各個方面，並總結了Oracle提供的一些提示和技巧，以幫助您修改UI控制元件的外觀和行為。您可以通過應用層疊樣式表（CSS），重新定義預設行為和使用單元工廠來學習如何從UI

Java基礎之int和Integer區別

1、int和Integer的區別 1、Integer是int的包裝類，int則是java的一種基本資料型別 2、Integer變數必須例項化後才能使用，而int變數不需要 3、Integer實際是物件的引用，當new一個Integer時，實際上是生成一個指標指向此物件；而

oracle和mysql的幾點重要區別總結

最近，實際專案的開發中，將mysql遷移到了oracle，發現mysql與oracle在sql語句的處理上存在很大的差別，今天就兩大資料庫的差別做一下簡要的總結：總括： 1.oracle是大型資料庫且價格昂貴；mysql是中小型資料庫且開源。 2.oracle支援高併發，高吞吐量，是O

MUI 和 framework7區別之 UI元件的幾點差異

相關推薦