前端ui框架有哪些

前端ui框架有哪些,第1张

前端ui框架有哪些?前端ui框架有:适合移动端的UI框架(Mint UI、SUI Mobile、Weui等),适合PC 端的UI框架(iView、Element UI、SUI、H-ui等),适合混合开发的UI框架(ionic、Framework7等),以下是具体的内容介绍。

适合移动端的UI框架

Mint UI(饿了么团队)

中文官网:http://mint-uigithubio/#!/zh-cn

描述:基于vue的移动端UI框架

基于vue

组件库:

GitHub地址:https://githubcom/ElemeFE/mint-ui/

预览地址:

http://elemefegithubio/mint-ui/#/

基础引入:

CDN:

<!-- 引入样式 -->

<link rel="stylesheet" href="https://unpkgcom/mint-ui/lib/stylecss">

<!-- 引入组件库 -->

<script src="https://unpkgcom/mint-ui/lib/indexjs"></script>SUI Mobile(阿里巴巴共享业务事业部UED团队)

官网:http://msuitaobaoorg/

描述:一套基于 Framework7 开发的UI库。基于IOS风格。它非常轻量、精美,只需要引入我们的CDN文件就可以使用,

并且能兼容到 iOS 60+ 和 Android 40+,非常适合开发跨平台Web App。

基于zepto,IOS风格

预览:

http://msuitaobaoorg/demos/

组件库:

GitHub地址:https://githubcom/sdc-alibaba/SUI-Mobile

基础引入:

CDN:

<!-- 引入样式 -->

<link rel="stylesheet" href="//galicdncom/msui/sm/062/css/smmincss">

<!-- 引入组件库 -->

<script type='text/javascript' src='//galicdncom/sj/lib/zepto/zeptominjs' charset='utf-8'></script>

<script type='text/javascript' src='//galicdncom/msui/sm/062/js/smminjs' charset='utf-8'></script>Weui(微信官方设计团队)

描述:WeUI 为微信 Web 服务量身设计,是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一。

包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。

GitHub地址:https://githubcom/weui/weui

预览:

UI组件:https://weuiio

JS组件:https://githubcom/weui/weui

基础引入:

CDN:

<!-- 引入样式 -->

<link rel="stylesheet" href="https://reswxqqcom/open/libs/weui/112/weuimincss">

<!-- 引入组件库 -->

<script type="text/javascript" src="https://reswxqqcom/open/libs/weuijs/113/weuiminjs"></script>YDUI Touch

官网:http://wwwyduiorg/

描述:一只注重审美,且性能高效的移动端&微信UI。基于jQuery

兼容性:兼容绝大多数移动端设备(兼容Android40+、IOS60+);

采用 flexbox 布局,因低版本安卓及部分特殊浏览器不兼容flex-basis、flex-wrap、inline-flex属性,YDUI 将采取其他解决方案;

基础引入:(需要下载)

引入YDUI样式:yduicss

引入YDUI自适应解决方案类库:yduiflexiblejs

引入jQuery20+

引入YDUI脚本:yduijs

组件库:

预览:

http://myduiorg

GitHub地址:https://githubcom/ydcss/ydui

个人观点:自定义keyBoard插件为亮点

GMU(百度GMU小组开发)

描述:基于zepto的轻量级mobile UI组件库,符合jquery ui使用规范,提供webapp、pad端简单易用的UI组件。

兼容iOS3+ / android21+,支持国内主流移动端浏览器,如safari, chrome, UC, qq等。

GitHub地址:https://githubcom/fex-team/GMU

star:1106,fork:461

latest commit 2017418 2pm

8 contributors

基础引入:

引入resetcss:https://githubcom/fex-team/GMU/blob/master/dist/resetcss

引入gmucss:https://githubcom/fex-team/GMU/blob/master/dist/gmucss

引入zeptojs:https://githubcom/fex-team/GMU/blob/master/dist/zeptojs

引入gmujs:https://githubcom/fex-team/GMU/blob/master/dist/gmujs

FrozenUI(QQVIP FD团队 Alloyteam团队)

官方地址:http://frozenuigithubio/

描述:简单易用,轻量快捷,为移动端服务的前端框架。基于手Q样式规范。应用在腾讯手Q增值业务。兼容android 23 +,ios 40 + 。

GitHub地址:https://githubcom/frozenui/frozenui

个人观点:JS组件库相对简洁,移动优先

Foundation

中文官网:http://wwwfoundcsscom/

描述:Foundation是国外最流行的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。

GitHub地址:https://githubcom/zurb/foundation-sites

