當前位置:首頁 » 網頁前端 » 騰訊前端視頻框架
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

騰訊前端視頻框架

發布時間: 2022-09-25 23:10:25

前端ui框架有哪些

以下是幾個精緻的Web UI框架:
1、Aliceui
Aliceui是支付寶的樣式解決方案,是一套精選的基於 spm 生態圈的樣式模塊集合,是 Arale 的子集,也是一套模塊化的樣式命名和組織規范,是寫 CSS 的更好方式。
gitHub地址:https://github.com/aliceui/aliceui.github.io
2、Amazeui
Amaze UI 是一個輕量級、 Mobile first 的前端框架, 基於開源社區流行前端框架編寫的。
地址:http://amazeui.org/
3、sui
SUI是一套基於bootstrap開發的前端組件庫,同時她也是一套設計規范。 通過SUI,可以非常方便的設計和實現精美的頁面。
地址:http://sui.taobao.org/
同時sui還有移動端版本msui,msui是阿里巴巴共享業務事業部UED團隊的作品。目的是為了手機H5頁面提供一個常用的組件庫,減少重復工作。
地址:http://m.sui.taobao.org/
4、FrozeUI
Frozen UI是一個開源的簡單易用,輕量快捷的移動端UI框架。基於手Q樣式規范,選取最常用的組件,做成手Q公用離線包減少請求,升級方式友好,文檔完善,目前全面應用在騰訊手Q增值業務中。
地址:http://frozenui.github.io/
5、uiKit
uiKit是一款輕量級、模塊化的前端框架,可快速構建強大的web前端界面。
地址:http://www.getuikit.net/
6、H-ui
H-ui是輕量級前端框架,簡單免費,兼容性好,適用於中國網站。
地址:http://www.h-ui.net/
7、Weui
weUI 是一套同微信原生視覺體驗一致的基礎樣式庫,由微信官方設計團隊為微信 Web 開發量身設計,可以令用戶的使用感知更加統一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。
地址:https://github.com/weui/weui
8、layui
Layui 誕生於2016年金秋,是一款帶著濃烈情懷的國產前端UI框架,她追求極簡,又不失豐盈的內在,說她是史上最輕量的結晶,似乎並不為過。一切都源自於她對原生態的執著,對前端社區的那些噪雜聲音的過濾,以及她本身的精心雕琢。
地址:http://www.layui.com/
9、YDUI Touch
YDUI Touch 專為移動端打造,在技術實現、交互設計上兼容主流移動設備,保證代碼輕、性能高;使用 Flex 技術,靈活自如地對齊、收縮、擴展元素,輕松搞定移動頁面布局;實現強大的屏幕適配布局,等比例適配所有屏幕。什麼?用得不開心?輕松切換 px;自定義Javascript組件、Less文件、Less變數,定製一份屬於自己的YDUI;
地址:http://www.yi.org/
10、後台UI開發框架 MuseUI
一款基於bootstrap風格,兼容於主流瀏覽器(包括IE6)的後端UI開發組件。
網站:http://git.oschina.net/muse/museui

㈡ 短視頻APP開發框架及功能

剛整理了一份短視頻app開發框架及功能表,你看一下能用上不:

㈢ 前端框架都有哪些,最主流的是哪個

推薦幾個精緻的web UI框架及常用前端UI框架!

1.Aliceui

Aliceui是支付寶的樣式解決方案,是一套精選的基於 spm 生態圈的樣式模塊集合,是 Arale 的子集,也是一套模塊化的樣式命名和組織規范,是寫 CSS 的更好方式。

2.Amazeui

Amaze UI 是一個輕量級、 Mobile first 的前端框架, 基於開源社區流行前端框架編寫的。

3.sui

SUI是一套基於bootstrap開發的前端組件庫,同時她也是一套設計規范。

通過SUI,可以非常方便的設計和實現精美的頁面。

同時sui還有移動端版本msui,msui是阿里巴巴共享業務事業部UED團隊的作品。目的是為了手機H5頁面提供一個常用的組件庫,減少重復工作。

9.YDUI Touch

YDUI Touch 專為移動端打造,在技術實現、交互設計上兼容主流移動設備,保證代碼輕、性能高;使用 Flex 技術,靈活自如地對齊、收縮、擴展元素,輕松搞定移動頁面布局;實現強大的屏幕適配布局,等比例適配所有屏幕。什麼?用得不開心?輕松切換 px;自定義Javascript組件、Less文件、Less變數,定製一份屬於自己的YDUI;

