技术经验解读:你所不知的十二个前端组件库

简介: 技术经验解读:你所不知的十二个前端组件库


element-ui



网站地址 :


支持的前端框架 :Vue 、React 、Angular


?1234[/code>link rel="stylesheet" href="">[/code>script src="">

适用方向:后台管理 (样式易覆盖)



vxe-table 一种强大的table组件库


网站地址:https://xuliangzhan_admin.gitee.io/vxe-table/#/table/base/basic


支持的前端框架 :Vue


?12345[/code>link rel="stylesheet" href="">[/code>script src="">script src="">

适用方向:table表格


注意:因vxe-table普及率暂时不高,所有某些问题并不能找到前人解决的办法,如果是//代码效果参考:http://www.lyjsj.net.cn/wx/art_22792.html

重要项目并且是第一次使用,最好不要使用此组件



Vant - 轻量、可靠的移动端 Vue 组件库 (商品类的)



网站地址:https://youzan.github.io/vant/#/zh-CN/quickstart


支持的前端框架 :Vue


?1234[/code>link rel="stylesheet" href=""/>[/code>script src="">script src="">

  适用方向:淘宝商品类的网站 功能性不太强



vant-weapp 小程序(商品类的)



网站地址:


支持的前端框架 :Vue


引用 : 建议根据文档进行安装插件


适用方向:淘宝商品类的APP或者小程序 功能性不太强



layui



介绍:是一款采用自身模//代码效果参考:http://www.lyjsj.net.cn/wz/art_22790.html

块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。

网站地址:


支持的前端框架 :layui 本身就是一种框架


引用 : 建议根据文档进行安装插件


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




Taro UI 是一款基于 Taro 框架开发的多端 UI 组件库



介绍:是一款基于 Taro 框架开发的多端 UI 组件库


网站地址:


支持前端框架: Taro(可以搭配 react使用)


引用 : 建议根据文档进行安装插件




uni-app



网站地址:


支持前端框架: Vue


引用 : 建议根据文档进行安装插件


适用方向:iOS、Android、H5、以及各种小程序



iViewUI



网站地址:


支持前端框架: Vue


引用 : 建议根据文档进行安装插件


适用方向:小程序开发



MUI



介绍:最接近原生APP体验的高性能前端框架


网站地址:


适用方向:手机App



cubeUI



网站地址 :


适用方向:Vue



Bootstrap



介绍:是全球最受欢迎的前端开源工具库,它支持 Sass 变量和 mixin、响应式栅格系统、自带大量组件和众多强大的 JavaScript 插件。基于 Bootstrap 提供的强大功能,能够让你快速设计并自定义你的网站。


网站地址:


适用方向:Vue、React、Angular



swiper轮播图



介绍:是一款免费以及轻量级的移动设备触控滑块的js框架,使用硬件加速过渡(如果该设备支持的话)。


网站地址:


适用方向:Vue、React、Angular


适用方向:使用于移动端的网站、移动web //代码效果参考:http://www.lyjsj.net.cn/wz/art_22788.html

apps,native apps和hybrid apps。主要是为IOS而设计的,同时,在Android、WP8系统也有着良好的用户体验,Swiper从3.0开始不再全面支持PC端。因此,如需在PC上兼容更多的浏览器,可以选择Swiper2.x(甚至支持IE7)。
相关文章
|
16天前
|
缓存 移动开发 前端开发
在PWA的开发中,HTML与CSS作为前端技术的基础,发挥着至关重要的作用
【6月更文挑战第14天】PWA(渐进式网页应用)借助HTML和CSS,提供接近原生应用的体验。HTML构建页面结构和内容,响应式设计适应各种设备,语义化标签提升可访问性,Manifest文件配置应用元数据,离线页面保证无网时体验。CSS则用于定制主题样式,创建动画效果,实现响应式布局,并管理字体和图标。两者协同工作,确保PWA在不同环境下的优秀性能和用户体验。随着前端技术进步,HTML与CSS在PWA中的应用将更加深入。
26 2
|
3天前
|
JavaScript 前端开发
必知的技术知识:esm前端模块化
必知的技术知识:esm前端模块化
|
3天前
|
编解码 自然语言处理 算法
技术心得:前端学HTTP之字符集
技术心得:前端学HTTP之字符集
|
3天前
|
Web App开发 存储 前端开发
技术心得记录:前端面试题汇总
技术心得记录:前端面试题汇总
|
3天前
|
前端开发 安全 NoSQL
技术笔记:Security前端页面配置
技术笔记:Security前端页面配置
|
3天前
|
移动开发 前端开发 HTML5
技术经验解读:关于前端的margin
技术经验解读:关于前端的margin
|
4天前
|
前端开发
技术心得:前端滚动条的样式
技术心得:前端滚动条的样式
|
5天前
|
存储 缓存 JavaScript
【前端 - Vue】之 Keep-Alive缓存组件使用语法及原理解析,超详细!
【前端 - Vue】之 Keep-Alive缓存组件使用语法及原理解析,超详细!
|
3天前
|
前端开发 JavaScript 数据库
如何实现前后端分离-----前端笔记
如何实现前后端分离-----前端笔记
|
27天前
|
JSON 前端开发 JavaScript
前端Ajax、Axios和Fetch的用法和区别笔记
前端Ajax、Axios和Fetch的用法和区别笔记
29 2