基础引入:

CDN:

<!-- 引入样式 -->

<link rel="stylesheet" href="https://cdnjscloudflarecom/ajax/libs/foundation/643/css/foundationmincss" integrity="sha256-itWEYdFWzZPBG78bJOOiQIn06QCgN/F0wMDcC4nOhxY=" crossorigin="anonymous" />

<!-- 引入组件库 -->

<script src="https://cdnjscloudflarecom/ajax/libs/foundation/643/js/foundationminjs" integrity="sha256-Nd2xznOkrE9HkrAMi4xWy/hXkQraXioBg9iYsBrcFrs=" crossorigin="anonymous"></script>个人观点:无很多中文官方文档,不便于中国开发者

Amaze UI

官方地址:http://amazeuiorg/

描述:中国首个开源 HTML5 跨屏前端框架。Amaze UI 关注中文排版,根据用户代理调整字体,实现更好的中文排版效果。基于jQuery

GitHub:https://githubcom/amazeui/amazeui

组件库:

基础引入:

CDN:

http://cdnamazeuiorg/amazeui/272/css/amazeuicss

http://cdnamazeuiorg/amazeui/272/css/amazeuimincss

http://cdnamazeuiorg/amazeui/272/js/amazeuijs

http://cdnamazeuiorg/amazeui/272/js/amazeuiminjs

http://cdnamazeuiorg/amazeui/272/js/amazeuiie8polyfilljs

http://cdnamazeuiorg/amazeui/272/js/amazeuiie8polyfillminjs

http://cdnamazeuiorg/amazeui/272/js/amazeuiwidgetshelperjs

http://cdnamazeuiorg/amazeui/272/js/amazeuiwidgetshelperminjs观点:适合PC端更多(例如分页的实现)

Pure

中文官网:https://wwwpurecsscn/

描述:纯CSS,美国雅虎公司出品的一组轻量级、响应式纯css模块,适用于任何Web项目。

GitHub:https://githubcom/yahoo/pure/

基础引入:

CDN:

<link rel="stylesheet" href="https://unpkgcom/purecss@061/build/pure-mincss" integrity="sha384-CCTZv2q9I9m3UOxRLaJneXrrqKwUNOzZ6NGEUMwHtShDJ+nCoiXJCAgi05KfkLGY" crossorigin="anonymous">适合PC 端的UI框架

iView

官网地址:https://wwwiviewuicom/

描述:一套基于 Vuejs 的高质量 UI 组件库。iView 是一套基于 Vuejs 的开源 UI 组件库,主要服务于 PC 界面的中后台产品。

GitHub地址:https://githubcom/iview/iview

组件库:

基础引入:

CDN:

<!-- import Vuejs -->

<script src="//vuejsorg/js/vueminjs"></script>

<!-- import stylesheet -->

<link rel="stylesheet" href="//unpkgcom/iview/dist/styles/iviewcss">

<!-- import iView -->

<script src="//unpkgcom/iview/dist/iviewminjs"></script>Element UI(饿了么团队)

官方地址:http://element-cnelemeio/#/zh-CN

描述:基于 Vue 20 的桌面端组件库

GitHub:https://githubcom/ElemeFE/element

组件库:

基础引入:

CDN:

<link rel="stylesheet" href="https://unpkgcom/element-ui/lib/theme-chalk/indexcss">

<script src="https://unpkgcom/element-ui/lib/indexjs"></script>SUI(阿里巴巴国际UED团队-商家业务事业部)

官网地址:http://suitaobaoorg/

描述:一套基于bootstrap开发的前端组件库,同时她也是一套设计规范。基于jquery

组件库:

GitHub:https://githubcom/sdc-alibaba/sui

基础引入:

CDN:

<link href="http://galicdncom/sj/dpl/151/css/suimincss" rel="stylesheet">

<script type="text/javascript" src="http://galicdncom/sj/lib/jquery/dist/jqueryminjs"></script>

<script type="text/javascript" src="http://galicdncom/sj/dpl/151/js/suiminjs"></script>观点:偏向设计规范,组件库相对简单。

H-ui

官方地址:http://wwwh-uinet/

描述:轻量级前端框架,简单免费,兼容性好,服务中国网站。

基于jQuery

GitHub地址:https://githubcom/jackying/h-ui

组件库:

观点:无亮点,借鉴第三方插件完成

layui

官方地址:http://wwwlayuicom/

描述:经典模块化前端框架,更多是为服务端程序员量身定做,你无需涉足各种前端工具的复杂配置,只需面对浏览器本身,让一切你所需要的元素与交互,从这里信手拈来。