10、後台UI開發框架 MuseUI

一款基於bootstrap風格,兼容於主流瀏覽器(包括IE6)的後端UI開發組件。

㈣ QQ前端框架是什麼

是Frozen UI
_rozen UI是一個開源的簡單易用,輕量快捷的移動端UI框架。基於手Q樣式規范,選取最常用的組件,做成手Q公用離線包減少請求,升級方式友好,文檔完善,目前全面應用在騰訊手Q增值業務中。
_鞘_用戶不能使用離線包而直接請求核心css也僅28k,另外也可以採用cdn和combo的方式按需載入。
?
_SS組件包括按鈕,列表,表單,通知,提示條,彈出框,選項卡,等級圖標,角標,紅點,1px解決方案等。
?
_SS使用模塊化的樣式命名和組織規范,使用sass編寫css代碼。
?
_rozenJS 是針對移動端開發的 js 組件庫,其依賴 zepto.js 和 FrozenUI,支持seajs模塊化和非模塊化兩種方式。
?
_rozenJS 包括: basic:FrozenJS 的一些基礎功能,包括模板引擎、tap 支持等。 ui:主要是一些觸屏常用的 UI 組件,包括 dialog 等。 effect:非常用的特效庫,特殊場景使用到是可以單獨調用。

㈤ 現在前端都這么多框架,怎麼學習啊

選一個主流的學精,然後舉一反三了解一些其他的,因為原理都是類似的.
到了觸類旁通的程度,不管遇到什麼框架,只有有官網有文檔,都沒有太大問題了

㈥ 騰訊isux 用的什麼前端框架

ISUX是做互聯網業務系統的設計,WSD是做無線業務系統的各種手機端產品設計。至於CDC,我也不清楚他們做什麼的,從內部架構來看他們屬於平台研發系統,和著名的廣研,騰訊研究院並行的一個部門;
CDC全稱是Customer Research & User Experience Design Center(即用戶研究與體驗設計中心)作為騰訊的核心部門之一。CDC自成立以來,就一直向著「做世界一流的互聯網設計團隊,為用戶創造優質『在線生活』體驗」這一願景努力,致力於不斷提升騰訊全線產品的用戶體驗。

騰訊互聯網用戶體驗設計部,Internet Service User Experience,簡稱ISUX。負責騰訊QQ空間、QQ會員、QQ秀、QQmusic、騰訊視頻、拍拍、QQ商城等產品體驗設計業務,業界知名設計團隊。

騰訊WSD是騰訊無線業務系統一個致力於提升移動設備上用戶體驗的專業設計團隊。工作領域覆蓋移動設備上的網站、軟體、游戲等產品的用戶研究、交互設計、視覺設計和網頁重構

㈦ 2015年有哪些比較優秀的前端框架

作者:匿名用戶
鏈接:http://www.hu.com/question/39377015/answer/81017680
來源:知乎
著作權歸作者所有,轉載請聯系作者獲得授權。

