Web前端新手一定要知道的幾個框架!

来源:https://www.cnblogs.com/TT485480/archive/2020/04/28/12794665.html
-Advertisement-
Play Games

近年來,Web技術的發展速度快得讓人窒息,特別是最近幾年一代又一代的變革一次又一次的創造。各大巨頭又紛紛把技術轉向HTML5和CSS3,各種企業級框架如雨後春筍般涌現。 那麼今天就給大家介紹幾個在web界比較優秀的前端框架。 1、Bootstrap Twitter出品的Bootstrap在業界是非常 ...


近年來,Web技術的發展速度快得讓人窒息,特別是最近幾年一代又一代的變革一次又一次的創造。各大巨頭又紛紛把技術轉向HTML5和CSS3,各種企業級框架如雨後春筍般涌現。

那麼今天就給大家介紹幾個在web界比較優秀的前端框架。

1、Bootstrap

Twitter出品的Bootstrap在業界是非常受歡迎的,以致於有很多前端框架都在其基礎上開發,如我們熟悉的WeX5就是在Bootstrap源碼基礎上優化而來的。我相信大多數接觸過前端開發的同學多少都瞭解過這個優秀的前端框架。Bootstrap是基於HTML、CSS和Javascript的,它簡潔靈活,可以使得Web開發更加敏捷。

它提供優雅的HTML和CSS規範,在jQuery的基礎上進行更加個性化和人性化的完善。相容大部分jQuery插件,並包含了豐富的Web組件,如下拉菜單、按鈕式下拉菜單、導航條、按鈕組、分頁、縮略圖、進度條和媒體對象等。自帶了13個jQuery插件,其中有模式對話框、標簽頁、滾動條和彈出框等。

2、Foundation框架

Foundation框架總體來看要比Bootstrap略顯高大上一點,但他們倆的設計理念都是非常清楚的,Bootstrap有引導的意思,它嘗試處理你項目中的一切所需。Foundation有基礎、地基及支柱的意思,給你項目中強有力的創造與支持。相對於Bootstrap豐富的組件及插件,Foundation僅提供了有限的幾種元素,其目標是,即使你使用預定義的UI元素,也不應該與大家的網站長得太像。

而Bootstrap則致力於提供所有定義好的元素,這樣使得看起來許多網站都差不多。Foundation預設不帶圖標集,它推薦使用開源字體圖標。與Bootstrap一樣,Foundation使用網格流式佈局將網頁劃分為12列,針對不同的設備顯示不同的列數,實現響應式佈局。但Foundation不支持舊版本瀏覽器。其他特性如有興趣可進一步瞭解。

3、Curl

Curl 是一個命令行工具,用於通過 HTTP(s)、FTP 和數十種其它協議進行請求。使用Curl可以進行文件下載、檢查響應標題和自由訪問遠程數據。

在 Web 開發中,Curl 經常和 RESTful API 一起使用,用於測試連接。

 

Curl 命令可能比上述代碼更複雜。有許多選項用於控制 headers、Cookie、身份驗證等。瞭解更多,請閱讀Everything curl。

4、Tree

Tree 是一個小型的命令行實用程式,它將目錄中的文件以可視化的方式進行顯示。它採用遞歸運行的方式,遍歷每個級別的嵌套並繪製所有內容的格式樹。這樣就能快速的瀏覽並查找需要的文件。

 

還可以使用簡單的 regEx 模式來過濾結果:

 

5、Tmux

根據維基的解釋,Tmux 是一個終端復用器。通俗的說,它是一個能將多個終端連接到單個終端會話的工具。

 

Tmux允許用戶在終端中的程式之間切換,添加屏幕窗格,並將多個終端連接到同一個會話,使其保持同步。在遠程伺服器上工作時,Tmux 特別有用,因為它允許用戶創建新的選項卡,而無需再次登錄。

6、du

du命令用於生成關於文件和目錄的空間使用情況的報告。du很容易使用,可以遞歸地運行,遍歷每個子目錄並返回每個文件的大小。

du 的常見用例是:當某個驅動器的空間不足,用戶不清楚每個存儲器的大小。使用此命令可以快速查看每個文件夾所占用的存儲空間,從而找到占用最大空間的存儲器。

7、AUI

AUI是最近流行起來的,作者聲稱是專為APIClound設計的一套框架,解決了許多移動端開發實際中遇到的許多問題,是一個純CSS框架。使用容器+佈局+模塊的構建方式,JS輔助,更自由更靈活更易於擴展使用。遵循Google Material設計規範,完美適配各個機型。面向HTML5,使用CSS3實現動畫交互,輕量級高性能。AUI是使用MIT License授權,你可以複製、出售。目前最新版本2.0。