layui 兼容人类正在使用的全部浏览器(IE6/7除外),可作为 PC 端后台系统与前台界面的速成开发方案。

组件库:

GitHub:https://githubcom/sentsin/layui/

基础引入:

layuicss、layuijs

uiKit(YOOtheme 团队)

官网地址:http://wwwgetuikitnet/

描述:一款轻量级、模块化的前端框架,可快速构建强大的web前端界面。依赖jQuery

UIkit 兼容 IE9 以上现代浏览器。在 IE8 及其以下版本中,所有JavaScript 都会失效。

组件库:

GitHub地址:https://githubcom/uikit/uikit

基础引入:

CDN:

<link rel="stylesheet" href="//cdnbootcsscom/uikit/2250/css/uikitcss" />

<script src="//cdnbootcsscom/uikit/2250/js/uikitjs"></script>Bootstrap

中文官网:http://wwwbootcsscom/

描述:简洁、直观、强悍的前端开发框架,让web开发更迅速、简单。

组件库:

GitHub地址:https://githubcom/twbs/bootstrap

基础引入:

CDN:

<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->

<link rel="stylesheet" href="https://cdnbootcsscom/bootstrap/337/css/bootstrapmincss" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- 可选的 Bootstrap 主题文件(一般不用引入) -->

<link rel="stylesheet" href="https://cdnbootcsscom/bootstrap/337/css/bootstrap-thememincss" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->

<script src="https://cdnbootcsscom/bootstrap/337/js/bootstrapminjs" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>其他基于bootstrap衍生出来的模块:

Ace Admin后台管理系统模板:基于bootstrap3;http://acejekaby/

Metronic后台管理模板:http://wwwmetroniccom/

H+:http://wwwzi-hannet/theme/hplus/

jQuery UI+Bootstrap:https://githubcom/jquery-ui-bootstrap/jquery-ui-bootstrap/

更多:http://wwwcssmobancom/cssthemes/houtaimoban/

jQuery UI

官方网址:http://jqueryuicom/

组件库:

其他基于jQuery衍生出来的模板:

BUI:基于jQuery+KISSY UI:http://wwwbuilivecom/

EasyUI:http://wwwjeasyuinet/

描述:使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面。

DWZ JUI:http://juiorg/

适合混合开发的UI框架

ionic

中文官网网址:http://wwwionic-chinacom/

描述:ionic是一个强大的 HTML5应用程序开发框架(HTML5 Hybrid Mobile App Framework)。基于angular

ionic 主要关注外观和体验,以及和你的应用程序的 UI 交互,特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。

ionic是一个轻量的手机UI库,具有速度快,界面现代化、美观等特点。

Framework7

官网地址:http://framework7cn/

描述:Framework7 是一个开源免费的框架可以用来开发混合移动应用(原生和HTML混合)或者开发 iOS & Android 风格的WEB APP。

也可以用来作为原型开发工具,可以迅速创建一个应用的原型。

它只专注于为 iOS 和 Google Material 设计提供最好的体验。

GitHub:https://githubcom/framework7io/framework7

OnsenUI

官网地址:https://onsenio/

描述:用来构建混合移动端APP的 HTML5 UI 框架

GitHub地址:https://githubcom/OnsenUI/OnsenUI

总结:

以下是我自己整理的一些好听的歌曲,都不是很热门的,有中文、英文、韩文、日文和粤语的,大部分都是抒情类型的,我跟我朋友推荐过,她们都说非常好听。如果你都听过,那就无视我吧,如果你有一首歌没有听过,你可以听听看,不采纳也没关系,音乐大家一起分享嘛!

中文歌曲:

阿沁-梵谷的左耳

style-幸福的起点

刘力扬-眼泪笑了

东来东往-路过爱

许慧欣&许志安-恋爱频率

陈思成-尘缘(大丫鬟主题曲)

王心凌-羽毛

黄维德-在我们有生之年的日子

何耀珊-做你的公主

徐颢菲-风色幻想

阿沁-圣堂之门

谢娜&吴昕-为你唱歌

杨幂-琉璃月

金莎-笨蛋

杨千桦-坚强女人心

田一龙-老婆饼

4 In Love-再见中国海

李玖哲-死结

李圣杰-最近

俞灏明-心中的英雄

范逸臣-用心听

心中的遗憾-徐怀钰

落落-暗夜谁

倪睿思-初恋滋味

梁文音-哭过就好了

东来东往-不开心与没烦恼

杜鹃 王艺翔-雪