此榜單根據github上star數作為排名依據,一個人力量有限,如果收集有遺漏歡迎補充。
1、名稱:Bootstrap
類別/語言:HTML、CSS、JavaScript
創建者: Twitter
人氣:在Github上有91007 stars
描述:主流框架中毋庸置疑的老大,Bootstrap 是基於 HTML、CSS、JavaScript 的,它簡潔靈活,使得 Web 開發更加快捷。
核心概念/原則: RWD 和移動優先制。
瀏覽器支持: Firefox, Chrome, Safari, IE8+ (你需要 Respond.js for IE8)
響應式: Yes
模塊化: Yes
官網地址:Bootstrap · The world's most popular mobile-first and responsive front-end framework.
Github地址:twbs/bootstrap · GitHub
2、名稱:html5-boilerplate
類別/語言:HTML、CSS、JavaScript
創建者:Paul Irish
人氣:在Github上有32,349 stars
描述:HTML5 Boilerplate 幫你構建 快速, 健壯, 並且 適應力強 的web app或網站。
核心概念/原則:響應式
瀏覽器支持:Firefox, Chrome, Safari, IE8+,Edge,Opera
預處理器:None
響應式:Yes
模塊化:Yes
官網地址:HTML5 Boilerplate: T
Github地址:h5bp/html5-boilerplate · GitHub
3、名稱:Meteor
類別/語言:HTML、CSS、JavaScript
創建者:immir
人氣:在Github上有31,092 stars
描述:Meteor是新一代的開發即時web應用的開源框架,它能幫助你在最少的時間內完成開發。
核心概念/原則:響應式
預處理器: Less
響應式: Yes
模塊化: Yes
官網地址:Meteor
Github地址:meteor/meteor · GitHub
4、名稱:Semantic UI
類別/語言:HTML、CSS、JavaScript
創建者: Jack Lukic
人氣: 在Github上有22,325 stars
描述: 「基於自然語言有效原則的UI組件框架」
核心概念/原則: 語義,標簽的矛盾性、響應式
瀏覽器支持:Firefox, Chrome, Safari, IE10+ (IE9 with browser prefix only), Android 4, Blackberry 10。
預處理器: Less
響應式: Yes
模塊化: Yes
官網地址:Semantic UI
Github地址:Semantic-Org/Semantic-UI · GitHub
5、名稱:Foundation
類別/語言:HTML、CSS、JavaScript
創建者: ZURB
人氣: 在Github上有22,206+ stars
描述: 「世界上最優秀的響應式前端框架」
核心概念/原則: RWD 、手機優先、語義的
瀏覽器支持: Chrome, Firefox, Safari, IE9+; iOS, Android, Windows Phone 7+
預處理器: Sass
響應式: Yes
模塊化: Yes
官網地址:Foundation | The most advanced responsive front-end framework in the world.
Github地址:zurb/foundation-sites · GitHub

