正文

移動(dòng)端前端框架（移動(dòng)端前端框架哪個(gè)號(hào)）

發(fā)布時(shí)間：2023-04-10 18:41:22 稿源：創(chuàng)意嶺閱讀： 107

大家好！今天讓創(chuàng)意嶺的小編來(lái)大家介紹下關(guān)于移動(dòng)端前端框架的問(wèn)題，以下是小編對(duì)此問(wèn)題的歸納整理，讓我們一起來(lái)看看吧。

開(kāi)始之前先推薦一個(gè)非常厲害的Ai人工智能工具，一鍵生成原創(chuàng)文章、方案、文案、工作計(jì)劃、工作報(bào)告、論文、代碼、作文、做題和對(duì)話答疑等等

只需要輸入關(guān)鍵詞，就能返回你想要的內(nèi)容，越精準(zhǔn)，寫出的就越詳細(xì)，有微信小程序端、在線網(wǎng)頁(yè)版、PC客戶端

官網(wǎng)：https://ai.de1919.com。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶遍布全球各地，如需了解SEO相關(guān)業(yè)務(wù)請(qǐng)撥打電話175-8598-2043，或添加微信：1454722008

本文目錄:

1、前端開(kāi)發(fā)框架是什么？
2、移動(dòng)webapp前端ui用哪個(gè)框架好
3、目前主流的移動(dòng)WEB開(kāi)發(fā)框架有哪些
4、Vue項(xiàng)目 UI框架介紹（第六天上）

移動(dòng)端前端框架（移動(dòng)端前端框架哪個(gè)號(hào)）

一、前端開(kāi)發(fā)框架是什么？

常見(jiàn)的web前端開(kāi)發(fā)框架如下：

1、Bootstrap：

主流框架之一，Bootstrap 是基于 HTML、CSS、JavaScript的，它簡(jiǎn)潔靈活，使得 Web 開(kāi)發(fā)更加快捷。

2、html5-boilerplate：

該框架可以快速構(gòu)建健壯，且適應(yīng)力強(qiáng)的web app或網(wǎng)站。

3、Meteor：

Meteor是新一代的開(kāi)發(fā)即時(shí)web應(yīng)用的開(kāi)源框架，它能在較短時(shí)間內(nèi)完成開(kāi)發(fā)。

4、Materialize：

基于材料設(shè)計(jì)的現(xiàn)代化響應(yīng)式前端框架?？商峁┠J(rèn)的樣式，自定義組件。此外，Materialize還改進(jìn)動(dòng)畫和過(guò)渡，為開(kāi)發(fā)人員提供流暢的體驗(yàn)。

5、Amaze UI：

首個(gè)開(kāi)源HTML5跨屏前端框架產(chǎn)品系列，中文排版前端的學(xué)習(xí)都是需要不斷的學(xué)習(xí)，學(xué)一天停一停相當(dāng)于白學(xué)，學(xué)習(xí)效果很差，如果你想有人一起學(xué)習(xí)可以來(lái)這個(gè)扣裙，首先是132 中間是667最后是127 都是零基礎(chǔ)的同學(xué)，大家相互鼓勵(lì) 共同努力只是學(xué)著玩就不建議來(lái)了!!!支持更優(yōu)、本土化組件豐富。該產(chǎn)品系列中有專門針對(duì)移動(dòng)端的HTML5混合應(yīng)用開(kāi)發(fā)框架Amaze UI Touch以及針對(duì)跨屏HTML5網(wǎng)頁(yè)開(kāi)發(fā)的Amaze UI Web。

移動(dòng)端前端框架（移動(dòng)端前端框架哪個(gè)號(hào)）

擴(kuò)展資料：

web框架程序的作用：

Web框架使得在進(jìn)行Web應(yīng)用開(kāi)發(fā)的時(shí)候，減少了工作量。Web框架主要用于動(dòng)態(tài)網(wǎng)絡(luò)開(kāi)發(fā)，動(dòng)態(tài)網(wǎng)絡(luò)主要是指現(xiàn)在的主要的頁(yè)面，可以實(shí)現(xiàn)數(shù)據(jù)的交互和業(yè)務(wù)功能的完善。

使用Web框架進(jìn)行Web開(kāi)發(fā)的時(shí)候，在進(jìn)行數(shù)據(jù)緩存、數(shù)據(jù)庫(kù)訪問(wèn)、數(shù)據(jù)安全校驗(yàn)等方面，不需要自己再重新實(shí)現(xiàn)，而是將業(yè)務(wù)邏輯相關(guān)的代碼寫入框架就可以。也就是說(shuō)，通過(guò)對(duì)Web框架進(jìn)行主觀上的“縫縫補(bǔ)補(bǔ)”，就可以實(shí)現(xiàn)自己進(jìn)行Web開(kāi)發(fā)的需求了。