何炅-可以不可以

BY2-爱的双重魔力

王心凌-当你(林俊杰作曲滴)

徐良-犯贱

唐笑-我不知道

徐婕儿-错误的相遇

张简-回旋梯

黑涩会美眉-甜甜圈

陈楚生-风起时,想你

薛凯琪-黑色泪滴

梁静茹-无条件为你

杨千桦-大城大事

俞灏明-多云转晴

林依晨-美好的旅行

方炯镔-坏人

林俊杰&林宇中-听见幸福

甜甜圈-黑涩会美眉&棒棒堂

古天乐-蓝色的缘分

林志颖-黎明破晓前

林峰-明天以后

何润东-没有我你怎么办

汪苏泷-小星星

曹格&王光良-少年

付辛博&尚雯婕-不能承受的爱

光良-烟火

王心凌-Hihi Byebye

陈冠希-故意

元若蓝-我好了

张卫健-到底什么时候你才会想起我

sara-不得不在乎(中文版)

元若蓝-绿袖子

林稷安&程于伦-我一直都在

金莎-换季

尚雯婕-候鸟

古巨基-还是好朋友

王心凌-手表(林俊杰作曲滴)

张卫健-信徒

粱静茹-生命中不可承受的轻

粱静茹-无条件为你

周笔畅-一周年

张韶涵-其实很爱你

黄维德-有口难开

馨予-温柔的慈悲

柒月-石头剪刀布

爱情剧终

英文歌曲:

Tamas Wells-valder fields

only love-rade mark

Four Mod-Broken Heart(印度)

Stewart Mac-I Love You

U Make Me Wanna

WestLife-Nothing’s Gonna Change My Love For You

韩文歌曲:

不能说爱你-玉贤珠

没有你不行-艺声(灰姑娘的姐姐)

朴信惠-lovely day(是美男啊)

cool-aloha

白智英-像中枪一样

智善-在爱中疯狂(灿烂的遗产)

张根锡-Hello Hello(玛丽外宿中)

BOIS-只剩下伤痛(秘密花园)

七公主-love song

sara-不得不在乎

Broken Heart-刘成灿(天使的诱惑)

i love you(拜托**)

日文歌曲:

有里知花-I cry

有里知花-泪的物语

宝儿-White Wishes

大冢爱-金鱼花火

粤语歌曲:

麦浚龙-耿耿于怀

boy'z-眼红馆

杨千桦-少女的祈祷

小雪&汉洋-其实我介意

以上都是本人呕心历血推荐,如果复制,请标明出处,谢谢!

这个问题可以在电脑中下载安装天盾手机数据恢复软件。

  1将手机连接到电脑,并保证被电脑识别。

  2打开顶尖数据恢复软件,选择“误删除文件”恢复模式。(鼠标停留在功能按钮可查看详情)

  3点击进入误删文件,选中要恢复的文件所在的硬盘以及文件夹,点击下一步。

  4进入扫描阶段,扫描后会出现你所删除的文件,选中要恢复的文件,点击下一步。如果用户发现丢失的数据已经被扫描到,也可以“中断扫描”。

  5选择需要恢复的文件,用户可以对文件进行预览,查看是否是自己误删的文件。然后点击下一步。(文件丢失后,文件名称也会被系统自动更改名称。如果未扫描到需要文件,请使用“万能恢复”模式再次扫描恢复。)

  6选择恢复文件存放目录。用户可以将文件恢复到电脑上,以防止造成数据覆盖问题,然后点击下一步,等待恢复完成即可。

是免流的,微信产生的流量都在免流范围内。

具体可使用专属流量的腾讯系应用包含:

微信、手机QQ、QQ轻聊版、TIM、QIM、腾讯视频、QQ音乐、应用宝、腾讯手机管家、QQ浏览器(包含第三方网站)、QQ空间、QQ邮箱、腾讯新闻、QQ阅读、腾讯微视、水印相机、腾讯动漫、QQ创意相机、QQ情侣、腾讯体育、看房、QQ影像、QQ提醒、易迅**、QQ美食;

企鹅FM、微桌面(主题壁纸美化)、Q立方桌面、快报、腾讯地图、微信电话本、手游宝、电池管家、QQ国际版、微云、相册管家、手机QQ影音、QQ**、NOW直播(腾讯)、腾讯桌面、腾讯充值、腾讯路宝、全民K歌、腾讯校猿、企鹅辅导、腾讯课堂、腾讯直播、小企鹅乐园;

