歡迎瀏覽數(shù)字世界網(wǎng)-專注于虛擬現(xiàn)實技術(shù)解決方案!
新聞資訊 | 公司介紹 | 聯(lián)系我們
網(wǎng)站首頁 >> 技術(shù)專區(qū) >> 新聞資訊 >> 查看詳情
時間:2023-05-12 15:38:51
人氣:351
來源:
欄目:新聞資訊
標(biāo)簽:
在前面的課程中,隨著對Android體系的判攜拆了解,已經(jīng)可以進行正常的Android應(yīng)用開發(fā)了。在Android開發(fā)中,同其他工程開發(fā)一樣,也經(jīng)常使用一些提高效率的框架,本文我們做一個對比。這些框架,既包括:網(wǎng)絡(luò)請求框架、也包括圖片加載庫框架、還包括數(shù)據(jù)庫操作等一些框架,總之,了解和熟悉這些框架,會對自己的開發(fā)效率有很大的提升和幫助。
給大家介紹幾個在Web前端界比較***的前端框架。
1、Bootstrap
Twitter出品的Bootstrap在業(yè)界是非常受歡迎的,以致于有很多前端框架都在其基礎(chǔ)上開發(fā),如我們熟悉的WeX5就是在Bootstrap源碼基礎(chǔ)上優(yōu)化而來的。我相信大多數(shù)接觸過前端開發(fā)的同學(xué)多少都了解過這個***的前端框架。Bootstrap是基于HTML、CSS和Javascript的,它簡潔靈活,可以使得Web開發(fā)更加敏捷。
它世扒運提供優(yōu)雅的HTML和CSS規(guī)范,在jQuery的基礎(chǔ)上進行更加個性化和人性化的完善。兼容大部分jQuery插件,并包含了豐富的Web組件,如下拉菜單、按鈕式下拉菜單、導(dǎo)航條、按鈕組、分頁、縮略圖、進度條和媒體對象等。自帶了13個jQuery插件,其中有模式對話框、標(biāo)簽頁、滾動條和彈出框等。
2、Foundation框架
Foundation框架總體來看要比Bootstrap略顯高大上一點,但他們倆的設(shè)計理念都是非常清楚的,Bootstrap有引導(dǎo)的意思,它嘗試處理你項目中的一切所需。Foundation有基礎(chǔ)、地基及支柱的意思,給你項目中強有力的創(chuàng)造與支持。相對于Bootstrap豐富的組件及插件,F(xiàn)oundation僅提供了有限的幾種元素,其目標(biāo)是,即使你使用預(yù)定義的UI元素,也不應(yīng)該與大家的網(wǎng)站長得太像。搜梁
而Bootstrap則致力于提供所有定義好的元素,這樣使得看起來許多網(wǎng)站都差不多。Foundation默認(rèn)不帶圖標(biāo)集,它推薦使用開源字體圖標(biāo)。與Bootstrap一樣,F(xiàn)oundation使用網(wǎng)格流式布局將網(wǎng)頁劃分為12列,針對不同的設(shè)備顯示不同的列數(shù),實現(xiàn)響應(yīng)式布局。但Foundation不支持舊版本瀏覽器。其他特性如有興趣可進一步了解。
3、Curl
Curl 是一個命令行工具,用于通過 HTTP(s)、FTP 和數(shù)十種其它協(xié)議進行請求。使用Curl可以進行文件下載、檢查響應(yīng)標(biāo)題和自由訪問遠程數(shù)據(jù)。
在 Web 開發(fā)中,Curl 經(jīng)常和 RESTful API 一起使用,用于測試連接。
# Fetch the headers of a URL.curl -I 302 FoundCache-Control: privateContent-Type: text/html; charset=UTF-8Referrer-Policy: no-referrerLocation: ;ei=0fCKWe6HCZTd8AfCoIWYBQContent-Length: 258Date: Wed, 09 Aug 2017 11:24:01 GMT# Make a GET request to a remote API.curl is the number of days it takes Saturn to orbit the Sun.
Curl 命令可能比上述代碼更復(fù)雜。有許多選項用于控制 headers、Cookie、身份驗證等。了解更多,請閱讀Everything curl。
4、Tree
Tree 是一個小型的命令行實此殲用程序,它將目錄中的文件以可視化的方式進行顯示。它采用遞歸運行的方式,遍歷每個級別的嵌套并繪制所有內(nèi)容的格式樹。這樣就能快速的瀏覽并查找需要的文件。
tree.├── css│ ├── bootstrap.css│ ├── bootstrap.min.css├── fonts│ ├── glyphicons-halflings-regular.eot│ ├── glyphicons-halflings-regular.svg│ ├── glyphicons-halflings-regular.ttf│ ├── glyphicons-halflings-regular.woff│ └── glyphicons-halflings-regular.woff2└── js ├── bootstrap.js └── bootstrap.min.js
還可以使用簡單的 regEx 模式來過濾結(jié)果:
tree -P '*.min.*'.├── css│ ├── bootstrap.min.css├── fonts└── js └── bootstrap.min.js
5、Tmux
根據(jù)維基的解釋,Tmux 是一個終端復(fù)用器。通俗的說,它是一個能將多個終端連接到單個終端會話的工具。
Tmux允許用戶在終端中的程序之間切換,添加屏幕窗格,并將多個終端連接到同一個會話,使其保持同步。在遠程服務(wù)器上工作時,Tmux 特別有用,因為它允許用戶創(chuàng)建新的選項卡,而無需再次登錄。
6、du
du命令用于生成關(guān)于文件和目錄的空間使用情況的報告。du很容易使用,可以遞歸地運行,遍歷每個子目錄并返回每個文件的大小。
du 的常見用例是:當(dāng)某個驅(qū)動器的空間不足,用戶不清楚每個存儲器的大小。使用此命令可以快速查看每個文件夾所占用的存儲空間,從而找到占用比較大空間的存儲器。
7、AUI
AUI是比較近流行起來的,作者聲稱是專為APIClound設(shè)計的一套框架,解決了許多移動端開發(fā)實際中遇到的許多問題,是一個純CSS框架。使用容器+布局+模塊的構(gòu)建方式,JS輔助,更自由更靈活更易于擴展使用。遵循Google Material設(shè)計規(guī)范,完美適配各個機型。面向HTML5,使用CSS3實現(xiàn)動畫交互,輕量級高性能。AUI是使用MIT License授權(quán),你可以復(fù)制、出售。目前比較新版本2.0。
8、Amaze UI
這是稱為妹子UI的開源框架,據(jù)稱是中國***開源HTML5跨屏前端框架。妹子UI以移動優(yōu)先為理念,從小屏逐漸到大屏,實現(xiàn)響應(yīng)式網(wǎng)頁。Amaze UI包含20+個CSS組件、20+個JS組件,更有多個包含不同主題的Web組件。相比國外框架,妹子UI關(guān)注中文排版提供本地化支持。面向HTML5開發(fā),使用CSS3來實現(xiàn)動畫交互,輕量級高性能。
9、Frozen UI
Frozen UI是一款開源,簡單易用,輕量敏捷的移動端框架。基于手Q樣式規(guī)范,目前全面應(yīng)用于企鵝手Q增值業(yè)務(wù)中?;A(chǔ)樣式效果簡單色調(diào)清爽,社區(qū)活躍,組件自然不少。包括按鈕、列表、表單、通知、提示條、彈出框、選項卡等等常用組件。還包括一個FrozenJs的JS組件庫??梢栽谥髁鞯腁ndroid和IOS上應(yīng)用?;緲邮绞褂秒x線包的方式減少請求提供快速接入方案。當(dāng)然,根據(jù)網(wǎng)友反映,也存在大大小小的bug。不過總體來說,還是值得一用的。奇怪的是,Github上顯示的比較后更新時間是一年前,難道已經(jīng)沒人維護了嗎?
# Running this will show the space usage of each folder in the current directory.# The -h option makes the report easier to read.# -s prevents recursiveness and shows the total size of a folder.# The star wildcard (*) will run du on each file/folder in current directory.du -sh *1.2G Desktop4.0K Documents40G Downloads4.0K Music4.9M Pictures844K Public4.0K Templates6.9M Videos
還有一個相似的命令 df(Disk Free),使用df會返回有關(guān)可用磁盤空間的各種信息。
以上介紹了現(xiàn)在熱門的幾個Web前端框架,以及它們的主要功能,希望對大家學(xué)習(xí)Web前端有所幫助。