以PHP為例，PHP可以在apache服務(wù)器上進(jìn)行Web開(kāi)發(fā)，而不必使用框架。使用PHP進(jìn)行開(kāi)的時(shí)候，在不適用框架的情況下，數(shù)據(jù)庫(kù)連接就需要自己來(lái)實(shí)現(xiàn)，頁(yè)面的生成和顯示也是一樣。比如框架的話可以完成避免sql注入的工作，而使用PHP在不用框架的情況下，這部分要自己做。

二、移動(dòng)webapp前端ui用哪個(gè)框架好

WeUI

WeUI是一套同微信原生視覺(jué)體驗(yàn)一致的基礎(chǔ)樣式庫(kù)，由微信官方設(shè)計(jì)團(tuán)隊(duì)為微信 Web 開(kāi)發(fā)量身設(shè)計(jì)，可以令用戶的使用感知更加統(tǒng)一。包含button、cell、dialog、 progress, toast、article、icon等各式元素。

Frozen UI

Frozen UI是騰訊社交用戶體驗(yàn)設(shè)計(jì) －增值UI開(kāi)發(fā)團(tuán)隊(duì)一個(gè)開(kāi)源的簡(jiǎn)單易用，輕量快捷的移動(dòng)端UI框架?；谑諵樣式規(guī)范，選取最常用的組件，

做成手Q公用離線包減少請(qǐng)求，升級(jí)方式友好，文檔完善，目前全面應(yīng)用在騰訊手Q增值業(yè)務(wù)中。

FrozenUI提供的CSS組件是目前QQ會(huì)員前端開(kāi)發(fā)組所用的通用樣式庫(kù)。遵循手Q樣式規(guī)范，基本樣式使用離線包的方式減少請(qǐng)求，并提供快速接入的方案。

FrozenUI提供的一系列JavaScript插件，更優(yōu)雅地在移動(dòng)端上呈現(xiàn)更靈動(dòng)的動(dòng)畫效果。

FrozenJS 是針對(duì)移動(dòng)端開(kāi)發(fā)的 js 組件庫(kù)，其依賴 zepto.js 和 FronzenUI。

FrozenJS 的所有組件均以 zepto 的插件的形式存在。

阿里開(kāi)源的SUI Mobile

SUI Mobile

SUI Mobile 是一套基于 Framework7 開(kāi)發(fā)的UI庫(kù)。并參考 Ratchet、Fastclick 開(kāi)源庫(kù)。它非常輕量、精美，只需要引入我們的CDN文件就可以使用，并且能兼容到 iOS 6.0+ 和 Android 4.0+，非常適合開(kāi)發(fā)跨平臺(tái)Web App。

輕量的UI庫(kù) SUI Mobile 非常輕量，核心庫(kù)壓縮Gzip后的JS、CSS網(wǎng)絡(luò)傳輸體積總共只有52K，卻提供了20+個(gè)常用的組件。

對(duì)于只有HTML&CSS的組件，你只需要復(fù)制HTML代碼既可以使用。他的大部分JS組件都是獨(dú)立的 Zepto 插件，并且提供了Zepto/jQuery 風(fēng)格的API，你將會(huì)非常熟悉這種方式。

開(kāi)發(fā)團(tuán)隊(duì)：阿里巴巴共享業(yè)務(wù)事業(yè)部UED團(tuán)隊(duì)

百度系

GMU

GMU是基于zepto的mobile UI組件庫(kù)，提供webapp、pad端簡(jiǎn)單易用的UI組件!

Jingle

Jingle是一個(gè)SPA(Single Page Application)開(kāi)發(fā)框架，用來(lái)開(kāi)發(fā)移動(dòng)端的html5應(yīng)用，在體驗(yàn)上盡量去靠近native應(yīng)用，希望有一天html5能夠做到與native一樣的操作體驗(yàn)。

豐富的UI組件提供了按鈕、列表、表單、彈出框、輪換、上拉/下拉、日歷等各種移動(dòng)端常用的組件，簡(jiǎn)單適用，

前后端分離支持前端模板渲染，模板按需自動(dòng)加載，完善的事件機(jī)制。

輕量級(jí)基于Zepto開(kāi)發(fā)，依賴了iscrol

purecss

purecss采用其Grid的部分即可，需要定制的部分，建議自行配置，或者是直接采用grid.css，grid960.css這樣的柵格來(lái)處理。Purecss小的沒(méi)有節(jié)操，全部模塊gzip壓縮后才 4.4KB* 。考慮到移動(dòng)端，保持文件盡量小對(duì)我們來(lái)說(shuō)非常重要，每一行CSS都經(jīng)過(guò)深思。如果你只用部分模塊，簡(jiǎn)直小的忽略。