6、名稱:Materialize
類別/語言:CSS
創建者:Google
人氣:在Github上有15,288stars
描述:Materialize是一個個基於材料設計的一個現代化的響應式前端框架。他們做了最繁重的工作,為您提供默認的樣式,結合了您的自定義組件。此外,他們還改進動畫和過渡,為開發人員提供流暢的體驗。
核心概念/原則:響應式
預處理器:Sass
響應式:Yes
模塊化:Yes
官網地址:Documentation
Github地址:Dogfalo/materialize · GitHub
瀏覽器支持:Chrome 35+, Firefox 31+, Safari 7+, IE 10+
7、名稱:Pure
類別/語言:CSS
創建者: Yahoo
人氣: 在Github上有13,161 stars
描述: 「您可以在每一個web項目中使用的一組小的和響應式的CSS模塊」
核心概念/原則:SMACSS,極簡的.
瀏覽器支持:Firefox的最新版本, Chrome, Safari; IE7+; iOS 6.x, 7.x; Android 4.x
預處理器: None
響應式: Yes
模塊化: Yes
官網地址:http://purecss.io/
Github地址:yahoo/pure · GitHub
8、名稱:Vue
類別/語言:CSS、JavaScript
創建者:尤雨溪
人氣:在Github上有12,214 stars
描述:Vue.js 是用於構建互動式的 Web 界面的庫。它提供了 MVVM 數據綁定和一個可組合的組件系統,具有簡單、靈活的 API。
核心概念/原則:響應式
瀏覽器支持:Firefox, Chrome, Safari, IE9+,Android 4.2+,iOS 7+
預處理器:None
響應式:Yes
模塊化:Yes
官網地址:vue.js
Github地址:vuejs/vue · GitHub
9、名稱:Skeleton
類別/語言:CSS、JavaScript
創建者:Dave Gamache
人氣:在Github上有10,622stars
描述:Skeleton 是一個小的 JS 和 CSS 文件的集合,可幫你快速開發漂亮的網站,適合各種屏幕設備包括手機。Skeleton 基於 960 grid 開發。它是一個 UI 框架。
核心概念/原則:響應式
瀏覽器支持:Firefox, Chrome, Safari, IE10+,Opera
預處理器:None
響應式:Yes
模塊化:Yes
官網地址:Skeleton: Responsive CSS Boilerplate
Github地址:dhg/Skeleton · GitHub
10.名稱: Amaze UI
類別/語言:HTML、CSS、JavaScript
創建者:雲適配
最後更新時間:2015年12月
人氣:在Github上有6425 stars
描述:國內首個開源HTML5跨屏前端框架,中文排版支持更優、本土化組件豐富。
並在2015年11月推出基於 React.js 的專屬移動端 Web 組件庫Amaze UI touch。
核心概念/原則:組件化、移動優先、輕量級、高性能。
瀏覽器支持: Firefox, Chrome, Safari, IE8+
響應式: Yes
模塊化: Yes
官網地址:Amaze UI | 中國首個開源 HTML5 跨屏前端框架
Github地址:amazeui/amazeui · GitHub
11、名稱:UIkit
類別/語言:HTML、CSS、JavaScript
創建者: YOOtheme
人氣: 在Github上有6,050+ stars
描述: 「一個輕量級的和模塊化的前端框架,用於快速開發和功能強大的web介面。」
核心概念/原則:RWD, 手機優先.
預處理器: Less, Sass
響應式: Yes
模塊化: Yes
官網地址:UIkit
Github地址:uikit/uikit · GitHub
瀏覽器支持: Chrome, Firefox, Safari, IE9+
12、名稱:Yui
類別/語言:CSS、JavaScript
創建者:Yahoo
人氣:在Github上有3,200+ stars
描述:Yahoo! UI Library (YUI) 是一個開放源代碼的 JavaScript 函數庫,為了能建立一個高互動的網頁,它採用了AJAX, DHTML 和 DOM 等程式碼技術。它也包含了許多 CSS 資源。使用授權為 BSD許可證
核心概念/原則:響應式
預處理器: None
響應式:Yes
模塊化:Yes
官網地址:http://yuilibrary.com/
Github地址:yui/yui3 · GitHub
瀏覽器支持:Firefox, Chrome, Safari, IE10+,Opera
13.名稱:kissy
類別/語言: JavaScript
創建者:淘寶前端
最後更新時間:2015年7月
人氣:在Github上有2035 stars
描述:KISSY 是一款跨終端、模塊化、高性能、使用簡單的 JavaScript 框架。
框架大小: 37 KB
核心概念/原則: 模塊化,跨終端,高擴展性
模塊化: Yes
官網地址:KISSY - A Powerful JavaScript Framework
Github地址:kissyteam/kissy · GitHub
14.名稱:MUI
類別/語言: HTML、CSS、JavaScript
創建者:Dclould
最後更新時間:2016年1月
人氣:在Github上有2012 stars
描述:MUI-最接近原生App體驗的前端框架框架。
核心概念/原則: 多端發布、高性能
響應式: NO
模塊化: Yes
官網地址:MUI-最接近原生APP體驗的高性能前端框架
Github地址:dcloudio/mui · GitHub
15.名稱:Arale
類別/語言: JavaScript
創建者:支付寶前端
最後更新時間:2015年7月
人氣:在Github上有1252 stars
描述:Arale 是一個開放、簡單、易用的前端基礎類庫。
框架大小:未知
核心概念/原則: 開放、簡單、易用
瀏覽器支持:Firefox, Chrome, Safari, IE6+
響應式: Yes
模塊化: Yes
官網地址:Arale - 隨心構建互聯網應用
Github地址:aralejs/aralejs.org · GitHub

16.名稱:JX
類別/語言:Javascript
創建者:騰訊前端
最後更新時間:2015年12月
人氣:在Github上有952 stars
描述:JX 是模塊化的非侵入式Web前端框架,特別適合構建和組織大規模、工業級的Web App。
框架大小: 未知
核心概念/原則: 保持最優執行效率
瀏覽器支持: 兼容主流瀏覽器
模塊化: Yes
官網地址:JX - 騰訊 Web 前端開發框架
Github地址:AlloyTeam/JX · GitHub
17.名稱:GMU
類別/語言:HTML、CSS、JavaScript
創建者:網路前端
最後更新時間:2015年12月
人氣:在Github上有940stars
描述:GMU是基於zepto的mobile UI組件庫,提供webapp、pad端簡單易用的UI組件! Web App。
核心概念/原則: 簡單易用、輕量級
模塊化: Yes
官網地址:http://gmu..com/
Github地址:fex-team/GMU · GitHub
18.名稱:ZUI
類別/語言: HTML、CSS、JavaScript
創建者:蟬道
最後更新時間:2015年7月
人氣:在Github上有616 stars
描述:開源HTML5前端框架
核心概念/原則:簡單易用、輕量級、易於定製
瀏覽器支持:未知
官網地址:ZUI - 開源HTML5跨屏框架
Github地址:easysoft/zui · GitHub
19.名稱:Clouda Touch.js
類別/語言:JavaScript
創建者:網路雲
人氣:在Github上有387 stars
描述:Touch.js是移動設備上的手勢識別與事件庫,也是在網路內部廣泛使用的開發。
核心概念/原則: 無入侵設計、媲美原生的交互、極簡的API
模塊化: Yes
官網地址:Touch.js
Github地址:Clouda-team/touch.code..com · GitHub
20.名稱:Arkui
類別/語言:HTML、CSS、JavaScript
創建者:豆瓣
人氣:在Github上有129 stars
模塊化: Yes
官網地址:arkui
Github地址:mockee/arkui · GitHub