腾讯游戏人生、企鹅电竞、QQ同步助手、腾讯WiFi管家、企业微信、微信读书、心悦、腾讯自选股、yoo视频、波洞APP、MOO音乐、咖萌、波洞等其他腾讯系应用。

扩展资料

腾讯王卡不免流的情况:

1、第三方提供的网页、视频等服务,例如手机新闻网、搜狗、百度、爱奇艺视频、携程、京东、‘京东购物’小程序等非腾讯业务。

2、QQ音乐客户端内的分享等少数操作,例如苹果手机的分享操作。

3、QQ音乐客户端明星直播节目(客户端—发现频道—明星直播)。

4、在无线上网卡、移动WIFI、MIFI、平板电脑(如ipad)等设备使用。

5、将手机号码作为手机热点使用。

6、使用非腾讯正版软件,例如腾讯“应用宝”手机客户端只支持安卓系统,苹果和塞班等系统的“应用宝”为非正版软件。

7、使用网络加速器、代理服务器、***等工具。

8、在港澳台、国际地区使用腾讯王卡。

9、使用WAP接入点访问。

中国联通-腾讯王卡专属流量说明

欢迎分享,转载请注明来源:品搜搜测评网

原文地址:https://pinsoso.cn/shuma/845738.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-08-11
下一篇2023-08-11

随机推荐

  • 伊思蜗牛BB霜怎么样

    伊思蜗牛BB霜分为晶钻BB霜和红参BB霜两种,两者的功效有些许差别。还不了解伊思蜗牛BB霜怎么样的朋友,快来跟着好物君看看吧。伊思蜗牛BB霜怎么样伊思蜗牛BB霜的晶钻款具有滋润保湿、提亮透白、遮瑕嫩肤以及防晒修颜的功效。伊思蜗牛BB霜的红参

    2024-04-15
    46700
  • 想知道婷美美肌的黑金抗皱奢宠套盒贵吗?效果如何?好用吗

    婷美美肌金钻抗皱方案套护肤精品套装,建议可以试试,一分钱一分货,好用对我来说一点也不贵,超级划算。主要针对熟龄肌肤,补充肌肤胶原,特别是有皱纹肌肤问题的姐妹,早晚抹一抹,抚平皱纹,淡化纹路,效果杠杠的伊贝诗鱼子紧致修护套盒作用是细致毛孔,舒

    2024-04-15
    49700
  • 费文磊是哪个公司的?鑫广绿环副总经理

    费文磊先生:1974年8月出生,汉族,本科学历,自2011年12月起任公司副总经理。1997年7月至2009年9月历任上海一百国际贸易有限公司经理、伟翔环保科技发展(上海)有限公司经理、上海伊纳思贸易有限公司经理。2009年9月起至今任职于

    2024-04-15
    36100
  • 安沐珂轻奢畅白美白祛斑精华液瓶子咋打开

    要打开安沐珂轻奢畅白美白祛斑精华液的瓶子,可以按照以下步骤:1 首先,取下瓶子的外盖。2 找到瓶颈处一个有银色虚线的位置,在这个位置用一个瓶盖当作支点,用小刀或改锥等工具轻轻撬开。3 打开后,把瓶子倒置,用力拍打瓶底,如果没有反应,可以尝试

    2024-04-15
    45100
  • 男士护肤套装哪款好

    男士护肤套装哪款好?相信很多直男内心都是大写的头疼!在“小鲜肉”簇拥的当下,钢铁直男也会萌发一颗精致的心。又何况是在秋冬如此干燥的时节,就算是再厚的皮脂也是无法消受的。因此男士们也是需要用上一套合适自己的护肤品来解决各种皮肤问题,下面将推荐

    2024-04-15
    40900
  • 后的套盒有没有防伪码后天气丹套盒真假鉴别

          Whoo后是来自韩国的顶级宫廷护肤名品。而且LG公司每月出的专柜企划版套盒,种类的丰富、包装的华丽以及搭配多变的赠品更是常常让人心动不已。那么,后的套盒有没有防伪码      后的套盒有没有防伪码      后的套盒没有防伪码。

    2024-04-15
    29000
  • 龙婆烈帕婴能不能和其它帕婴一起供

    不可以。怕烫和帕婴依霸古曼一起供奉基本是不可以的,建议不要供奉在一起,怕烫是音译,基本就是一种大鬼的东西,依霸又是招人缘,异性缘的阴牌,拍婴也是有正牌有阴,古曼童是经过净化的夭折小孩子的灵体,跟多时候是指正的古曼,而不是一些巫师制作的。

    2024-04-15
    27100

发表评论

登录后才能评论
保存