Pure基石,Pure基于Normalize.css添加了HTML元素的布局和樣式，以及常用的UI組件。全是精華，木有糟粕。

移動(dòng)端是初衷,Pure是響應(yīng)式的盒子模型，適應(yīng)所有尺寸的屏幕。通過(guò)皮膚生成器可以自定義樣式。

寫出你自己的樣式,Pure提供最基礎(chǔ)的樣式，鼓勵(lì)你基于此寫出自己的樣式。它被設(shè)計(jì)為容易覆寫，且不影響你自己的樣式。

ionic

基于angular2，豐富的UI組件，大大改進(jìn)的編程模型，非常適合快速開(kāi)發(fā)。

jquery mobile

jQuery Mobile 是創(chuàng)建移動(dòng) web 應(yīng)用程序的框架。

jQuery Mobile 適用于所有流行的智能手機(jī)和平板電腦。

jQuery Mobile 使用 HTML5 和 CSS3 通過(guò)盡可能少的腳本對(duì)頁(yè)面進(jìn)行布局。

Bootstrap

Bootstrap 是最受歡迎的 HTML、CSS 和 JS 框架，用于開(kāi)發(fā)響應(yīng)式布局、移動(dòng)設(shè)備優(yōu)先的 WEB 項(xiàng)目。

wex5

國(guó)產(chǎn)的ui，支持打包。

前端UI：完全恪守html5+css3+js，干凈純潔設(shè)備api：采用業(yè)界主流Phonegap/Cordova

向?qū)А⒛０澹汉?jiǎn)單定義，即可輕松制作向?qū)Ш湍０?/p>

主題、樣式：海量bootstrap資源引入和定制

UI組件：純H5+CSS3，輕松引入第三方UI組件

插件：輕松對(duì)接即時(shí)通訊、推送、支付等各類插件

后端：輕松調(diào)用后端組件和api，并實(shí)現(xiàn)可視化

三、目前主流的移動(dòng)WEB開(kāi)發(fā)框架有哪些

目前主流的移動(dòng)WEB開(kāi)發(fā)框架有哪些？Web框架也可以理解為B/S(Brouser/Server)框架，是一種基于瀏覽器載體的框架，包含前端、后端和數(shù)據(jù)庫(kù)三個(gè)大的方向，各個(gè)方向的工具技術(shù)都不一樣。現(xiàn)在主流的工具技術(shù)包含.NET、SqlServer、Bootstrap等，開(kāi)發(fā)工具也會(huì)不一樣。

web開(kāi)發(fā)框架

Web前端開(kāi)發(fā)技術(shù)框架包括三個(gè)要素：HTML、CSS和JavaScript，當(dāng)然還有很多高級(jí)的前端框架，比如bootstrap、Jquery等。

Web后端技術(shù)框架也有很多，比如.Net、JAVA、PHP等，各大語(yǔ)言都有其開(kāi)發(fā)架構(gòu)和工具，像.NET的MVC架構(gòu)和Visual Studio工具，JAVA的J2EE架構(gòu)和Eclipse工具。

數(shù)據(jù)庫(kù)現(xiàn)在有三種主流的關(guān)系型數(shù)據(jù)庫(kù)：MysqlSQLserverOracle，還有Nosql非關(guān)系型數(shù)據(jù)庫(kù)：Redis、Mogodb等。開(kāi)發(fā)工具有SQL Server Management Studio、Navicat等。

四、Vue項(xiàng)目 UI框架介紹（第六天上）

1.什么是elementUI?

ElementUI是餓了么前端團(tuán)隊(duì)推出的一款基于Vue的桌面端UI框架

大白話: 和Bootstrap一樣對(duì)原生的HTML標(biāo)簽進(jìn)行了封裝, 進(jìn)行了美化, 讓我們能夠?qū)Ｗ⒂跇I(yè)務(wù)邏輯而不是UI界面

2.elementUI使用

https://element.eleme.cn/#/zh-CN/component/installation

3.elementUI優(yōu)化

默認(rèn)情況下無(wú)論我們有沒(méi)有使用到某個(gè)組件, 在打包的時(shí)候都會(huì)將elementUI中所有的組件打包到我們的項(xiàng)目中

這樣就導(dǎo)致了我們的項(xiàng)目體積比較大, 用戶訪問(wèn)比較慢

4.如何優(yōu)化

為了解決這個(gè)問(wèn)題, elementUI推出了按需導(dǎo)入, 按需打包. 也就是只會(huì)將我們用到的組件打包了我們的項(xiàng)目中

沒(méi)有用到的組件不會(huì)被打包