8、Amaze UI

這是稱為妹子UI的開源框架,據稱是中國首個開源HTML5跨屏前端框架。妹子UI以移動優先為理念,從小屏逐漸到大屏,實現響應式網頁。Amaze UI包含20+個CSS組件、20+個JS組件,更有多個包含不同主題的Web組件。相比國外框架,妹子UI關註中文排版提供本地化支持。面向HTML5開發,使用CSS3來實現動畫交互,輕量級高性能。

9、Frozen UI

Frozen UI是一款開源,簡單易用,輕量敏捷的移動端框架。基於手Q樣式規範,目前全面應用於企鵝手Q增值業務中。基礎樣式效果簡單色調清爽,社區活躍,組件自然不少。包括按鈕、列表、表單、通知、提示條、彈出框、選項卡等等常用組件。還包括一個FrozenJs的JS組件庫。可以在主流的Android和IOS上應用。基本樣式使用離線包的方式減少請求提供快速接入方案。當然,根據網友反映,也存在大大小小的bug。不過總體來說,還是值得一用的。奇怪的是,Github上顯示的最後更新時間是一年前,難道已經沒人維護了嗎?

 

我目前是在職前端開發,如果你現在也想學習前端開發技術, 在入門學習前端的過程當中有遇見任何關於學習方法,學習路線,學習效率等方面的問題, 你都可以申請加入我的前端學習交流裙:前面:603 中間:985 最後:993。裡面聚集了一些正在自學前端的初學者 裙文件裡面也有我做前端技術這段時間整理的一些前端學習手冊,前端面試題, 前端開發工具,PDF文檔書籍教程,需要的話都可以自行來獲取下載。

還有一個相似的命令 df(Disk Free),使用df會返回有關可用磁碟空間的各種信息。

 

 


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

-Advertisement-
Play Games
更多相關文章
  • 巨集定義在C類語言中非常重要,因為巨集是一種預編譯時的功能,因此其可以比運行時更高層面的對程式流程進行控制。在初學巨集定義的時候,大家可能都會有這樣一種感覺:就是完全替換麽,太簡單了。但如果你真這麼想,那你就太天真了,不說自己編寫巨集,在Foundation框架中內置定義的許多巨集要看明白也要費一番腦筋。本篇 ...
  • 一、一元運算符 1.正號 (1)正號不會對數字產生任何影響 (2)對於非Number類型的值,會先將其轉換為Number,然後再進行運算 註意:如果加號放在後面,就會報錯。 2.負號 (1)負號就是對數字進行取反; var bool = true; console.log(+bool); var s ...
  • JavaScript實現許願牆效果: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0 ...
  • 一、什麼是new? 眾所周知,在JS中,new的作用是通過構造函數來創建一個實例對象。 像下麵這樣:(和普通函數不一樣,當函數用作 構造函數 時,首字母一般要大寫,以作區分。) 二、new經歷了什麼過程? Foo明明只是一個函數,可是為什麼new Foo()執行後會突然返回一個對象呢? 我們從結果出 ...
  • 繼續上篇 https://www.cnblogs.com/chenyingying0/p/12790111.html 修改webpack.config.js // 打包前端資源 const path = require('path') const VueLoaderPlugin = require( ...
  • 進入一家新的公司,要開發移動端app項目,前端技術選型時前端組長選的是vue的多頁面開發,當時很蒙,vue不是單頁面開發嗎?咋出來多頁面的。接觸之後才發現確實存在也挺簡單的,省去了路由表的配置。那就給大家整體思路分析一波吧。不足之處還請包涵! 單頁面開發我就不多說了,主要講多頁面的開發模式與最終效果 ...
  • 近兩年來小程式逐漸成為互聯網的一個行業風口,一直備受業界關註,各大廠也接踵推出了自己的小程式。近日京東也推出了小程式: " 京東小程式 " 。Taro 作為一款專註於多端統一開發的框架,第一時間對京東小程式進行了適配。接下來就跟著小編一起瞭解一下如何使用 Taro 快速開發京東小程式吧。 背景 京東 ...
  • Vue.js SPA與router是密不可分的 1. 創建vue06,安裝router和vuex 2. 3. router: 在MVVM的模型之上,外加一個router, 實現不同組件的切換,每個組件都是單獨一個MVVM模型 4. 以上這一套是SPA 單頁面應用程式 5. 敲代碼熟悉Vue 6. ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 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 ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...