㈧ 求大神指導,有沒有前端學習視頻,自己找了好多,感覺有點亂,覺得學的路線會錯

1.首先零基礎學習前端先要有一個計劃,了解前端要學習哪些技術。

    2.做好自己的時間規劃,如何快速入門前端那肯定是需要不斷的提高自己的學習效率,學習過程中盡量把手機調至靜音給自己一個安靜的學習環境和氛圍。

    3.快速入門顧名思義肯定是少走彎路,在學習過程中看下自己身邊有沒有前端這方面的大神盡量多問,多交流,如果是沒有的話,可以多去找一些前端的交流群,學習肯定是不能閉門造車。

    學習是一個循序漸進的過程,前端的學習也是如此。

    不論前端開發還是後端開發的學習都要求我們多動手,既要反復的看書,也把學習到的知識點第一時間去實踐。前端的學習入門快要三個月,慢的要 5-6 個月左右,看個人的理解速度來評估,只要入門了不論理解能力,還是學習的速度都會有明顯的提升。

    在學習前端的過程中,除了要把學到的知識點第一時間去實踐,也要在學習的每個階段自己創建課題,用所學到的知識去實現課題的內容。這樣可以更好有助於理解和累計一定的項目經驗。

    前端的學習從來不是孤軍奮戰,需要一個前輩的領路,也需要一個平台不斷交流和思維碰撞。這樣可以快速入門和少走彎路,也能讓自己發現問題的根本所在。

階段一

在學習前端之前呢,你需要一個編輯器,在網上你可以看到很多編輯器用來編寫前端,甚至 Windows 系統默認的文本文檔也可以作為前端代碼的編輯器。俗話說,沒有金剛鑽怎麼攬瓷器活,所以一個好的編輯器很重要,我在這里推薦給大家的編輯器是VSCode。


思維導圖

  • 擴展學習部分
  • ㈨ 前端開發都需要學習什麼框架

    想要成為一個好的前端程序員,需要掌握的技術還是比較多的,比如HTML5開發、JavaScript、Veu.js框架開發等等。

    前端就是展現給用戶瀏覽的部分。我們通常說的前端,其實是指前端開發,也就是創建PC端或移動端等前端界面給用戶的過程,通過HTML,CSS及JavaScript以及衍生出來的各種技術、框架、解決方案,來實現互聯網產品的用戶界面交互。

    學習的內容包括:

    ①計算機基礎以及PS基礎

    ②前端開發基礎(HTML5開發、JavaScript基礎到高級、jQuery網頁特效、Bootstrap框架)

    ③移動開發

    ④前端高級開發(ECMAScript6、Veu.js框架開發、webpack、前端頁面優化、React框架開發、AngularJS 2.0框架開發等)

    ⑤小程序開發

    ⑥全棧開發(MySQL資料庫、Python編程語言、Django框架等)

    ⑦就業拓展(網站SEO與前端安全技術)

    互聯網行業目前還是最熱門的行業之一,學習IT技能之後足夠優秀是有機會進入騰訊、阿里、網易等互聯網大廠高薪就業的,發展前景非常好,普通人也可以學習。

    想要系統學習,你可以考察對比一下開設有相關專業的熱門學校,好的學校擁有根據當下企業需求自主研發課程的能力,能夠在校期間取得大專或本科學歷,中博軟體學院、南京課工場、南京北大青鳥等開設相關專業的學校都是不錯的,建議實地考察對比一下。

    祝你學有所成,望採納。