layui-icon(layui-icon-rate-solid)

资讯 9个月前 cholin
41 0 0

web 前端常用的框架都有那些?(网页设计用的,最好是开源的)

现在最常用的是bootstarp,你搜索一下,挺好的,你可以去中文官网看看,不管是什么设备,屏幕大小多少,都能很好的兼容,界面很好看,前端开发的首选,希望我的回答能帮到你,望采纳。推荐几个精致的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页面提供一个常用的组件库,减少重复工作。

4.frozeui

frozen ui是一个开源的简单易用,轻量快捷的移动端ui框架。基于手q样式规范,选取最常用的组件,做成手q公用离线包减少请求,升级方式友好,文档完善,目前全面应用在腾讯手q增值业务中。

5.uikit

uikit是一款轻量级、模块化的前端框架,可快速构建强大的web前端界面。

6.h-ui

h-ui是轻量级前端框架,简单免费,兼容性好,适用于中国网站。

7.weui

weui 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 web 开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。

8.layui

layui 诞生于2016年金秋,是一款带着浓烈情怀的国产前端ui框架,她追求极简,又不失丰盈的内在,说她是史上最轻量的结晶,似乎并不为过。一切都源自于她对原生态大运标志图片大全的执着,对前端社区的那些噪杂声音的过滤,以及她本身的精心雕琢。

9.ydui touch

ydui touch 专为移动端打造,在技术实现、交互设计上兼容主流移动设备,保证代码轻、性能高;使用 flex 技术,灵活自如地对齐、收缩、扩展元素,轻松搞定移动页面布局;实现强大的屏幕适配布局,等比例适配所有屏幕。什么?用得不开心?轻松切换 px;自定义javascript组件、less文件、less变量,定制一份属于自己的ydui;

10、后台ui开发框架museui

一款基于bootstrap风格,兼容于主流浏览器(包括ie6)的后端ui开发组件。

layui-icon(layui-icon-rate-solid)

如何给html页面添加动态等待效果

网友看看是否符合需求,修改起来也很方便,都做了注释;
实在不会的,去查看手册即可
<!DOCTYPEHTML>
<html>
<metacharset=UTF-8/>
<head>
<title></title>
</head>
<scriptsrc=></script>
<scriptsrc=type=text/javascriptcharset=utf-8></script>
<scripttype=text/javascript>
$(function(){
$('.btn').click(function(){
layer.msg('加载中(点击关闭)',{
anim:4,//动画效果
icon:16,
shade:0.5,//遮罩层透明度
shadeClose:true,//点击遮罩层关闭
time:0,//不自动关闭
},function(){
layer.alert('显示加载信息后,你可以执行别的操作,就像这样',{
skin:'layui-layer-lan',
closeBtn:0,
anim:6//动画类型
});
});
})
})
</script>
<styletype=text/css>
html,
body{
margin:0;
padding:0;
}

.demo{}
</style>
<body>
<divclass=demo>
<buttonclass=btn>点击显示效果</button>
</div>
</body>
</html>用js和css

可带canvasCSS3和HTML5可以很炫酷javascript!

版权声明:cholin 发表于 2022年5月9日 pm8:23。
转载请注明:layui-icon(layui-icon-rate-solid) | 秋林导航

相关文章